PDA

Pogčedajte punu verziju : JavaScript: onClick event + Alert


sirNemanjapro
11. 04. 2006., 04:23
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!:1043:

ivanhoe
11. 04. 2006., 04:56
Ovako nekako
<a href="link.htm" onclick="this.innerHTML='<img src=\"slika.jpg\">';">Preuzmi</a>

sirNemanjapro
11. 04. 2006., 17:50
<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:

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


A evo kako kada ga promenim.
<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., 17:55
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., 18:10
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., 18:19
Umesto duplih navodnika (") koristi &quot;

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

sirNemanjapro
11. 04. 2006., 18:25
Radi! Radi! :D

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., 18:40
Dodaj css kod:

a img {border:0;}


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

this.innerHTML

stavi

this.parentElement.innerHTML


A za drugo:

<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., 01:16
Umesto duplih navodnika (") koristi &quot;

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

noviKorisnik
12. 04. 2006., 09:12
e, a nisi ni jedini ... :1074:

sirNemanjapro
12. 04. 2006., 14:01
Pokusacu kasnije da primenim to sto si mi rekao.
Br@nkoR, hvala puno!

Evo ubacio sam i radi. Mada nije uspelo sa parentElement da prikaze slicicu koja nije link. Vec kada se ubaci parentElement dobija se samo link i nista vise. Ni alert ne radi. Razmislicu jos malo o ovome. Pa ako ne uspem moracu opet da ti trazim uslugu.