Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Martin Suchodol:2.4.2020 10:48

Ahoj, předem bych chtěl říci že se v Javascriptu moc nevyznám .Mám jednoduchý script který mi skrývá obsah daného divu. Ale zároveň bych potřeboval něco co mi bude přepínat text odkazu na skrývání. Tedy něco jako skrýt/odkrýt.

Kód na skrývání

function hiddenImage(lnk_obj) {
    var x = document.getElementById("hiddenDiv");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
    lnk_obj.innerHTML = (lnk_obj.innerHTML == 'skrýt') ? 'zobrazit' : 'skrýt' ;
}

skrývám takovýmto odkazem

<a href="" onclick="event.preventDefault(); hiddenImage(this)">skrýt</a>

Což jak je vidět mám a dokonce vše funguje jak má. Ale můj dotaz zní zda to lze udělat lépe. Nebo pro běžné užití toto stačí?

 
Odpovědět
2.4.2020 10:48
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Martin Suchodol
Jaroslav Smrž:2.4.2020 10:52

Ahoj, v tomto případě by mělo stačit použít data-bind a v JS ho jen deklarovat v if - else bloku.

Nahoru Odpovědět
2.4.2020 10:52
/* Life runs on code */
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:2.4.2020 11:20

Staci.
Misto display='block' muzes pouzit display=''.
Misto style.display a innerHTML muzes pouzit className a css content pro skyt/ukazat.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
2.4.2020 11:20
Avatar
Martin Suchodol:2.4.2020 11:43

ok díky

 
Nahoru Odpovědět
2.4.2020 11:43
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.