1268
צפיות
צפיות
2
תשובות
תשובות
למה CANCELBUBBLE לא עובד?
שלום,
בניתי משחק קטן ב-JS. יש שם DIV בתוך DIV.
ע"מ לשלוף את הDIV הרצוי אני משתמשת בפונקציה CANCELBUBBLE
למה זה לא עובד?
תודה לכולם!!!!!
הקוד:
function visib(ev) {
ev.cancelBubble = true;
c = ev;
j = j + 1;
if (f == 0) {
c.target.style.visibility = "hidden";
f = 1;
}
else {
c.target.style.visibility = "visible";
f = 0;
}
if (j < 6) {
x = setTimeout("visib(c)", 200);
}
else {
clearTimeout(x);
c.style.visibility = "visible";
j = 0;
}
}
<div id="picture1" onclick="check(event)">
<div id="picture2" onclick="check(event)" >
<div id="picture3" onclick="check(event)">
<div id="picture4" onclick="check(event)">
</div>
</div>
</div>
</div>
2 תשובות
*
סליחה, זה הקוד המלא:
var j = 0;
var f = 0;
var c = 0;
function func()
{
x = clearTimeout();
if (document.getElementById("Image1").title == "20")
document.getElementById("Image1").src="טבלאות/TTOR.gif";
if (document.getElementById("Image1").title == "30")
document.getElementById("Image1").src="טבלאות/TKOR.gif";
if (document.getElementById("Image1").title == "40")
document.getElementById("Image1").style="tdevek.gif" ;
if (document.getElementById("Image1").title == "50") {
window.open("HtmlPage2.html");
this.close();
}
}
function check(ev) {
ev.cancelBubble = true;
var str = ev.currentTarget.id.substring(7, 8);
if (Number(document.getElementById("Image1").title) == Number(str) * 10) {
document.getElementById("ex").play();
if (document.getElementById("Image1").title == "10") {
document.getElementById("picture1").style.backgroundImage = "url('pzom.gif')";
document.getElementById("Image1").title = "20";
document.getElementById("Image1").src = "CTZOM.gif";
x = setTimeout("func()", 1000);
}
else if (document.getElementById("Image1").title == "20") {
document.getElementById("picture2").style.backgroundImage = "url('yona.gif')";
document.getElementById("Image1").title = "30";
document.getElementById("Image1").src = "CTTOR.gif";
x = setTimeout("func()", 1000);
}
else if (document.getElementById("Image1").title == "30") {
document.getElementById("picture3").style.backgroundImage = "url('pkor.gif')";
document.getElementById("Image1").title = "40";
document.getElementById("Image1").src = "CTKOR.gif";
x = setTimeout("func()", 1000);
}
else if (document.getElementById("Image1").title == "40") {
document.getElementById("picture4").style.backgroundImage = "pzom.gif";
document.getElementById("Image1").title = "50";
document.getElementById("Image1").src = "TSHOR.gif";
x = setTimeout("func()", 1000);
}
}
else {
j = 0;
visib(ev);
}
}