Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Onmouseover - zwiększenie wymiarów diva po najechaniu kursorem
Forum PHP.pl > Forum > Przedszkole
Age1869
Witam, nie znam kompletnie JS, zawsze go unikałem jak ognia i w konsekwencji nie mam o nim pojęcia. Muszę go natomiast zastosować. Chodzi o wybór języka. Są 4 flagi, domyślnie ma się wyświetlać tylko jedna, ale po najechaniu na nią mają się pokazywać pod nią dodatkowe trzy. Znalazłem jakiś gotowy kod JS i próbowałem go przerobić. Niestety nie działa. Będę wdzięczny za pomoc.

JS:
  1. <script language="Javascript">
  2.  
  3. <!--
  4.  
  5. function toggleDiv(id,flagit) {
  6.  
  7. if (flagit=="1"){
  8.  
  9. if (document.layers) { document.layers[''+id+''].height = "92px";
  10. document.layers[''+id+''].visibility = "show"; }
  11.  
  12. else if (document.all) { document.all[''+id+''].style.height = "92px"; document.all[''+id+''].style.visibility = "visible"; }
  13.  
  14. else if (document.getElementById) { document.getElementById(''+id+'').style.height = "92px"; document.getElementById(''+id+'').style.visibility = "visible"; }
  15.  
  16. }
  17.  
  18. else
  19.  
  20. if (flagit=="0"){
  21.  
  22. if (document.layers) { document.layers[''+id+''].height = "34px"; document.layers[''+id+''].visibility = "show"; }
  23.  
  24. else if (document.all) { document.all[''+id+''].style.height = "34px"; document.all[''+id+''].style.visibility = "visible"; }
  25.  
  26. else if (document.getElementById) { document.getElementById(''+id+'').style.height = "34px"; document.getElementById(''+id+'').style.visibility = "visible"; }
  27.  
  28. }
  29.  
  30. }
  31.  
  32.  
  33.  
  34.  
  35.  
  36. //-->
  37.  
  38. </script>


HTML:
  1. <div id="jezyk" onMouseOver="toggleDiv('jezyk',1)" onMouseOut="toggleDiv('jezyk',0)">tutaj są flagi</div>


CSS:
  1. #jezyk {
  2. width: 40px;
  3. height: 34px;
  4. z-index: 10;
  5. }


Z góry dzięki!
szczemp
nie lepiej cssem taką sztuczkę zrobić?
ja na jednej z moich stron mam takie drop - down menu
kawałek kodu:
  1. <li class = "folder">Menu
  2. <ul>
  3. <li><a href = "#">link1</a></li>
  4. <li><a href = "#">lin2</a></li>
  5. <li><a href = "#">link3</a></li>
  6. </ul>
  7. </li

i kod css
  1. li.folder { }
  2. li.folder ul {
  3. position:absolute;
  4. background-image: url(menu-top.jpg);
  5. }
  6. li.folder:hover { z-index:10; }
  7. li a.submenu { }
  8. li.folder {
  9. position:relative;
  10. z-index:9;
  11. }
  12. ul ul, li:hover ul ul {
  13. display:none;
  14. }
  15. li:hover ul, li:hover li:hover ul {
  16. display:block;
  17. }
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.