Onmouseover/out - JavaScript

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

mikie16
Level 1.5
Level 1.5
Příspěvky: 109
Registrován: srpen 09
Pohlaví: Muž
Stav:
Offline

Onmouseover/out - JavaScript

Příspěvekod mikie16 » 20 čer 2011 19:14

Zdravím, chtěl bych se zeptat, zda-li je možné v kodu:
<img src="images/flag_de.gif" id="obrazek1" alt="Německo" width="49" height="28"
onmouseover="document.images.obrazek1.src='images/flag_cz.gif'"
onmouseout="document.images.obrazek1.src='images/flag_de.gif'"/>
(stahle ze stranky www.ct.upce.cz.) umožnit aby umístění obrázků nebylo v v PC ale jako přímý URL odkaz na obrazek na webu, děkuji..

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Onmouseover/out - JavaScript

Příspěvekod CZechBoY » 20 čer 2011 22:16

udělej to přes CSS a background
případně to bude fungovat takto (to tvoje si nejsem jist jestli vůbec někde pojede)
<img src="ahooj.jpg" alt="pozdraf" width="xx" height="yy"
onMouseOver="this.src='zdaar.jpg'"
onMouseOut="this.src='ahooj.jpg'"
/>
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

mikie16
Level 1.5
Level 1.5
Příspěvky: 109
Registrován: srpen 09
Pohlaví: Muž
Stav:
Offline

Re: Onmouseover/out - JavaScript

Příspěvekod mikie16 » 20 čer 2011 23:07

Vyřešil jsem to tahkle a funguje to: <img src="images/3.jpg" id="obrazek1" alt="realizace="120" height="120"
onmouseover="document.images.obrazek1.src='images/2.jpg'"
onmouseout="document.images.obrazek1.src='images/3.jpg'"/>

Ted mi mam jiný problém, nedokážu udělat aby z toho byl odkaz, po najetí myši se změní obrazek, ale potrebuju po kliknutí přejít na stránku...

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Onmouseover/out - JavaScript

Příspěvekod CZechBoY » 20 čer 2011 23:10

<a href="odkaz"><img .. ></a>
klasický HTML odkaz, pokud bys chtěl javascript: document.location.href="odkaz" nebo document.location.replace() nebo window.open, ...

moje má kratší kod
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

mikie16
Level 1.5
Level 1.5
Příspěvky: 109
Registrován: srpen 09
Pohlaví: Muž
Stav:
Offline

Re: Onmouseover/out - JavaScript

Příspěvekod mikie16 » 20 čer 2011 23:32

Nevím jestli sme se dobře pochopili, myslím to tak že do toho mého kodu chci přidat řádek s tím, aby z obrázku který se mění (onmouseover/out) byl i hypertexták..

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Onmouseover/out - JavaScript

Příspěvekod CZechBoY » 21 čer 2011 15:26

no však, nevim v čem je problém
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

mikie16
Level 1.5
Level 1.5
Příspěvky: 109
Registrován: srpen 09
Pohlaví: Muž
Stav:
Offline

Re: Onmouseover/out - JavaScript

Příspěvekod mikie16 » 22 čer 2011 08:54

tak, ale kde to mám zařadit? : <img src="images/3.jpg" id="obrazek1" alt="realizace="120" height="120"
onmouseover="document.images.obrazek1.src='images/2.jpg'"
onmouseout="document.images.obrazek1.src='images/3.jpg'"/>

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Onmouseover/out - JavaScript

Příspěvekod CZechBoY » 22 čer 2011 12:08

nevíš jak se dělá odkaz?
dej tam tu kratší a obecnější metodu...
HTML píše:<a href="obrazek-3.html">
<img src="images/3.jpg" alt="realizace" height="120"
onMouseOver="this.src='images/2.jpg';"
onMouseOut="this.src='this.src='images/3.jpg';">
</a>
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW


Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Seznam[Bot] a 1 host