JavaScript: onClick event + Alert

sirNemanjapro · 11. 04. 2006.

Ovo mu valjda spada pod programiranje.

Evo u cemu je problem. Na stranici http://www.cakucica.net/muzika.php sam pokusao da uradim onClick event za preuzmi tekst (link) koji kada se klikne prelazi u malu slicicu. Frka je sto nigde nisam nasao pojasnjenje niti skriptu (demo) kako to izgleda. Nasao sam iz teksta u tekst, iz slike u sliku, ali nigde nema iz teksta u sliku.
Takodje sam dodao alert, no to i nije toliko bitno.

Da li trazim mnogo ako zamolim da neko postuje ispravan kod?

Hvala unapred!

ivanhoe · 11. 04. 2006.

Ovako nekako

HTML kôd:

<a href="link.htm" onclick="this.innerHTML='<img src=\"slika.jpg\">';">Preuzmi</a>

sirNemanjapro · 11. 04. 2006.

Citat:

Originalno napisao ivanhoe

HTML kôd:

<a href="link.htm" onclick="this.innerHTML='<img src=\"slika.jpg\">';">Preuzmi</a>

Ne valja.

Hvala ti sto si odgovorio, ali nista se ne desava.
Evo kako izgleda string pre promene:

HTML kôd:

<td width="27%" class="muzika_text"><div align="center">preuzmi</div></td>

A evo kako kada ga promenim.

HTML kôd:

<td width="27%" class="muzika_text"><div align="center"><a href="public_ftp/mp3/#" onclick="this.innerHTML='<img src=\"/images/muzika/rotodown.gif">';">Preuzmi</a></div></td>

A i ako izbacim div ostaje mi ';">Preuzmi ovo. A od zamene slicice nema nista.

Takodje mi nije jasno zasto posle scr= stoji back slash?

Hvala unapred.

noviKorisnik · 11. 04. 2006.

To ti je escape navodnika koji sledi. Inače, ako si ovde okačio direktan kod koji si pokušao da koristiš, onda je greška u njemu jer je ispušten escape zatvarajućeg navodnika istog tog stringa za src (pogledaj Ivanov primer - tamo imaš dvaput backslash, kod tebe samo jedan).

sirNemanjapro · 11. 04. 2006.

Uradio sam sada sve isto kao sto je Ivan. I div sam izbacio, ali i dalje se vidi ovo:
';">Preuzmi

Ako obrisem ista stvar...

Br@nkoR · 11. 04. 2006.

