Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jQeuery tabs
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
chyzio
  1. <script type="text/javascript">
  2.  
  3. $(document).ready(function(){
  4. $("#menu > ul").tabs();
  5. });
  6.  
  7.  
  8. ....
  9. //Poniżej linki z menu
  10.  
  11. <div id="menu">
  12. <ul>
  13. <li>&nbsp;&nbsp;<a href="#home" class="menu_linki">HOME</a></li>
  14. <li>&nbsp;&nbsp;<a href="#area" class="menu_linki">AREA</a> </li>
  15. </ul>
  16. </div>
  17.  
  18. ....
  19.  
  20. //zawartosc kotra sie ukazuje po kliknieciu w element menu
  21.  
  22. <div id="home">zawartosc</div>
  23. <div id="area">zawartosc 2</div>
  24.  
  25. //no i fajnie to dziala ale pod spodem ma byc drugie menu
  26.  
  27. <div id="menu">
  28. <ul>
  29. <li>&nbsp;&nbsp;<a href="#home" class="menu_linki">HOME</a></li>
  30. <li>&nbsp;&nbsp;<a href="#area" class="menu_linki">AREA</a> </li>
  31. </ul>
  32. </div>
  33.  
  34. //i takie wywolanie juz nie dziala klikam i zero reakcji jak to obejsc ?



Spoko do kosza wątek:P
phpion
id jednoznacznie identyfikuje element, a u Ciebie są dwa div id="menu". Pewnie w tym leży problem.
chyzio
tak jest

Problem nieco inny

  1. function pokaz_tresc($param) {
  2.  
  3. var string = $param;
  4. document.getElementById('home').style.display='block';
  5.  
  6. //domyslnie wyswietlamy home - reszta ukryta
  7.  
  8. switch (string) {
  9.  
  10. case 'home':
  11.  
  12. document.getElementById('home').style.display='block';
  13. document.getElementById('areaa').style.display='none';
  14.  
  15. break
  16.  
  17.  
  18.  
  19. case 'areaa':
  20.  
  21. document.getElementById('home').style.display='none';
  22.  
  23. document.getElementById('areaa').style.display='block';
  24.  
  25. break
  26.  
  27. ....
  28. }
  29.  
  30. ...
  31.  
  32. <div style="display: none" id="areaa">
  33. home
  34. </div>
  35.  
  36. //ponizej mapka google
  37. <div style="display: none" id="areaa">
  38. <div id="map" style="width:560px;height:499px"></div>
  39. </div>
  40.  
  41. <div id="menu_linki">
  42. //menu, wywolania funkcji js
  43. <a href="#" onClick="pokaz_tresc('home')">HOME </a><a href="#" onClick="pokaz_tresc('areaa');">Area</a>
  44. </div>


wszystko pięknie działa z tym że obszar dla mapy wynosi: 560 x 499 px a sama mapka google wyswietla sie jako 1/4 tego obszaru od lewego gornego naroznika natomiast ejzeli wyswietle mapke od razu czyli
  1. <div style="display: block" id="areaa">
  2. <div id="map" style="width:560px;height:499px"></div>
  3. </div>

to wszystko działa jak należy no ale oczywiste jest to że mapkę chce widzieć dopiero po kliknieciu a nie na stronie glownej.

Wiecie o co chodzi ?
nospor
Mam/miałem podobny problem.
Nie miałem czasu by szukać rozwiązania to rozwiązałem to połowicznie:
ładuje mapke, zanim zainicjalizuje taby - dziala smile.gif
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.