Autor Zpráva
Neas
Profil
Caf.

Mám problém. Vytvořil sem si .html stránku, kterou sem pomocí framesetu rozdělil na dvě poloviny. Na jedné z nich mám tlačítka a na druhé vždycky obrázek. Pls můžete mi někdo poradit jak to udělat, aby když přejedu myšlí přes jedno tlačítko, se obrázek na druhé polovině změnil na jiný a když odjedu, aby se zase změnil z5? Chtěl jsem takhle udělat pěkné menu a teď nějak nwm jak na to ^^"

díky moc!

EDIT: našel sem na netu jednu stránku, která je podobná tomu, co chci vytvořit:
http://rubydragon.extra.hu/
jen na téhle sou tlačítka přímo na obrázku a nezmění se z5, když s myší tlačítko opustím, ale i tak se dost podobá tomu co chci :)
Radek9
Profil
Neas:
Pls
Co prosím?

<a href="#" onMouseOver="window.open('image.jpg', 'name_framu')" onMouseOut="window.open('default.jpg', 'name_framu')">Obrázek</a>
peta
Profil
Radek9: pridal bych: nwm z5 sou ^^"
Neas
Profil
Díky moc, funguje to :)
BTW:
pls = prosím
nwm = nevím
z5 = zpět
^^" = smailík
btw = mimochodem (doslova: By The Way)
Radek9
Profil
Neas:
pls = prosím
nwm = nevím
z5 = zpět
^^" = smailík
Výrazy tohoto typu na této diskusi nemají co dělat! Viz pravidla.

btw = mimochodem (doslova: By The Way)
To se ještě dá přežít, ale taky to tu nerad vidím.
Neas
Profil
Aha. Pravidla jsem četl, ale tohle mi nějak uniklo. Omlouvám se.
Neas
Profil
Tak jsem framesety vyměnil za tabulku a padající pírka fungují, jen jsem teď narazil na nový problém.

Jak už jsem říkal, vytvořil jsem místo framesetu tabulku s dvěma buňkama: do první jsem dal obrázek a do druhé tlačítka. Potřeboval bych udělat něco podobného, jako jsem tu psal výše, jen tentokrát to udělat tak, aby při najetí kurzoru na tlačítko se ve vedlejší buňce objevil jiný obrázek a při opuštění tlačítka, aby se znovu objevil obrázek původní.
Nejdřív jsem si zkoušel trochu hrát s kódem, který mi napsal Radek9

<a href="#" onMouseOver="window.open('image.jpg', 'name_framu')" onMouseOut="window.open('default.jpg', 'name_framu')">Obrázek</a>

ale v tabulce nefunguje. Šlo by to nějak udělat takhle?
Bubák
Profil
Koukni na www.jakpsatweb.cz/javascript/priklady/obrazky-zamena0.html
Stačí použít jiné události, zda je lepší použít osvědčené namo, nebo "moderní" id, nevím, výsledek, celkem tři možnosti, vypadá takto:
<img border="0" src="prvni.gif" id="jmeno" width="30" height="30"> <a href="#" onmouseover="document.images['jmeno'].src='druhy.gif'" onmouseout="document.images['jmeno'].src='prvni.gif'">Přejeď</a><br>
<br>
<br>
<br>
<img border="0" src="prvni.gif" id="xxx" width="30" height="30"> <a href="#" onmouseover="document['xxx'].src='druhy.gif'" onmouseout="document['xxx'].src='prvni.gif'">Přejeď</a><br>
<br>
<br>
<br>
<img border="0" src="prvni.gif" width="30" height="30"> <a href="#" onmouseover="document.images[2].src='druhy.gif'" onmouseout="document.images[2].src='prvni.gif'">Přejeď</a>

document.images[2] je oroto, že měníš třetí obrázek v kolekci, počítají se totiž od nuly.
Neas
Profil
Žádný z těhle kódů bohužel nefunguje, u prvního se první obrázek změní, po opuštění odkazu se však nezmění zpět. Druhý nereaguje nijak a třetí sice měnil obrázky tam i zpět, ale měnil vždy náhodně jedno z těch padajících pírek. I tak však moc díky, napadlo mě třetí trošku poupravit:
<img border="0" src="yaoi.jpg" id="necojk" width="30" height="30"> <a href="#" onmouseover="document.images['necojk'].src='mec.jpg'" onmouseout="document.images['necojk'].src='yaoi.jpg'">Přejeď</a>
a takhle už to funguje.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: