OnClick() zobrazení – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

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

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Slim0
Návštěvník
1. 6. 2010   #1
-
0
-

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

Nahlásit jako SPAM
IP: 90.179.211.–
Reklama
Reklama
marioff0
Expert
2. 6. 2010   #2
-
0
-

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>

Nahlásit jako SPAM
IP: 195.78.44.–
Škoda, že život sa nedá "sejvovať", tak že by som po zlom životnom rozhodnutí mohol začať odznova :([br] Lenivosť je matka pokroku.[br][br] http://cut.sk/ - odstrihni si dlhý link
mth
~ Anonymní uživatel
1 příspěvek
13. 6. 2010   #3
-
0
-

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

Nahlásit jako SPAM
IP: 88.101.104.–
asdasd
~ Anonymní uživatel
30 příspěvků
13. 6. 2010   #4
-
0
-

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>

Nahlásit jako SPAM
IP: 83.240.95.–
marioff0
Expert
13. 6. 2010   #5
-
0
-

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....

Nahlásit jako SPAM
IP: 195.78.44.–
Škoda, že život sa nedá "sejvovať", tak že by som po zlom životnom rozhodnutí mohol začať odznova :([br] Lenivosť je matka pokroku.[br][br] http://cut.sk/ - odstrihni si dlhý link
asdasd
~ Anonymní uživatel
30 příspěvků
13. 6. 2010   #6
-
0
-

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.

Nahlásit jako SPAM
IP: 83.240.95.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 18 hostů

Podobná vlákna

Onclick() — založil mauricius

OnClick na obrázek — založil Starsam

Onclick událost — založil Matouš

Nefunguje OnClick... — založil Calvary

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý