Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]zakladki w js czemu tak mam na stronie głównej?
liberator15
post
Post #1





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 11.04.2015

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

cześć
czemu mam dwie podstrony na stronie głownej co dopisać?
[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript"> 
  4. function pokaz_ukryj(pokaz, ukryj) { 
  5. 	document.getElementById(pokaz).style.display = "inline"; 
  6. 	document.getElementById(ukryj).style.display = "none";
  7. }
  8. </script> 
  9. </head>
  10. <body> 
  11. <p>
  12.  
  13. 	<a href="java script:void(pokaz_ukryj('tabela1', 'tabela2'))">Pokaz 1</a>:  
  14. 	<a href="java script:void(pokaz_ukryj('tabela2', 'tabela1'))">Pokaz 2</a>:  
  15.  
  16.  
  17. </p> 
  18. <table id="tabela1" style="background: red; width: 200px;"> 
  19. 	<tr> 
  20. 	   <td>1111111111111111111111111111111111111111111</td> 
  21. 	</tr> 
  22. </table> 
  23. <table id="tabela2" style="background: red; width: 200px;"> 
  24. 	<tr> 
  25. 	   <td>2222222222222222222222222222222222222222222</td> 
  26. 	</tr> 
  27. </table>
  28.  
  29. </body> 
  30. </html>
[PHP] pobierz, plaintext
Powód edycji: [Kshyhoo]: bb-code
Go to the top of the page
+Quote Post
robertpiaty
post
Post #2





Grupa: Zarejestrowani
Postów: 113
Pomógł: 18
Dołączył: 7.10.2007
Skąd: Pruszków

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

Po pierwsze przy wczytaniu strony nie wywołujesz nigdzie funkcji pokaz_ukryj.
Po drugie moim zdaniem mało eleganckie jest używanie w ten sposób wywołań funkcji tak jak to robisz w linkach. Poczytaj sobie o zdarzeniach w javascript (w Twoim przypadku to będzie "click") oraz o preventDefault() żeby wyłączyć domyślne działanie linka.
Go to the top of the page
+Quote Post
liberator15
post
Post #3





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 11.04.2015

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

Znalazłem coś takiego jak to przyspieszyć?
Kod
<html>
    <head>
        <title></title>
    </head>
    <style>
    .n { display: none; }
    .w { display: block; }
    </style>
    <body>
      <span onclick="f('s1')">zakladka 1</span>
      <span onclick="f('s2')">zakladka 2</span>
<div id="s1" class="n">podstrona 1</div>
<div id="s2" class="n">podstrona 2</div>
    </body>
</html>

<script type="text/javascript">
last='s1';
function f(x){
document.getElementById(last).className='n';
document.getElementById(x).className='w';
last=x;
}
</script>
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.09.2025 - 07:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn