[JavaScript]nie działa style.display ? Opcje

[robos85]

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]

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]

podziękować

[ikssde]

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...

Ten post edytował ikssde 28.08.2008, 12:25:05