[js] przycisk typu IMAGE, z efektem onmouse over Opcje

[AcidBurnt]

witam

mam przyciska typu image

Kod

<input name="login" type="image" src="gfx/zaloguj.gif" class="but"/>

i chcialbym aby przy najechaniu myszka zmienial sie na nim obrazek na gfx.zaloguj_on.gif

pozdro

[Kill3R]

Witam!!

O cos takiego Ci chodzi

[xml:1:7775d69f06]<a href="nazwastrony.tmll" onMouseOver="document.zaloguj_on.src='gfx/zaloguj_on.gif'"
onMouseOut="document.zaloguj.src='gfx/zaloguj.gif'">
<img src="gfx/zaloguj.gif" name="zaloguj" border=0></a>[/xml:1:7775d69f06]

pozdrawiam

[AcidBurnt]

cos nie za bardzo bo nie wiem czy bedzie to dzialac dla pola INPUT

ale nawet gdyby to java zglasza blad:

Kod

'document.zaloguj_on' jest pusty lub nie jest obiektem

[yoyo]

[xml:1:5bc081a920]<a href="nazwastrony.html" onMouseOver="document.getElementById('zaloguj').src='gfx/zaloguj_on.gif'" onMouseOut="document.getElementById('zaloguj').src='gfx/zaloguj.gif'">
<img src="gfx/zaloguj.gif" id="zaloguj" />
</a>[/xml:1:5bc081a920]

albo

[xml:1:5bc081a920]<a href="nazwastrony.html">
<img onMouseOver="this.src='gfx/zaloguj_on.gif'" onMouseOut="this.src='gfx/zaloguj.gif'" src="gfx/zaloguj.gif" />
</a>[/xml:1:5bc081a920]

i nie java zwraca błąd tylko javascript

[AcidBurnt]

ekhm...

panowie... ale mi chodizło o pole INPUT... czyli o przycisk....

[hawk]

Kod

<input name="login" type="image" src="gfx/zaloguj.gif" class="but" onmouseover="this.src='gfx/zaloguj_on.gif'" onmouseout="this.src='gfx/zaloguj.gif'"/>

Chociaż bez preloadera i automatyzacji, to jest cokolwiek chałupnicze.

[yoyo]

Kod

<input name="login" type="image" src="gfx/zaloguj.gif" class="but" onmouseover="this.src='gfx/zaloguj_on.gif'" onmouseout="this.src='gfx/zaloguj.gif'"/>

Chociaż bez preloadera i automatyzacji, to jest cokolwiek chałupnicze.

owszem

A co do inputa rozwiązanie dla wszystkich przeglądarek
[xml:1:4d166b8f44]<style type="text/css">
.normal{
border: 1px solid black;
background-color: white;
}
.over{
border: 1px solid black;
background-color: yellow;
}
</style>

<input type="text" onMouseOver="this.className='over'" onMouseOut="this.className='normal'" class="normal" />[/xml:1:4d166b8f44]

a jeśli nie interesuje cię MSIE, który nie obsługuje wszystkich selektorów css2 to wystarczy ci w stylach ustawić dla inputu:

[xml:1:4d166b8f44]<style type="text/css">
input:hover{ background-color: yellow; }
</style>[/xml:1:4d166b8f44]