Jeg kan godt vise og skjule de forskellige layers. Mit problem er når jeg skal finde ud af om et givent layer er skjult eller vist.. altså når jeg laver sammenligningen:
if(styleobjekt.display == 'block'){ ... }
Det vil den ikke gøre.. Jeg har vedlagt noget lidt mere ordnet kode herunder:
<SCRIPT language="JavaScript">
function validateInput(){
var x=true;
if (konkurrence.selskab_navn.value == 12){
alert('hovsa, der er hul igennem 0');
// ####### Herunder er de metoder jeg har prøvet #######
// if (konkurrence.chooseFirmAndet.style.display =='block'){
// if (konkurrence.chooseFirmAndet.visibility =='visible'){
// if (document.getElementById(chooseFirmAndet).style.display =='block'){
// if (document.getElementById(chooseFirmAndet).visibility =='visible'){
if (konkurrence.chooseFirmAndet.style.display =='block'){
alert('hovsa, der er hul igennem 1');
if (konkurrence.selskab_navnAndet.value.length < 1) {
alert('hovsa, der er hul igennem 2');
selskabAndet.style.color="#BD0000";
x = false;
}else {
selskabAndet.style.color="#000000";
}
}else {
selskabAndet.style.color="#BD0000";
alert('hovsa, der er hul igennem 3');
changeState('chooseFirm');
changeState('chooseFirmAndet');
changeState('selskab');
changeState('selskabAndet');
x = false;
}
}else {
if (konkurrence.selskab_navn.value == 0){
alert('hovsa, der er hul igennem 4');
selskab.style.color="#BD0000";
x = false;
}else {
selskab.style.color="#000000";
}
}
if (x == false){
alert('Du har ikke besvaret alle spørgsmål på denne side. \nBesvar spørgsmål markeret med rødt og klik igen på "Fortsæt"');
}
return x;
}
function changeState(parent){
// if (document.getElementById(parent).visibility=='hidden'){
if(document.getElementById(parent).style.display=='none'){
expandEl(parent);
}
else{
closeEl(parent);
}
}
function expandEl(parent){
// document.getElementById(parent).visibility='visible'
document.getElementById(parent).style.display='block';
return false;
}
function closeEl(parent){
// document.getElementById(parent).style.visibility='hidden'
document.getElementById(parent).style.display='none';
return false;
}
</SCRIPT>
...bla bla </head><body> bla bla ...
<!-- ################ START PÅ HTML-KODE ################### -->
<tr>
<td height="50" width="250" class="brodtxt">
<div id="selskab" style="display:block">
Hvor er du forsikret i dag?
</div>
<div id="selskabAndet" style="display:none">
Skriv venligst navnet på dit forsikringsselskab her:
</div>
</td>
<td width="186">
<div id="chooseFirm" name="chooseFirm" style="display:block">
<select name="selskab_navn" id="selskab_navn" size=1 class="vaelger">
<Option value="0"> </option>
<Option value="1">Tryg</option>
<Option value="2">Alm. Brand</option>
<Option value="3">Codan</option>
<Option value="4">Fair</option>
<Option value="5">Alka</option>
<Option value="6">GF-Forsikring</option>
<Option value="7">Lærestandens Brandforsikring</option>
<Option value="8">Østifternes Brandforsikring</option>
<Option value="9">Købstædernes Forsikring</option>
<Option value="10">BG-forsikring</option>
<Option value="11">Danske Forsikring</option>
<Option value="12">Andet selskab</option>
</select>
</div>
<div id="chooseFirmAndet" name="chooseFirmAndet" style="display:none">
<input type="text" name="selskab_navnAndet" id="selskab_navnAndet">
</div>
</td>
</tr>
############################
De alerts der er i koden er til at finde fejl.. Jeg har konkluderet, at problemet ligger der, hvor jeg vil finde ud af om DIV'et chooseFirmAndet er "block" Jeg har forsøgt adskillige metoder, som det også fremgår af koden, men ingen af dem virker endnu !?
Jeg er ret forvirret
