Vraag & Antwoord

Webprogrammeren & scripting

[HTML/Javascript] Javascript link in HTML

2 antwoorden
  • Ik heb een kleine test pagina gemaakt, alleen werkt die niet goed. Eerst even de broncode: main.html: [code:1:a9f54c49b5] <!DOCTYPE public "-//w3c//dtd html 4.01 strict//en" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Tzie Partee</TITLE> <SCRIPT type="text/javascript" src="../scripts/picts.js" language="JavaScript1.3"> <!-- Zie picts.js // --> </SCRIPT> <STYLE> td{border:solid #EAF4F7 1px;} table{border: 0px;} </STYLE> </HEAD> <BODY BGCOLOR="#EAF4F7"> <a name="TOP"></a> <table WIDTH=315 BORDER=1 CELLSPACING=0 CELLPADDING=10 BGCOLOR="#D5DDE0" ALIGN="center"> <caption> Foto's van de Partee!!! </caption> <tbody> <tr> <td> <a href="javascript:showpic(1)" name="pic1" target=_blank><img src="../imgs/s01.jpg" width=133 height=100 border=0></a></td> <td> <a href="javascript:showpic(2)" name="pic2" target=_blank><img src="../imgs/s02.jpg" width=133 height=100 border=0></a></td> <td> <a href="javascript:showpic(3)" name="pic3" target=_blank><img src="../imgs/s03.jpg" width=133 height=100 border=0></a></td> </tr> <tr> <td> <a href="javascript:showpic(4)" name="pic4" target=_blank><img src="../imgs/s04.jpg" width=133 height=100 border=0></a></td> <td> <a href="javascript:showpic(5)" name="pic5" target=_blank><img src="../imgs/s05.jpg" width=133 height=100 border=0></a></td> <td> <a href="javascript:showpic(6)" name="pic6" target=_blank><img src="../imgs/s06.jpg" width=133 height=100 border=0></a></td> </tr> <tr> <td> <a href="javascript:showpic(7)" name="pic7" target=_blank><img src="../imgs/s07.jpg" width=133 height=100 border=0></a></td> <td> <a href="javascript:showpic(8)" name="pic8" target=_blank><img src="../imgs/s08.jpg" width=133 height=100 border=0></a></td> <td> <a href="javascript:showpic(9)" name="pic9" target=_blank><img src="../imgs/s09.jpg" width=133 height=100 border=0></a></td> </tr> </tbody> </table> <center>Foto's: <a href="javascript:pictures(1)">1-9</a>, <a href="javascript:pictures(10)">10-18</a>, <a href="javascript:pictures(19)">19-28</a>, <a href="javascript:pictures(27)">27-36</a></center> </BODY> </HTML> [/code:1:a9f54c49b5] picts.js: [code:1:a9f54c49b5] //Herlaad de afbeeldingen function pictures(s_index) { var prefix=""; var p_index; if(s_index==1) prefix="0"; for(i=0;i<10;i++) { p_index=s_index+i; document.images[i].src="../imgs/s"+prefix+p_index+".jpg"; document.links[i].href="javascript:showpic("+p_index+")"; } //window.alert("Prefix is" + prefix); } //Geeft de afbeelding weer function showpic(p_index) { var prefix=""; var largepWin; //alert("showpic("+p_index+")"); if(p_index==2) { largePicWin=window.open("../imgs/l02.jpg","plaatjes","toolbar=no,width=493,height=640"); } else { if(p_index<10) prefix="0"; //window.alert("Opening ../imgs/l"+prefix+p_index+".jpg"); largePicWin=window.open("../imgs/l"+prefix+p_index+".jpg","plaatjes","scrollbars=no,toolbar=no,width=830,height=635"); } } [/code:1:a9f54c49b5] Wat er dus moet gebeuren is het volgende, de pagina wordt geladen, je krijg een 3x3 tabel voor je met 9 plaatjes en onder de tabel 4 links voor volgende plaatjes (1-9, 10-18 etc.). Als je op die onderste links klikt dan laadt die nieuwe thumbnails (../imgs/s*.jpg bestanden) en wijzigt die de link van die thumbnail naar de grote versie van de thumbnail. Als je dan op die thumbnail klikt moet je in een nieuwe browserscherm het plaatje te voorschijn toveren. Dit laatste doet die alleen niet, terwijl de onderstaande links het wel goed doen. In de JavaScript Console van Mozilla krijg ik de foutmelding [i:a9f54c49b5]showpic is not defined[/i:a9f54c49b5] in in IE [i:a9f54c49b5]Fout: Object wordt verwacht[/i:a9f54c49b5] op lregel1, teken 1 van het script. De onderstaande links (voor de foto's 1-9, 10-18 etc.). doen het wel goed. In Konqueror (een browser onder Linux) doet de pagina het wel goed, btw.
  • Heel simpel eigenlijk: verwijder target=_blank in je html.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.