Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > динамическое создание DIV'a onklick

Автор: maxvektor 19.4.2009, 12:02

Суть проблемы: есть див, который по онклику создает еще один див. с 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>

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

Автор: underW 19.4.2009, 17:43

Код


<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

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

Тема закрыта