Forum PHP.pl > [js] Dynamiczna zmiana obrazka, zawartości diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] Dynamiczna zmiana obrazka, zawartości diva

Wieviór

25.02.2008, 14:37:45

Zmieniam obrazek po najechaniu takim kodem:

[HTML] pobierz, plaintext 
<div class="przycisk"><a href="" onmouseover='rollover1.src="img/przyciski/home_on.gif"' onmouseout='rollover1.src="img/przyciski/home.gif"'><img id="rollover1" src="img/przyciski/home.gif" alt=""/></a></div>
[HTML] pobierz, plaintext

No i zastanawiam się czy to jest na pewno najlepszy sposób. Bo chciałbym jak najbardziej zoptymalizować kod. Podobnie chciałem zrobić ze zmianą zawartości diva po kliknięciu, ale też nie wiem czy to najlepszy sposób.

Z góry dzięki za jakieś info na ten temat, zaznaczam tylko, że w googlu szukałem, i owszem - jest mnóstwo na ten temat, ale rozwiązania za zwyczaj mają w sobie AJAX'a, albo plik *.js najmniej 10kb, a to mnie nie interesuje. ;]

Maciekbjw

25.02.2008, 16:05:34

Myślę, że jest poprawnie, jednak chyba nie najbardziej optymalnie.

Możesz też zrobić tak:

Kod

document.getElementById(zakladka).childNodes[0].src ='img/'+zakladka+'-over.gif';

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.