[JS] DIV onzichtbaar maken werkt niet in IE!

[alienfruit]

Ik ben bezig met een formulier waarbij velden onzichtbaar moeten worden gemaakt afhankelijk van de gemaakte keuze. Dit werkt allemaal perfect in Firefox maar niet in Internet Explorer. In Internet Explorer wordt er een deel van de inhoud niet getoont, namelijk de tekstveld.

Ik heb de volgende html:

HTML:

<div id="f-Q3">
  <label>Door wie?
     <span class="hint">hint</span>
     <input id="Q3" name="Q3" class="input " value="0"/>
  </label>
</div>

Als ik vervolgens deze na een onchange-event op een combobox onzichtbaar maak in Internet Explorer zie ik wel de label maar niet de input-veld. Terwijl het prima werkt in Firefox/1.0.7. Ik maak
gebruik van de prototype.js library. Vervolgens de functie Element.show( "f-Q3" );

Ik krijg ook geen foutmeldinge in de script console van Firefox

[ Voor 10% gewijzigd door alienfruit op 27-10-2005 20:50 ]

[cyberstalker]

Ik betwijfel of het het probleem is, maar je hoort natuurlijk geen input element in je label te stoppen.

[alienfruit]

Qua stijlen was het zo makkelijker te stylen en hoef je eigen geen id-attribuut meet te geven. Volgens de spec mag het.

[ Voor 29% gewijzigd door alienfruit op 27-10-2005 20:57 ]

[André]

Hoe ziet die funtie er uit dan? En wat als je alleen dat stukje html icm die functie op een pagina zet, werkt het dan wel?

[Snake]

JavaScript:

function showHide(strName) {            
    var dest = document.getElementById(strName);
    if (dest.style.display == ''){              
        dest.style.display = 'none';            
    } else{             
        dest.style.display = '';            
    }       
}

en dan ergens ne url aanmaken met javascript:showHide('f-Q3');

astu

[b19a]

cyberstalker schreef op donderdag 27 oktober 2005 @ 20:51:
Ik betwijfel of het het probleem is, maar je hoort natuurlijk geen input element in je label te stoppen.

ow?

TS: heb je een demo URL?

offtopic:
edit: hmm... over een reply heen gelezen... is het nu al gelukt? zo niet kom dan maar met die demopagina!

[ Voor 16% gewijzigd door b19a op 27-10-2005 23:54 ]

[Charango]

Ik heb wel eens soortgelijke problemen gehad; de oplossing zat toen in het expliciet definiëren van de visibility in je stylesheet, dus je f-Q3 op "display: block" zetten.

[alienfruit]

Ik heb een voorbeeld online gezet, ik krijg niet voor elkaar Ik zie vast iets over het hoofd!

Als je bij de eerste combobox Nee kiest en vervolgens bij de tweede combobox Ja kiest. Moet je twee tekstvelden te zien krijgen werkt prima in Firefox ( Gecko/20050915 Firefox/1.0.7) maar niet in Internet Explorer.

[ Voor 42% gewijzigd door alienfruit op 28-10-2005 03:15 ]

[Fles]

*edit: beter lezen... *

[ Voor 78% gewijzigd door Fles op 28-10-2005 09:50 ]

[crisp]

Het lijkt op een soort peekaboo bug; als ik een beetje speel met de width van de label floept de input ineens tevoorschijn.

[mrBussy]

JavaScript:

function showHide(strName) {            
    var dest = document.getElementById(strName);
    if (dest.style.display == '')
    {                
        dest.style.display = 'none';
        dest.style.visibility = 'hidden';
    } else{                
        dest.style.display = '';
        dest.style.visibility = 'visible';            
    }        
}

This should to the trick

[Fles]

crisp schreef op vrijdag 28 oktober 2005 @ 10:13:
Het lijkt op een soort peekaboo bug; als ik een beetje speel met de width van de label floept de input ineens tevoorschijn.

Volgens mij heeft het alleen temaken met het verversen van de pagina als je hem op "Ja" hebt staan. Dan geeft hij hem wel weer. Ik krijg het niet voor elkaar om hem weer te laten geven bij het veranderen van optie.

[ Voor 32% gewijzigd door Fles op 28-10-2005 10:42 ]

[alienfruit]

Ik heb de nieuwe functie geprobeerd maar dit verergert het probleem hier alleen Nu krijg ik ook de combobox niet te zien? Hmm, crisp je had het over de breedte van de LABEL heb je enige suggesties hoe lang dit dan moet worden om het toch zichtbaar te krijgen in IE?

Misschien een nieuwe stylesheet maken? Eens kijken of we daar een gekke Australiër voor in kunnen huren.

[ Voor 125% gewijzigd door alienfruit op 28-10-2005 13:30 ]