Umesto duplih navodnika (") koristi "

Kôd:

<a href="#" onclick="this.innerHTML='<img src=&quot;slika.jpg&quot;>'">Preuzmi</a>

sirNemanjapro · 11. 04. 2006.

Radi! Radi!

Hvala Branko.

Da li mozda moze bez ovog okvira? Jer kada kliknem on mi promeni na slcicu ali ostane okvir oko slicice od 3px.

I da li mogu da ubacim i alert? Ovo je valjda pravilno, samo gde da stavim?

onClick="alert('Hvala Vam &scaron;to koristite ČaKućica.Net!')

Br@nkoR · 11. 04. 2006.

Dodaj css kod:

Kôd:

a img {border:0;}

Ili ukoliko ne želiš da ta sličica bude link, umesto

Kôd:

this.innerHTML

stavi

Kôd:

this.parentElement.innerHTML

A za drugo:

Kôd:

<a href="#" onclick="this.innerHTML='<img src=&quot;slika.jpg&quot;>';alert('Hvala Vam &scaron;to koristite CaKucica.Net!')">Preuzmi</a>

Mada za sve ovo možeš kreirati posebnu JS funkciju i nju pozivati.

ivanhoe · 12. 04. 2006.

Citat:

Originalno napisao Br@nkoR

Umesto duplih navodnika (") koristi "

eh, da, moja greska, html ne zna za escape sa \... otkucao sam napamet, nisam probao, sorry...

noviKorisnik · 12. 04. 2006.

e, a nisi ni jedini ...

11. 04. 2006.	#1
sirNemanjapro Banned Expert Datum učlanjenja: 31.03.2006 Lokacija: Trnava, Čačak Poruke: 464 Hvala: 0 0 "Hvala" u 0 poruka	JavaScript: onClick event + Alert Ovo mu valjda spada pod programiranje. Evo u cemu je problem. Na stranici http://www.cakucica.net/muzika.php sam pokusao da uradim onClick event za preuzmi tekst (link) koji kada se klikne prelazi u malu slicicu. Frka je sto nigde nisam nasao pojasnjenje niti skriptu (demo) kako to izgleda. Nasao sam iz teksta u tekst, iz slike u sliku, ali nigde nema iz teksta u sliku. Takodje sam dodao alert, no to i nije toliko bitno. Da li trazim mnogo ako zamolim da neko postuje ispravan kod? Hvala unapred!

11. 04. 2006.	#2
ivanhoe Ivan Dilber Sir Write-a-Lot Datum učlanjenja: 18.10.2005 Lokacija: Bgd Poruke: 5.320 Hvala: 104 2.344 "Hvala" u 583 poruka	Ovako nekako HTML kôd: <a href="link.htm" onclick="this.innerHTML='<img src=\"slika.jpg\">';">Preuzmi</a> __________________ Leadership is the art of getting people to want to do what you know must be done.

11. 04. 2006.	#4
noviKorisnik Dejan Katašić Wrote a book Datum učlanjenja: 10.06.2005 Lokacija: Novi Sad Poruke: 1.017 Hvala: 129 86 "Hvala" u 43 poruka	To ti je escape navodnika koji sledi. Inače, ako si ovde okačio direktan kod koji si pokušao da koristiš, onda je greška u njemu jer je ispušten escape zatvarajućeg navodnika istog tog stringa za src (pogledaj Ivanov primer - tamo imaš dvaput backslash, kod tebe samo jedan). __________________ novikorisnik.net_BoxUp Blog maternji_Monty Hall paradoks - interaktivni demo

11. 04. 2006.	#6
Br@nkoR banned Professional Datum učlanjenja: 04.06.2005 Poruke: 371 Hvala: 0 738 "Hvala" u 83 poruka	Umesto duplih navodnika (") koristi " Kôd: <a href="#" onclick="this.innerHTML='<img src="slika.jpg">'">Preuzmi</a> __________________ Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with buls*t.”

11. 04. 2006.	#7
sirNemanjapro Banned Expert Datum učlanjenja: 31.03.2006 Lokacija: Trnava, Čačak Poruke: 464 Hvala: 0 0 "Hvala" u 0 poruka	Radi! Radi! Hvala Branko. Da li mozda moze bez ovog okvira? Jer kada kliknem on mi promeni na slcicu ali ostane okvir oko slicice od 3px. I da li mogu da ubacim i alert? Ovo je valjda pravilno, samo gde da stavim? onClick="alert('Hvala Vam &scaron;to koristite ČaKućica.Net!') Poslednja izmena od sirNemanjapro : 11. 04. 2006. u 18:34.

11. 04. 2006.	#8
Br@nkoR banned Professional Datum učlanjenja: 04.06.2005 Poruke: 371 Hvala: 0 738 "Hvala" u 83 poruka	Dodaj css kod: Kôd: a img {border:0;} Ili ukoliko ne želiš da ta sličica bude link, umesto Kôd: this.innerHTML stavi Kôd: this.parentElement.innerHTML A za drugo: Kôd: <a href="#" onclick="this.innerHTML='<img src="slika.jpg">';alert('Hvala Vam &scaron;to koristite CaKucica.Net!')">Preuzmi</a> Mada za sve ovo možeš kreirati posebnu JS funkciju i nju pozivati. __________________ Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with buls*t.”

12. 04. 2006.	#10
noviKorisnik Dejan Katašić Wrote a book Datum učlanjenja: 10.06.2005 Lokacija: Novi Sad Poruke: 1.017 Hvala: 129 86 "Hvala" u 43 poruka	e, a nisi ni jedini ... __________________ novikorisnik.net_BoxUp Blog maternji_Monty Hall paradoks - interaktivni demo

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
onclick donja crta na linku?	HexTex	Sva početnička pitanja	31	06. 04. 2010. 10:14
Kohana display event	ivanhoe	Web aplikacije, web servisi i software	4	30. 09. 2009. 00:27
<select> onClose event	godza	(X)HTML, JavaScript, DHTML, XML, CSS	14	23. 07. 2006. 20:04
event.clientX u FF	bojan_bozovic	(X)HTML, JavaScript, DHTML, XML, CSS	24	25. 03. 2006. 13:36