Waarom werkt dit niet?

Status
Niet open voor verdere reacties.

wzshop

Gebruiker
Lid geworden
21 dec 2004
Berichten
188
Waarom werkt dit niet in IE?

Beste,
Waarom werkt mijn onderstaande flex formulier niet in IE? Het werkt wel in FF maar in IE laat hij niks zien, zie: http://actiebijtele.nl/test2.php

wie kan me helpen?

PHP:
<head>

<script type="text/javascript">
function aan(id){
document.getElementById(id).style.display="inline"}
function uit(id){
document.getElementById(id).style.display="none"}
</script>

</head>

PHP:
<tr>
    <td>aantal kaarten</td>
    <td><form name="form1" method="post" action="">
  <label>kaarten
  <select name="test" id="kaarten">
    <option onclick="uit('q')" onfocus="uit('p')" value="B1">1</option>
    <option onclick="aan('q')" onfocus="uit('p')" value="B2">2</option>
    <option onclick="uit('q')" onfocus="uit('p')" value="B3">3</option>
    <option onclick="uit('q')" onfocus="uit('p')" value="B4">4</option>
    <option onclick="uit('q')" onfocus="uit('p')" value="B5">5</option>
  </select>
  </label>

</tr></table> <table id="q" style="display:none"> <tr><td>Tekst</td><td>
<input type="text" name="regel1" size="20">
</td>
  </tr>
  <tr><td>asdasdasdasd</td><td><input type="text" name="regel2" size="20"></td></tr></span></table>
 
Laatst bewerkt:
wzshop,

Hoe weet javascript met welk formulier hij moet werken?
Op het moment dat je je formname meegeeft in javascript dan zou het moeten werken.

mvg,

BartP
 
Dat is onzin, je werkt immers met een ID.

Wat je kunt proberen is:

1. Een puntkomma ( ; ) achter je javascript statements zetten
2. 'block' gebruiken i.p.v. inline;

Maar waar het waarschijnlijk aan ligt is het volgende:

3. Internet Explorer ondersteunt geen onclick op een option. Je kunt onchange op de select gebruiken en dan met javascript kijken welke optie geselecteerd is en aan de hand daarvan een andere functie aanroepen. Voorbeeld:

Je javascript:

PHP:
<script type="text/javascript">
function selectChange(){
 var waarde = document.form1.test.value;
 if(waarde == 'B2'){
  uit('q');
 } else {
  aan('q');
 }
}

function aan(id){
 document.getElementById(id).style.display="inline";
}
function uit(id){
 document.getElementById(id).style.display="none";
}
</script>

Je HTML:

PHP:
<tr>
    <td>aantal kaarten</td>
    <td><form name="form1" method="post" action="">
  <label>kaarten
  <select name="test" id="kaarten" onchange="selectChange()">
    <option value="B1">1</option>
    <option value="B2">2</option>
    <option value="B3">3</option>
    <option value="B4">4</option>
    <option value="B5">5</option>
  </select>
  </label>

</tr></table> <table id="q" style="display:none"> <tr><td>Tekst</td><td>
<input type="text" name="regel1" size="20">
</td>
  </tr>
  <tr><td>

EDIT: Je start je form in een <td> en sluit hem niet af. De <td> zelf sluit je overigens ook niet af... Dat is niet echt netjes
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan