Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ukryj/Pokaż element gdy onmouseover, Jak zmienić przymus kliknięcia na najechanie myszką?
zielonykwas
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 9.12.2010

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


Po kliknięciu myszką div z widoczną zawartością znika, a pojawia się div, który chcemy zobaczyć.
Chciałbym uzyskać ten sam efekt, lecz zamiast klikania myszką, żeby wystarczyło najechać (onmouseover).

java script:
  1. function pokaz3(pokaz, ukryj, ukryj2) {
  2.  
  3. document.getElementById(pokaz).style.display = "block";
  4. document.getElementById(ukryj).style.display = "none";
  5. document.getElementById(ukryj2).style.display = "none";
  6.  
  7.  
  8. }


html
  1. <div id="tytul_opcja_div">
  2.  
  3. <a class="tytul_opcja" onmousover="java script:void(pokaz3('sport_zuzel', 'sport_pilkanozna', 'sport_inne')); ">Zuzel</a>
  4.  
  5. <a class="tytul_opcja" href="java script:void(pokaz3('sport_pilkanozna', 'sport_zuzel', 'sport_inne')); ">Pilka nozna</a>
  6.  
  7. <a class="tytul_opcja" href="java script:void(pokaz3('sport_inne', 'sport_pilkanozna', 'sport_zuzel')); ">Inne</a>
  8.  
  9. </div>
  10.  
  11.  
  12. <div id="sport_pilkanozna" style="display: none;">
  13.  
  14. <h2>Piłka nożna</h2>
  15.  
  16. Coś tam coś tam
  17.  
  18. </div>
  19.  
  20.  
  21. <div id="sport_zuzel" style="display: none;">
  22.  
  23. <h2>Żużel</h2>
  24.  
  25. coś tam coś tam
  26.  
  27. </div>
  28.  
  29.  
  30. <div id="sport_inne">
  31.  
  32. <h2>Inne</h2>
  33.  
  34. coś tam coś tam
  35.  
  36. </div>
  37.  
  38. </div>


Ten post edytował zielonykwas 9.12.2010, 22:36:37
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Wicepsik
post
Post #2





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

Ostrzeżenie: (20%)
X----


Przed założeniem tematu sprawdzaj zawsze literówki
onmousover != onmouseover

Ten post edytował Wicepsik 9.12.2010, 22:32:20


--------------------
Go to the top of the page
+Quote Post
zielonykwas
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 9.12.2010

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


Dzięki za zwrócenie uwagi.
Pomoc już nie potrzebna bo okazało się to banalne. Nie wiem czemu na to wcześniej nie wpadłem. Pewnie wydawało się zbyt proste.
Teraz jeszcze jakąś pętle do tego skonstruować (do ukrywania większej ilości elementów) i będzie dobrze.

Zrobiłem to tak: (może się komuś przyda)
  1. document.getElementById('inne').onmouseover = function newa() { document.getElementById('sport_inne').style.display="none";
  2. document.getElementById('sport_pilkanozna').style.display="block";
  3. document.getElementById('sport_zuzel').style.display="block"; }


(wcześniej dodałem id do linków)

Ten post edytował zielonykwas 9.12.2010, 22:42:33
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 Aktualny czas: 20.08.2025 - 09:19