Pagina werkt niet in Firefox

Status
Niet open voor verdere reacties.
A

Alexxxxxxxxxx

Gebruiker
Lid geworden
11 jun 2009
Berichten
29
Hallo, ik heb een website gemaakt, met een soort help formulier, waar je checkboxen moet aanklikken en dan opent daar onder een menu. Dit werkt prima in Internet Explorer 6.0 maar niet in Firefox 3.0.

Ik heb al in de foutconsole gekeken en daar staat:
Code: 
Waarschuwing: Fout tijdens het parsen van waarde voor eigenschap ‘font’.  Declaratie genegeerd.
Bronbestand: pagina.php
Regel: 26
Code: 
Fout: syntax error
Bronbestand: pagina.php
Regel: 168, Kolom: 7
Broncode:
file://
Code: 
Fout: render is not defined
Bronbestand: pagina.php
Regel: 1
Code: 
Fout: render is not defined
Bronbestand: pagina.php
Regel: 1

En hier het script:
Code: 
<script language="Javascript">
<!--
function render(c, t) {
if (c.checked) {
document.getElementById(t).style.display="block"
} else {
document.getElementById(t).style.display="none"
}
}
file://-->
</script>

Code: 
<table width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr valign="top" align="left">
    <td class="kop" ><b>Vraag en antwoord.</b></td>
  </tr>
  <tr valign="top" align="left"> 
    <td class="tekst_link" >
      <table border="0" cellspacing="1" cellpadding="2" width="100%">
        <tr> 
          <td
height="16" class="tekst_link" bgcolor="#FFFFFF"> 
            <input type="checkbox" name="checkbox" value="checkbox"
onClick="render(this, 'tblTest1')"> <b>V</b>: Hoe kan ik Blabla blabla etc....</td>
        </tr>
      </table>
      <table id="tblTest1" style="display:none" width="100%" border="1"
cellspacing="0" cellpadding="0" bgcolor="#EFEFE9">
        <tr> 
          <td class="tekst"><b>A</b>:  Nou, dat zal ik je vertellen.. als
            je nu ...... Blabla blabla Blabla blabla Blabla blabla Blabla blabla
            Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blablaBlabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla  en dan Blabla blabla etc....</td>
        </tr>
      </table>
      <br>
      <table border="0" cellspacing="1" cellpadding="4" width="100%">
        <tr> 
          <td
height="16" class="tekst_link" bgcolor="#FFFFFF"> 
            <input type="checkbox" name="checkbox2" value="checkbox"
onClick="render(this, 'tblTest2')">
            <b>V</b>: En als je nu Blabla blabla etc....</td>
        </tr>
      </table>
      <table id="tblTest2" style="display:none" width="100%" border="1"
cellspacing="0" cellpadding="0" bgcolor="#EFEFE9">
        <tr> 
          <td class="tekst"><b>A</b>:  Nou, dat zal ik je vertellen.. als
            je nu ...... Blabla blabla Blabla blabla Blabla blabla Blabla blabla
            Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blablaBlabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla  en dan Blabla blabla etc....</td>
        </tr>
      </table>
      <br>
      <table border="0" cellspacing="1" cellpadding="4" width="100%">
        <tr> 
          <td
height="16" class="tekst_link" bgcolor="#FFFFFF"> 
            <input type="checkbox" name="checkbox22" value="checkbox"
onClick="render(this, 'tblTest3')"> <b>V</b>: Maar hoe kan het dan dat  Blabla
            blabla etc....</td>
        </tr>
      </table>
      <table id="tblTest3" style="display:none" width="100%" border="1"
cellspacing="0" cellpadding="0" bgcolor="#EFEFE9">
        <tr> 
          <td class="tekst"><b>A</b>:  Nou, dat zal ik je vertellen.. als
            je nu ...... Blabla blabla Blabla blabla Blabla blabla Blabla blabla
            Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blablaBlabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla  en dan Blabla blabla etc....</td>
        </tr>
      </table>
      <br>
      <table border="0" cellspacing="1" cellpadding="4" width="100%">
        <tr> 
          <td
height="16" class="tekst_link" bgcolor="#FFFFFF"> 
            <input type="checkbox" name="checkbox222" value="checkbox"
