Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript][CSS]Dynamiczne zakładki JS
sigal2006
post
Post #1





Grupa: Zarejestrowani
Postów: 71
Pomógł: 0
Dołączył: 17.02.2010

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


Mam taki oto kod prosty do zakładek dynamicznych jak mogę dodać opcje grafik tak aby wskazywało mi która warstwa jest aktualnie widoczna proszę o pomoc szukałem w google i nic

  1. //<![CDATA[
  2. function pokazdiv(el) {
  3. for(var i=1; i<=3; i++) {
  4. if(el == i) {
  5. document.getElementById(el).style.display = "block";
  6. }else{
  7. document.getElementById(i).style.display = "none";
  8. }
  9. }
  10. }
  11. //]]>
  12. </script>
  13.  
  14.  
  15.  
  16.  
  17. <a href="java script:void(0);" onclick="pokazdiv('1');">Galeria</a>
  18. <a href="java script:void(0);" onclick="pokazdiv('2');">Filmy</a>
  19. <a href="java script:void(0);" onclick="pokazdiv('3');">Ogolne</a>
  20.  
  21. <div id="1">jeden</div>
  22. <div id="2" style="display:none">dwa</div>
  23. <div id="3" style="display:none">trzy</div>


Ten post edytował sigal2006 2.03.2012, 23:02:17
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
CuteOne
post
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


[JAVASCRIPT] pobierz, plaintext
  1. function pokazdiv(el, anhor) {
  2. }
  3.  
  4.  
  5. <a href="java script:void(0);" onclick="pokazdiv('1', this);" class="active">Galeria</a>
  6. <a href="java script:void(0);" onclick="pokazdiv('2', this);" class="unactive">Filmy</a>
  7. <a href="java script:void(0);" onclick="pokazdiv('3', this);" class="unactive">Ogolne</a>
[JAVASCRIPT] pobierz, plaintext


teraz za pomocą setAttribute ustaw na klikanym linku klasę 'active' a na pozostałych 'unactive'. Dodaj style z background-image i po sprawie
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 6.10.2025 - 19:08