Страница 1 из 2

Помогите с Div-ами

Добавлено: 18 мар 2007, 21:48
Stock
Подскажите пожалуйста можно ли создать скрипт на JavaScript которий создавал бы "дивы" ну примерно 50 штук но с разными ID

Re: Помогите с Div-ами

Добавлено: 19 мар 2007, 10:20
Duncon
можно (10 символов минимум)

Re: Помогите с Div-ами

Добавлено: 19 мар 2007, 11:31
Stock
а что пустие дивы сделать нельзя? и мне нужно сделать как минимум 50 дивов.
чтобы не писать в HTML 50 раз
<DIV ID='myDiv1' STYLE="position:absolute; top: 20; left:150; height:20; width:20; background: red"></DIV>
каждый раз меняя id

Re: Помогите с Div-ами

Добавлено: 19 мар 2007, 21:07
Duncon
можно (10 символов это дурацкое ограничение длинны постов на данном форуме)

Re: Помогите с Div-ами

Добавлено: 19 мар 2007, 22:24
Stock
тогда может подкажете как? буду благодарен

Re: Помогите с Div-ами

Добавлено: 20 мар 2007, 10:08
Duncon
Во правельный вопрос..
Пишется функция либо как тебе удобней реализовывать, в ней что-то типа этого
загоняем в цикл
for (i = 0; i < 50; i++) {
//есть такой метод
document.write("<DIV ID='myDiv"+ i +"' ></DIV>")
}
зы написал от балды могут быть описки..

Re: Помогите с Div-ами

Добавлено: 20 мар 2007, 11:04
Stock
Спасибо, у меня получился такой скрипт
<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;
а сразу задавать поицию дивов?

Re: Помогите с Div-ами

Добавлено: 20 мар 2007, 11:11
__Yuri__
На самом деле write - полный Ацтой.
Крутые перцы с большими поршнями юзают DOM (Объектная модель документа).
В нем ты мужешь создать любой тэг с любыми атрибутами, сперва виртуально.
Потом в цикле меняешь у виртуального DIV значение ID и прицепляешь к нужному родителю в HTML документе. Можешь создать первый DIV, а потом скопировать его в виртуальный, далее опять менять в цикле значение атрибута ID и добавлять в документ. Я таким образом сделал огромадную интерактивную таблицу, где число стобцов и строк задавал пользователь.
Поищи в интернете литературу про DOM - есть и на русском языке.

Re: Помогите с Div-ами

Добавлено: 20 мар 2007, 11:14
__Yuri__
Тем более, оказывается ты про DOM знаешь, раз самый главный метод getElementById применяешь.

Re: Помогите с Div-ами

Добавлено: 20 мар 2007, 11:49
Stock
&quot писал(а):Поищи в интернете литературу про DOM - есть и на русском языке
Спасибо за совет. мне самом врайт не очень по душе, но мои познания в XML i DOM не велики. Пробовал искать но пока ничего стоящего не нашел. может что-то подскажеш