Помогите с Div-ами
Модератор: Duncon
Подскажите пожалуйста можно ли создать скрипт на JavaScript которий создавал бы "дивы" ну примерно 50 штук но с разными ID
можно (10 символов минимум)
а что пустие дивы сделать нельзя? и мне нужно сделать как минимум 50 дивов.
чтобы не писать в HTML 50 раз
<DIV ID='myDiv1' STYLE="position:absolute; top: 20; left:150; height:20; width:20; background: red"></DIV>
каждый раз меняя id
чтобы не писать в HTML 50 раз
<DIV ID='myDiv1' STYLE="position:absolute; top: 20; left:150; height:20; width:20; background: red"></DIV>
каждый раз меняя id
можно (10 символов это дурацкое ограничение длинны постов на данном форуме)
тогда может подкажете как? буду благодарен
Во правельный вопрос..
Пишется функция либо как тебе удобней реализовывать, в ней что-то типа этого
загоняем в цикл
for (i = 0; i < 50; i++) {
//есть такой метод
document.write("<DIV ID='myDiv"+ i +"' ></DIV>")
}
зы написал от балды могут быть описки..
Пишется функция либо как тебе удобней реализовывать, в ней что-то типа этого
загоняем в цикл
for (i = 0; i < 50; i++) {
//есть такой метод
document.write("<DIV ID='myDiv"+ i +"' ></DIV>")
}
зы написал от балды могут быть описки..
Спасибо, у меня получился такой скрипт
<script language="JavaScript">
pt=15;
pl=150;
for (i=1; i<24; i++) {
for (j=1; j<18; j++) {
document.write('<DIV ID="myDiv'+i+','+j+'" STYLE="position:absolute; top: 0; left:0; height:20; width:20; background: red"></DIV>');
document.getElementById('myDiv'+i+','+j).style.top=pt;
document.getElementById('myDiv'+i+','+j).style.left=pl;
pl+=21;
}
pt+=24;
pl=150;
}
</script>
можно ли обойтись без
document.getElementById('myDiv'+i+','+j).style.top=pt;
document.getElementById('myDiv'+i+','+j).style.left=pl;
а сразу задавать поицию дивов?
<script language="JavaScript">
pt=15;
pl=150;
for (i=1; i<24; i++) {
for (j=1; j<18; j++) {
document.write('<DIV ID="myDiv'+i+','+j+'" STYLE="position:absolute; top: 0; left:0; height:20; width:20; background: red"></DIV>');
document.getElementById('myDiv'+i+','+j).style.top=pt;
document.getElementById('myDiv'+i+','+j).style.left=pl;
pl+=21;
}
pt+=24;
pl=150;
}
</script>
можно ли обойтись без
document.getElementById('myDiv'+i+','+j).style.top=pt;
document.getElementById('myDiv'+i+','+j).style.left=pl;
а сразу задавать поицию дивов?
На самом деле write - полный Ацтой.
Крутые перцы с большими поршнями юзают DOM (Объектная модель документа).
В нем ты мужешь создать любой тэг с любыми атрибутами, сперва виртуально.
Потом в цикле меняешь у виртуального DIV значение ID и прицепляешь к нужному родителю в HTML документе. Можешь создать первый DIV, а потом скопировать его в виртуальный, далее опять менять в цикле значение атрибута ID и добавлять в документ. Я таким образом сделал огромадную интерактивную таблицу, где число стобцов и строк задавал пользователь.
Поищи в интернете литературу про DOM - есть и на русском языке.
Крутые перцы с большими поршнями юзают DOM (Объектная модель документа).
В нем ты мужешь создать любой тэг с любыми атрибутами, сперва виртуально.
Потом в цикле меняешь у виртуального DIV значение ID и прицепляешь к нужному родителю в HTML документе. Можешь создать первый DIV, а потом скопировать его в виртуальный, далее опять менять в цикле значение атрибута ID и добавлять в документ. Я таким образом сделал огромадную интерактивную таблицу, где число стобцов и строк задавал пользователь.
Поищи в интернете литературу про DOM - есть и на русском языке.
Тем более, оказывается ты про DOM знаешь, раз самый главный метод getElementById применяешь.
Спасибо за совет. мне самом врайт не очень по душе, но мои познания в XML i DOM не велики. Пробовал искать но пока ничего стоящего не нашел. может что-то подскажеш" писал(а):Поищи в интернете литературу про DOM - есть и на русском языке