ورود

View Full Version : onclick event داینامیییییییییییییییک



pluschild
شنبه 10 فروردین 1392, 22:05 عصر
سلام . امروز یک سوال داشتم در مورد ایجاد یک DIV داینامیک بطوریکه با کلیک روی یک دایو موجود در صفحه یک دایو دیگه ساخته بشه ، که یکی از دوستان محبت کردند و کمکم کردند ، حالا من هر کاری می کنم تا این دایو جدیدی که با کلیک روی دایو قبلی ایجاد شده ، هم همین خاصیت رو داشته باشه یعنی با کلیک روی اون هم یک دایو دیگه ساخته بشه ، ایونت آن کلیک اش کار نمی کنه :ناراحت::ناراحت::ناراحت::نار حت::ناراحت:
کدم هم اینه :
var node=document.createElement("DIV");
node.addEventListener('click',clk(newid),false);
document.body.appendChild(node);

که
clk(newid) همون تابعی هستش که با کلیک روی دایو های موجود با آی دی که از اونها می گیره یه دونه مثلشون می سازه و یک سری کار دیگه انجام میده :ناراحت::ناراحت::ناراحت::نار حت::ناراحت:
منتظر کمکتون هستم . ببخشید که اول راه طراحی وب هستم

pluschild
یک شنبه 11 فروردین 1392, 07:20 صبح
ما ز یاران چشم یاری داشتیییییم :لبخند::لبخند::لبخند::لبخند:

Variable
یک شنبه 11 فروردین 1392, 11:58 صبح
دیشب کلی کلنجار رفتم. نشد :(

این کار و میتونی با جیکوئری هم انجام بدی

pluschild
چهارشنبه 14 فروردین 1392, 08:02 صبح
خیلی لطف کردی . غیر از جیکوئری نمیشه یعنی ؟
کلاً رفته تو روحیه ام این :لبخند:

pluschild
پنج شنبه 15 فروردین 1392, 20:11 عصر
چه کنم ؟ :متفکر:

Variable
جمعه 16 فروردین 1392, 08:34 صبح
اینجا (http://stackoverflow.com/questions/728360/most-elegant-way-to-clone-a-javascript-object)کمکتون میکنه

eAmin
جمعه 16 فروردین 1392, 15:06 عصر
window.onload = function() {
var node=document.createElement("div");
node.addEventListener('click', function(e) { clk(e, 120); }, false);
node.innerHTML = "dynamically created div ";
document.body.appendChild(node);
}

function clk(e, newid) {
e.target.innerHTML += newid;
}

jalil_gh
شنبه 17 فروردین 1392, 11:13 صبح
اینو امتحان کن


<html>
<head>
<style type='text/css'>

div {
width:100px; height:100px; background-color:blue;
}

</style>
</head>
<body>
<script>

function createDiv(){
var elem = document.createElement('div');
elem.addEventListener('click', function(){
createDiv();
}, false);
document.body.appendChild(elem);
}

window.onload = function(){
createDiv();
};

</script>

</body>
</html>