java script werkt niet goed

[Verwijderd]

Hallo mensen,

ik heb een nieuwe website gemaakt met een java script er in:
http://www.awebhosting.nl/?pagina=specificaties_hosting

als je op de link klik voor meer informatie klapt de tekst naar beneden,
Dit werkt wel goed in Internet explore. maar in mozilla verandert de tekst elke keer als je klikt.

dit is het script

code:

onClick="document.getElementById('d2').style.display=((document.getElementById('d2').style.display == 'inline') ? 'none' : 'inline'); return false;" title="Klik voor uitgebreide informatie over dit onderwerp."><u>Prijs per 
        maand</u></a>
<td colspan="2" id="d2" style="display:none" align="left">
        <p><i><font color=#B51109>Dit zijn de kosten per maand.</font></i></td>
    </tr>

kan iemand mij vertellen hoe dit komt ?

[ Voor 17% gewijzigd door Verwijderd op 02-06-2005 20:47 ]

[Megamind]

Gebruik eens de [code] tag, want nu is de helft weg

[Verwijderd]

Megamind schreef op donderdag 02 juni 2005 @ 20:43:
Gebruik eens de [code] tag, want nu is de helft weg

Srry heb ik nu.. alleen heb alleen het stukje script er op staan... om te kijken wat ie doet staat de link er maar de tekst komt de heletijd bij elke klik in een andere cell met mozilla

[crisp]

display:inline is incorrect voor een table-cell. Officieel zou je display:table-cell moeten gebruiken, maar dat kent IE niet, dus beter is om de display property dan helemaal leeg te laten zodat de default effectief wordt.
Echter hou je nu in feite lege table-rows over, en dat kan ook niet. Beter is dus om de table-row te verbergen:

HTML:

<tr>
    <td width="41%" align="left">
        <a href="#61289" onclick="toggleRow('k5');return false" title="Klik voor uitgebreide informatie over dit onderwerp.">
        <u>Support hosting</u></a>
    </td>
    <td width="59%" align="left">Via telefoon & email</td>
</tr>
<tr id="k5" style="display:none">
    <td width="100%" align="left" colspan="2"><i><font color="#B51109">
        Wij staan altijd klaar voor uw vragen over het hosten. <br>
        Ook zullen wij er alles aan doen om uw website op onze server te laten 
        werken.</font></i>
    </td>
</tr>

en een aparte functie is ook altijd wel prettig:

JavaScript:

function toggleRow(rowID)
{
    var row = document.getElementById(rowID);
    row.style.display = row.style.display == 'none' ? '' : 'none';
}

[Verwijderd]

Okay thanks crisp.. ik ga et effe veranderen

[Verwijderd]

Hey hij werkt mooi thanks

[Pelle]

mooi