Autor Zpráva
Woo
Profil
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;
Jedná se o to, že vygeneruju dva divy, kde jeden je normálně viditelný a druhý není a chci udělat, aby když kliknu na první se ukázal druhý. Jenže v tom kódu co zatím mám se mi ukážou všechny divy2. Zkouším hledám a vše možné už druhým dnem a nenacházím řešení, které by to splňovalo :(
juriad_
Profil *
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
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

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: