Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS/DHTML] Problem z menu.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
ano
Cześć!
Mam taki skrypt:
[xml:1:4292588ace]
<img src="/1/on.gif" name="a" border="0"><br>
<a onMouseOver="document.images['b'].src='up.gif'" OnMouseOut="document.images['b'].src='s.gif'"><img src="s.gif" name="b" border="0"></a>
[/xml:1:4292588ace]

Skrypt ten oczywiście zmienia obrazek po najechaniu na niego kursorem.
I teraz nie mam pojęcia jak dodać takie coś:
Po kliknięciu na obrazek "b" jego parametr src zmienia się na "on.gif", a kod obrazka "a" zmienia się na:

Kod:
[xml:1:4292588ace]
<a onMouseOver="document.images['a'].src='up.gif'" OnMouseOut="document.images['a'].src='s.gif'"><img src="s.gif" name="a" border="0"></a>
[/xml:1:4292588ace]

Czyli po kliknięciu na obrazek "b" powinien kod wyglądać mniej więcej tak:
[xml:1:4292588ace]
<a onMouseOver="document.images['a'].src='up.gif'" OnMouseOut="document.images['a'].src='s.gif'"><img src="s.gif" name="a" border="0"></a>
<img src="on.gif" name="b" border="0"><br>
[/xml:1:4292588ace]

(szukałem czegoś takiego na różnych stronach ale nic nie znalazłem)
e-Gandalf
Zastanow sie co chcesz osiagnac.... Bo cos czuje, ze zmienianie kodu nie ma tu sensu (da sie to zrobic, ale po co?)
I sproboj skladnie opisac co chcesz uzyskac smile.gif
Zajec
Zmiana onMouseOver, onMouseOut, src to chyba troszkę dużo. Może jest faktycznie prostsze rozwiązanie questionmark.gif

A ze swojejs trony zaproponowałbym Ci stworzenie dwóch div'ów, z czego jeden byłby domyślnie ukryty, a następnie po kliknięciu na link ten ukryty by się pokazywał, a ten ukrywał.
ano
Zajec>> takie rozwiązanie nie wchodzi w grę ponieważ jak w menu np będe miał 10 obrazków to trochę będzie dużo tych warstw?

Chodzi o to, że po kliknięciu na obrazek "b" jego src zmienia się na "on.gif" a src obrazka "a" zmienia się na "s.gif" i dodają się do niego zdarzenia onmouseover i onmoouseout.
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.