Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP]Jak wyłączyć onmouseover?
Forum PHP.pl > Forum > Przedszkole
kbilski
Witam

Próbuje wyłączyć onmouseover tak aby flagi krajów były zawsze widoczne bo teraz pojawia się tylko domyslna a po najechaniu rozwijają się kolejne:
Ja chce żeby były zawsze widoczne w css ułożyłem je już poziomo ale nie wiem jak wyłączyć efekt pojawiania się dopiero po najechaniu..

  1. <!-- Block languages module -->
  2. {if count($languages) > 1}
  3. <div id="languages_block_top">
  4. <div id="countries">
  5. {* @todo fix display current languages, removing the first foreach loop *}
  6. {foreach from=$languages key=k item=language name="languages"}
  7. {if $language.iso_code == $lang_iso}
  8. <p class="selected_language">
  9. <img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="16" height="11" />
  10. </p>
  11. {/if}
  12. {/foreach}
  13. <div id="first-languages" class="countries_ul">
  14. {foreach from=$languages key=k item=language name="languages"}
  15. {if $language.iso_code == $lang_iso}{/if}>
  16. {if $language.iso_code != $lang_iso}
  17. {assign var=indice_lang value=$language.id_lang}
  18. {if isset($lang_rewrite_urls.$indice_lang)}
  19. <a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}">
  20. {else}
  21. <a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}">
  22.  
  23. {/if}
  24. {/if}
  25. <img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="16" height="11" />
  26. {if $language.iso_code != $lang_iso}
  27. </a>
  28. {/if}
  29.  
  30. {/foreach}
  31. </div>
  32. </div>
  33. </div>
  34.  
  35. <script type="text/javascript">
  36. $(document).ready(function () {
  37. $("#countries").mouseover(function(){
  38. $(this).addClass("countries_hover");
  39. $(".countries_ul").addClass("countries_ul_hover");
  40. });
  41. $("#countries").mouseout(function(){
  42. $(this).removeClass("countries_hover");
  43. $(".countries_ul").removeClass("countries_ul_hover");
  44. });
  45.  
  46. });
  47. </script>
  48. {/if}
  49. <!-- /Block languages module -->
b4rt3kk
Może pozbądź się skryptu?

  1. <script type="text/javascript">
  2. $(document).ready(function () {
  3. $("#countries").mouseover(function(){
  4. $(this).addClass("countries_hover");
  5. $(".countries_ul").addClass("countries_ul_hover");
  6. });
  7. $("#countries").mouseout(function(){
  8. $(this).removeClass("countries_hover");
  9. $(".countries_ul").removeClass("countries_ul_hover");
  10. });
  11.  
  12. });
kbilski
Wtedy się w ogóle nie rozwija..
b4rt3kk
No przecież miało się nie rozwijać chyba? Tak napisałeś w temacie. Tak na chama, to możesz wywalić jQuery, tak jak pisałem post wyżej i dodać odpowiednie klasy:

  1. <div id="countries" class="countries_hover">


oraz:

  1. <div id="first-languages" class="countries_ul countries_ul_hover">
Mega_88
A może masz dla tego elementu, w którym są pozostałe flagi przypisane w .css: display:none;
kbilski
tak, miało się niewyświetlać po najechaniu, ale miało też stać się widoczne na stałe - myślę że to będzie to zarówno wywołanie klas jak i uporanie się z display:none bo faktycznie jest - zaraz zrobie testy..i dam znać.

Tak wstawienie klas załatwiło sprawę..
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.