Forum PHP.pl > [JavaScript]zakladki w js czemu tak mam na stronie głównej?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]zakladki w js czemu tak mam na stronie głównej?

liberator15

23.04.2015, 07:15:18

cześć
czemu mam dwie podstrony na stronie głownej co dopisać?

[PHP] pobierz, plaintext 
<html>
<head>
<script type="text/javascript"> 
function pokaz_ukryj(pokaz, ukryj) { 
	document.getElementById(pokaz).style.display = "inline"; 
	document.getElementById(ukryj).style.display = "none";
}
</script> 
</head>
<body> 
<p>
 
	<a href="java script:void(pokaz_ukryj('tabela1', 'tabela2'))">Pokaz 1</a>:  
	<a href="java script:void(pokaz_ukryj('tabela2', 'tabela1'))">Pokaz 2</a>:  
 
 
</p> 
<table id="tabela1" style="background: red; width: 200px;"> 
	<tr> 
	   <td>1111111111111111111111111111111111111111111</td> 
	</tr> 
</table> 
<table id="tabela2" style="background: red; width: 200px;"> 
	<tr> 
	   <td>2222222222222222222222222222222222222222222</td> 
	</tr> 
</table>
 
</body> 
</html>
[PHP] pobierz, plaintext

robertpiaty

23.04.2015, 07:23:40

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.

liberator15

23.04.2015, 08:22:12

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>

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.