Forum PHP.pl > podmiana tekstu w divie po najchaniu myszką

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: podmiana tekstu w divie po najchaniu myszką

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

paweljq

15.11.2006, 21:52:17

Mam taki problem. Chciałbym aby po najechaniu na diva w innym divie pokazał się tekst, jeśli zjade myszką z tego diva to tekst zniknie. Jak to rozwiązać

batman

15.11.2006, 22:16:54

By uzyskać wymagany efekt potrzebujesz użyć onmouseover i onmouseout. Po najechaniu myszką nad jednego diva, zapisujesz poprzez innerHTML coś do drugiego diva, a po zjechaniu zapisujesz inną wartość lub poprzednią (zapisaną do jakieś zmiennej).

Zajec

15.11.2006, 22:56:49

Kod dla przeglądarek:

[HTML] pobierz, plaintext 
<div class="ten">hover me</div><div>some tip</div>
[HTML] pobierz, plaintext

Kod

.ten+div { display: none; }
.ten:hover+div { display: block; }

Inny:

[HTML] pobierz, plaintext 
<div class="ten">hover me<div>some tip</div></div>
[HTML] pobierz, plaintext

Kod

.ten div { display: none; }
.ten:hover div { display: block; }

batman

15.11.2006, 23:25:03

Podam przykład.

[HTML] pobierz, plaintext 
<div id="id1" onmouseover="pokaz();" onmouseout="ukryj();">hover me</div>
<div id="id2" style="display:none;">some tip</div>
[HTML] pobierz, plaintext

A teraz JavaScript

Kod

function pokaz() {
    var drugi_div = document.getElementById("id2");
    drugi_div.style.display = "block";
}

function ukryj() {
    var drugi_div = document.getElementById("id2");
    drugi_div.style.display = "none";
}

Tak to powinno mniej więcej wyglądać.

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.