Forum PHP.pl > [JavaScript]nie działa style.display ?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]nie działa style.display ?

robos85

28.08.2008, 12:14:56

mam kod html:

[HTML] pobierz, plaintext 
echo'<a href="#" onclick="show1()">div1</a><br />';
echo'<a href="#" onclick="show2()">div2</a><br />';
echo'<div id="first" style="display:none;clear:both;">DIV 11111111111111111111111111111111</div>';
echo'<div id="second" style="display:none;clear:both;">DIV 22222222222222222222222222222222</div>';
[HTML] pobierz, plaintext

i JS:

Kod

var div1=document.getElementById('first');
var div2=document.getElementById('second');
function show1(){
    div1.style.display="block";
    div2.style.display="none";
}
function show2(){
    div1.style.display="none";
    div2.style.display="block";
}

Lecz po kliknięciu w link, nic się nie dzieje? Co nie tak w kodzie jest?

wookieb

28.08.2008, 12:17:19

Jak znam zycie to dales ten kod w sekcji head. I juz w tej sekcji probuje pobrac elementy ale one jeszcze nie istnieja.
wstaw

Kod

var div1=document.getElementById('first');
var div2=document.getElementById('second');

w srodek tych 2 funkcji.

robos85

28.08.2008, 12:19:46

podziękować

ikssde

28.08.2008, 12:24:30

Nie deklaruj zmiennych poza cialem funkcji, przeciez mozna zrobic to owiele latwiej :

CODE

function show1(){
	
    document.getElementById("first").style.display="block";
    document.getElementById("second").style.display="none";    
}
function show2(){
    document.getElementById("first").style.display="none";
    document.getElementById("second").style.display="block";    
}

Sie spoznilem...

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.