Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] przycisk typu IMAGE, z efektem onmouse over
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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 questionmark.gif

[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 smile.gif
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.... sad.gif
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
Cytat
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]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.