onClick="render(this, 'tblTest4')"> <b>V</b>: Vanaf wanneer zou je Blabla blabla
            etc....</td>
        </tr>
      </table>
      <table id="tblTest4" style="display:none" width="100%" border="1"
cellspacing="0" cellpadding="0" bgcolor="#EFEFE9">
        <tr> 
          <td class="tekst"><b>A</b>:  Nou, dat zal ik je vertellen.. als
            je nu ...... Blabla blabla Blabla blabla Blabla blabla Blabla blabla
            Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blablaBlabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla  en dan Blabla blabla etc....</td>
        </tr>
      </table>
      <br>
      <table border="0" cellspacing="1" cellpadding="4" width="100%">
        <tr> 
          <td
height="16" class="tekst_link" bgcolor="#FFFFFF"> 
            <input type="checkbox" name="checkbox2222" value="checkbox"
onClick="render(this, 'tblTest5')"> <b>V</b>: Tot slot.. wat moet ik als Blabla
            blabla etc....</td>
        </tr>
      </table>
      <table id="tblTest5" style="display:none" width="100%" border="1"
cellspacing="0" cellpadding="0" bgcolor="#EFEFE9">
        <tr> 
          <td class="tekst"><b>A</b>:  Nou, dat zal ik je vertellen.. als
            je nu ...... Blabla blabla Blabla blabla Blabla blabla Blabla blabla
            Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blablaBlabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla
            blabla  en dan Blabla blabla etc....</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Ik weet niet wat ik ermee moet.
Weet iemand raad?
 
ja, zoals het console al zegt: er zit een fout, en ergens rond 'file:// -->'

-->
HTML: 
<script language="Javascript">
<!--
function render(c, t) {
if (c.checked) {
document.getElementById(t).style.display="block"
} else {
document.getElementById(t).style.display="none"
}
}
file://-->
</script>
zie de laaste regel, daar staat die 'file://'. Slaat nergens op, doet niets, parse error. Maak er dit van:
HTML: 
<script language="Javascript">

function render(c, t) {
   if (c.checked) {
      document.getElementById(t).style.display="block"
   } else {
      document.getElementById(t).style.display="none"
   }
}

</script>

De andere error is iets met css, dus daar hebben we meer info voor nodig.
 
Ik geloof dat die andere error over de pagina opbouw gaat, en dat werkt goed.
Het gaat mij vooral om het javascript script.
Ik heb bij nog een ander script ook deze foutmelding, moet ik dan gewoon de <!-- en de --> tags weghalen?
 
nee. De <!-- en --> zijn om je javascript te verbergen voor als mensen oudere browsers gebruiken, maar niemand gebruikt nog oude browsers, dus je kan t gewoon weglaten. Plaats t script maar.
 
@Vegras: Dat is maar gedeeltelijk waar. Wanneer je inline javascript als XHTML-strict wil valideren zijn de omgevende commentaartags verplicht!
 
@Johantrax: waren daar niet die andere speciale tags voor, err, cdata dingen? deze?
PHP: 
<script type='text/javascript'>
   <![CDATA[

     // stuff

   ]]>
</script>
 
Johantrax zei:
@Vegras: Dat is maar gedeeltelijk waar. Wanneer je inline javascript als XHTML-strict wil valideren zijn de omgevende commentaartags verplicht!
Klik om te vergroten...

Laten we even eerlijk zijn en stellen dat het valideren van een pagina niet voor iedereen even belangrijk is. Het feit dat je pagina als "XHTML-strict" is gevalideerd is, op dit moment, zo goed als waardeloos. Daarbij zijn er genoeg 'trucjes' om zo'n validatie te foppen (denk aan het DOM veranderen na de onload), waardoor de W3C validaties niet eens geldig zijn.
 
@Lapixx: ik ben me goed bewust van het feit dat standaarden makkelijk te omzeilen zijn, alleen ben ik wel van de overtuiging dat wanneer iemand begint met leren, je die beter conform de standaard kan opvoeden, met vermelding van anomaliën.

@Vegras: hmm.. aangezien ik nog kom van HTML3.2 was het al een gewoonte om met normale commenttags te werken, en deze aanpak is nog steeds valid. Maar ik vermoed inderdaad dat CDATA hiervoor aangewezen zou kunnen zijn.. nog niks mee getest, maar interessant genoeg om eens te bekijken :)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan