Gå til innhold

Får ikke onClick til å fungere med XHTML strict

Den normale mann

Anbefalte innlegg

Den normale mann

Den normale mann

Skrevet
Skrevet

Jeg bruker XHTML strict. Men jeg får ikke brukt onMuseover, onMuseout, onClick. Trenger det til bilde swap og opning av pop-up. Er det sånn at xhtml ikke støtter onClick ol. eller er det strict greia som er problemet. Hva er det jeg kan gjøre får å få til å lage popup og bilde swap uten å endre til "ikke strict" eller må jeg gjøre den om til "ikke-strick"?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Den normale mann

Den normale mann

Skrevet
  • Forfatter
Skrevet (endret)

Det virker som det ikke funker med lower-case.

Her er deler av koden, noen som kan se hva som er galt?

 

<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no" lang="no">

...

<script type="text/javascript" language="javascript">
<!--
var infobilde=new image();
var infobilde-iq=new image();
var infobilde-prog=new image();
var infobilde-siden=new image();
infobilde.src="infobilde.gif";
infobilde-iq.src="infobilde-iq.gif";
infobilde-prog.src="infobilde-prog.gif";
infobilde-siden.src="infobilde-siden.gif";

function switchinfoimg(bildeid,kilde){
   bildeid.src = kilde;
}

function openwin(URL) {
aWindow=window.open(url, "thewindow", "toolbar=no, width=400, height=310,status=no, scrollbars=yes, resize=no, menubars=no");
}
-->
</script>

</head>

<body>
<div id="top">
 <p>
 <a href="index.php" title="gå til home">
  <img src="logo.gif" id="logo" width="530" height="100" />
  </a><br />
 <img src="infobilde.gif" id="swapimg" width="150" height="100" alt="" />
 </p>
 </div>


<div id="innhold-side">

...

   <!-- innhold -->

       <div class="innhold">
<p>Hei.<br />
     Har nytt design på denne siden.
     Har du en komentar til designe, klikk 
     <a class="linker" href="#" onclick="openwin('kontakt.htm')">her</a>.
     Meldingen din blir bare sendt til meg personlig.
     Det er ikke så mye her enda (derfor virker ingen av sidene, har ikke lagt dem til enda), men det kommer etterhvert.
     Siden ses best med IE (Internet Explorer) med en oppløsneng på 1028x780 eller høyere.
</p>
</div>    <!-- innhold -->
   
</div>


<div id="hoyre">
  <!-- Meny -->

  <table class="meny">
    <tr><td class="meny">
     <a class="meny" href="index.php?side=iq.php" title="Klikk for å ta iq-testen." onmouseover="switchinfoimg(swapimg,'infobilde-iq.gif');" onmouseout="switchinfoimg(swapimg,'infobilde.gif');">Iq-test</a></td></tr>
    <tr><td class="meny">
     <a class="meny" href="index.php?side=linker.php" title="Klikk for å komme til siden linker" onmouseover="switchinfoimg(swapimg,'infobilde.gif');" onmouseout="switchinfoimg(swapimg,'infobilde.gif');">Linker</a></td></tr>

    <tr><td class="meny">
     <a class="meny" href="index.php?side=prog.php" title="Klikk for å komme til siden om programmer" onmouseover="switchinfoimg(swapimg,'infobilde-prog.gif');" onmouseout="switchinfoimg(swapimg,'infobilde.gif');">Programmer</a></td></tr>

    <tr><td class="meny">
     <a class="meny" href="index.php?side=meg.php" title="Klikk for å komme til siden om meg" onmouseover="switchinfoimg(swapimg,'infobilde.gif');" onmouseout="switchinfoimg(swapimg,'infobilde.gif');">Om meg</a></td></tr>
    <tr><td class="meny">
    <a class="meny" href="index.php?side=siden.php" title="Klikk for å komme til siden om denne hjemmesiden" onmouseover="switchinfoimg(swapimg,'infobilde-siden.gif');" onmouseout="switchinfoimg(swapimg,'infobilde.gif');">Om siden</a></td></tr>
  </table>

 </div>
</div>

...

Endret av 100smiles
Lenke til kommentar
Drømmemannen

Drømmemannen

Skrevet
Skrevet (endret)

JavaScript er sensitiv overfor store og små bokstaver. Selv om XHTML vil ha små kan du fortsatt godt bruke store og små i JavaScript.

 

I openwin-funksjonen din har du både URL og url. De skulle nok vært like. Mener også at det burde stå new Image(); (med stor i) i begynnelsen av scriptet ditt.

 

Når du sender med swapimg til switchinfoimg-funksjonen er du sikker på at du faktisk får tak i bildeelementet du skal endre kilden til? Jeg ville kanskje valgt å sende med id-en til elementet som en tekststreng, og så bruke getElementById(...) eller document.images i switchinfoimg for å få tak i bildeelementet. Dette vil også gjøre siden din litt vennligere overfor andre nettlesere.

Endret av balletryne
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...