Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> podmiana tekstu w divie po najchaniu myszką
paweljq
post 15.11.2006, 21:52:17
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 16.07.2005

Ostrzeżenie: (0%)
-----


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ć questionmark.gif
Go to the top of the page
+Quote Post
batman
post 15.11.2006, 22:16:54
Post #2





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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).


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
Zajec
post 15.11.2006, 22:56:49
Post #3





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----


Kod dla przeglądarek:
  1. <div class="ten">hover me</div><div>some tip</div>

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



Inny:
  1. <div class="ten">hover me<div>some tip</div></div>

Kod
.ten div { display: none; }
.ten:hover div { display: block; }
Go to the top of the page
+Quote Post
batman
post 15.11.2006, 23:25:03
Post #4





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




Podam przykład.

  1. <div id="id1" onmouseover="pokaz();" onmouseout="ukryj();">hover me</div>
  2. <div id="id2" style="display:none;">some tip</div>


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ć.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 19:47