Diskuze: Změn obrázku po kliknutí
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 3 zpráv z 3.
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
???
"aby se obrázek změnil po kliknutí" - kliknutim na co?
"teď se musí kliknout na ten text" - ja tam vidim text v odkazu, klika se tedy na odkaz nebo tam mas jeste jiny text?
"A pak jak bych mohl udělat, aby to nebylo jako odkaz?"
Pokud odkaz nema vypadat jako odkaz, zmenist to pomoci css stylu.
https://www.jakpsatweb.cz/css/ - vpravo je seznam vlastnosti,
ktere se daji pouzit
https://www.jakpsatweb.cz/…y/index.html#… - priklady
"Aby po kliknutí se to nevracelo nahoru po stránce."
# je pouziti kotvy, odskok na strance, pokud neexistuje, tak nahoru
https://www.jakpsatweb.cz/…/odkazy.html
https://www.jakpsatweb.cz/zalozky.html
<a href="#" onclick="self.document['jmeno'].src='obrazek2.jpg'">klikni</a> <img src="..." name="jmeno"> - tohle je uplne podivne
Zkus radeji nekterou z alternativ.
<a href="#jmeno" onclick="self.document['jmeno'].src='obrazek2.jpg';">klikni</a> <img src="..." name="jmeno">
<a href="#jmeno" onclick="self.document['jmeno'].src='obrazek2.jpg'; return false;">klikni</a> <img src="..." name="jmeno">
<a href="javascript:self.document['jmeno'].src='obrazek2.jpg';">klikni</a> <img src="..." name="jmeno">
<span onclick="self.document['jmeno'].src='obrazek2.jpg';">klikni</span> <img src="..." name="jmeno">
<span onclick="self.document['jmeno'].src='obrazek2.jpg';"> <img src="..." name="jmeno"></span>
<img src="..." onclick="self.document['jmeno'].src='obrazek2.jpg';" name="jmeno">
<img src="..." onclick="this.src='obrazek2.jpg';">
Stačí přehodit ten event přímo na ten obrázek..
<img border="0" src="obrazek1.jpg" name="jmeno" width="200" onclick="this.src='obrazek2.jpg'"><br>
Zobrazeno 3 zpráv z 3.