VPF::динамическое создание DIV'a onklick

maxvektor

Дата 19.4.2009, 12:02 (ссылка)

(голосов:1)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 6.3.2008
Где: Одесса

Репутация: нет
Всего: нет

Суть проблемы: есть див, который по онклику создает еще один див. с id="i(k)";
при этом каждый следующий див тоже обладает свойством onklick. при этом у каждого следующего смущается з-индекс на 1. и позиция по горизонтали.
Вот наработка(не работает вообще):

Код


<script language='javascript'>
var k=0;
txt = '<div id="i'+k+" onclick="double_txt();" style="z-index:5; position:absolute; 
left:'+(k+200)+'; top:20 ; width:200px; height:250px; border: solid #000;"></div>';
k++;
function double_txt()
{
    document.getElementById("i0").innerHTML=document.getElementById("i0").innerHTML+txt;
}

double_txt();
</script>

Помогите разобраться, а то сам никак. де я ошибся и в каком направлении мне идти?

Это сообщение отредактировал(а) Aliance - 20.4.2009, 12:16

underW

Дата 19.4.2009, 17:43 (ссылка)

(голосов:1)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 142
Регистрация: 22.9.2008

Репутация: 2
Всего: 3

Код


<html>
<head>
<style>
div
{

 width:200px;
 height:250px;
 border: solid #000;
}
</style>
</head>
<body> 
<script>
function f(el)
{
var num=parseInt((el.id.substr(1)))+1;
var rez=el.parentNode.insertBefore(document.createElement("DIV"), el);
rez.id="i"+num;
rez.style.left=parseInt(el.style.left)-5+"px";
rez.style.zIndex=parseInt(el.style.zIndex)+1;
rez.addEventListener("click", function(){f(this)}, false); 
}
</script>
<div id="i0" style="left:200; top:20; z-index:5;" onclick="f(this)">3</div>
</body>
</html>

ну вот как то так... за 2 минуты накидал, вроде работает..

maxvektor

Дата 19.4.2009, 23:03 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 6.3.2008
Где: Одесса

Репутация: нет
Всего: нет

underW, огромное спасибо! Жаль, что нужно 100 постов, чтоб "+" поставить. Но я постараюсь не забыть smile

Тема закрыта

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »