[JS]Foutje in Firefox - Softwareontwikkeling

zaterdag 29 maart 2008 11:32

Acties:

Topicstarter

Hallo,

Ik heb op een script dat ik op het net vond - ik weet niet meer waar- een beetje omgevormd zodanig ik eigenlijk net het omgekeerde van het script ben bekomen.

Het probleem met dit script is dat het in firefox een soort van "<br />" doet telkens je het eens uit en in klapt. In internet explorer 7.0 is dit niet het geval.

Ik heb zoal wat op het net zitten rond te zoeken maar ik vind niet direct waar het kan aan liggen. Ik heb het ook nog aan andere mensen gevraagd maar die weten het ook niet zo direct. Ik hoop dus dat het hier wel wat nuttigs komt te staan

.

Het scriptje

De HTML-pagina

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Klapper :: Test</title>
<script type="text/javascript" src="functions.js"></script>
</head>
<body>
    <span style="cursor: pointer;" onclick="cats(this,'divtekst');">Klap in</span>
        <table>
    <tr id="divtekst" style="display: block;"><td>   ... hier de lange teksten / codes ...</td></tr>
        </table>
</body>
</html>

functions.js

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Klapper :: Test</title>
<script type="text/javascript" src="functions.js"></script>
</head>
<body>
    <span style="cursor: pointer;" onclick="cats(this,'divtekst');">Klap in</span>
        <table>
    <tr id="divtekst" style="display: block;"><td>   ... hier de lange teksten / codes ...</td></tr>
        </table>
</body>
</html>

Zo, ik hoop dat jullie er mij wijzer kunnen uit brengen!

Mvg,
Lorduh.

[ Voor 28% gewijzigd door Lorduh op 29-03-2008 11:32 ]

zaterdag 29 maart 2008 11:52

Acties:

daanmsvl

Daan

Je moet function.js even opnieuw posten, je hebt nu 2x de HTML pagina gepost

"Military intelligence is a contradiction in terms." - Groucho Marx, American Comedian, Actor and Singer, 1890-1977

zaterdag 29 maart 2008 11:59

Acties:

Lorduh

Topicstarter

Sorry

code:

function cats(a,codediv){   
    var divje = document.getElementById( codediv );   
    if (divje.style.display == "block") 
        {
         divje.style.display = "none";      
         a.innerHTML='Klap uit';  
        }
    else
        {
         divje.style.display = "block";
         a.innerHTML='Klap in';   
        }
}

zaterdag 29 maart 2008 12:36

Acties:

daanmsvl

Daan

Wat er gebeurt in jouw code is dit:

HTML:

1	<tr id="divtekst" style="display: block;"><td> ... hier de lange teksten / codes ...</td></tr>

Onder DIVTEKST zit dus ook een <TD> blok dat een nieuwe kolom genereert. Jouw Javascript plaatst dus die hele tekst elke keer weer terug. Dus na een paar keer in en uitklappen zit je met een paarhonderd <TD>. De oplossing is dan ook:

HTML:

1	<tr><td id="divtekst" style="display: block;"> ... hier de lange teksten / codes ...</td></tr>

en dan werkt het wel. Ik heb dus nu de ID gebonden aan de TD ipv de TR.

"Military intelligence is a contradiction in terms." - Groucho Marx, American Comedian, Actor and Singer, 1890-1977

zaterdag 29 maart 2008 14:09

Acties:

Lorduh

Topicstarter

Dus ik mag niet op <tr> werken? Dat is namelijk wel de bedoeling...

zaterdag 29 maart 2008 14:39

Acties:

crisp

Devver

Pixelated

geen 'block' gebruiken als display-waarde voor table-rows...

Intentionally left blank

zaterdag 29 maart 2008 14:51

Acties:

Lorduh

Topicstarter

Uuhh, ik heb geen verstand van javascript. Maar ik denk als ik die block weghaal dat het ook niet meer zal werken...

zaterdag 29 maart 2008 15:37

Acties:

_eXistenZ_

display:inline

There is no replacement for displacement!

zaterdag 29 maart 2008 15:42

Acties:

apokalypse

of nog simpeler;

code:

1
2
3

 else
        {
         divje.style.display = "";