OnClick() zobrazení – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravíčko ve spolek, měl bych takovýto dotaz: Jak mohu udělat, že, když kliknu
na nějáký např. obrázek se otevře element, obrázek se změní a po znovu kliknutí
by se zase obrázek změnil a element se skryl (zavřel).

Případné nápady, skripty a pomoc bude velice vítána
Děkuji všem za pomoc

takto dako :

function prepinac(idecko){

div=document.getElementById(idecko+'-div').style;

obr=document.getElementById(idecko+'-obr');

if (div.display=='block') { obr.src='url_obrazka_2.png'; div.display='none'; }

else { obr.src='url_obrazka_1.png'; div.display='block'; }

}



<img id="prepinac-obr" src="url_obrazka_1.png" onclick="prepinac('prepinac')" />

<div id="prepinac-div" style="display:block;">

obsah divu

</div>

Silne Vam dopurucuji na vsechny prace s DOM jQuery. Je to neuveritelne jednoduchy a efektivni.

Přesně tak, s jQuery by to mohlo vypadat takhle:

$('#obrazek').click(function() {
var obrazky = ['obrazek1.png', 'obrazek2.png'];
$(this).attr({src: obrazky[$('#prvek').toggle().is(':visible') ? 1 : 0]});
});

<img id = "obrazek" src = "obrazek1.png"></img>
<div id = "prvek" style = "display: none;"></div>

To asdasd : presne, len si zabudol na detail, ze este treba k tomu prihodit dalsich niekolko kb kodu, ktore mozno uz ani dalej nepouzije... v tomto pripade zbytocny request na server....

V tomhle případě to je asi pravda, tady to znamená ušetření pár řádků kódu. U větší stránky těch ušetřených řádků může být několik set a to už stojí za úvahu. Je to asi otázka osobních preferencí, ale já radši do stránky nalinkuju 20kB kódu navíc, když jí díky tomu budu mít hotovou za polovinu času. Samozřejmě nikomu nic nevnucuju, ovšem osobně už bych bez frameworku typu jQuery nic většího nezačínal.