Autor | Zpráva | ||
---|---|---|---|
Woo Profil |
#1 · Zasláno: 12. 10. 2015, 17:40:47
Zdravím mám takový problém, že mám for cyklus, který mi generuje nové divy a zkouším udělat, aby při kliku na jeden div zmizel jen jeden.
function div(){ var f = document.getElementById("pocetlidi").value; for (var i=1; i<=f;i++){ var divy = document.createElement("div"); var divy2 = document.createElement("div"); var br = document.createElement("br"); divy.style.width = "100px"; divy.style.height = "auto"; divy.style.background = "red"; divy.style.color = "white"; divy.id = "divy" + i divy.innerHTML = "Hello"; divy.onclick = function ahoj (){ for(var b = 1; b<=f; b++){ document.getElementById("divy2"+b).style.visibility = "visible"; } } divy2.style.width = "200px"; divy2.style.height = "auto"; divy2.style.background = "green"; divy2.style.color = "white"; divy2.id = "divy2" + i divy2.innerHTML = "Hello2"; divy2.style.visibility = "hidden"; document.body.appendChild(divy); document.body.appendChild(divy2); } document.getElementById("pocetlidi").readOnly = true; |
||
juriad_ Profil * |
#2 · Zasláno: 12. 10. 2015, 18:05:02
Jde to mnohem eleganteji:
Živá ukázka 1) vzhled res pomoci CSS a v JS prirazenim tridy 2) netreba pridavat id, ty si ty divy muzes primo pamatovat 3) ta funkce, ktera se hned vola je tam kvuli closure, viz Diskuse JPW: Časté potíže, zajímavosti a poučné debaty » Uchování hodnot proměnných v anonymních funkcích — lexikální uzávěry |
||
Woo Profil |
#3 · Zasláno: 12. 10. 2015, 19:43:56
juriad:
díky moc :) nějak moc sem se soustředil na js, že sem úplně zapomněl na css jen jestli bych mohl poprosit o vysvětlení té funkce s d1 a d2? Respektive moc netuším, k čemu tam jsou proměnné d1 a d2 |
||
Časová prodleva: 9 let
|
0