anoniem Geplaatst: 9 mei 2003 Delen Geplaatst: 9 mei 2003 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. Quote Link naar reactie
anoniem Geplaatst: 9 mei 2003 Auteur Delen Geplaatst: 9 mei 2003 Heel simpel eigenlijk: verwijder target=_blank in je html. Quote Link naar reactie
anoniem Geplaatst: 9 mei 2003 Auteur Delen Geplaatst: 9 mei 2003 Aah bedankt, valt eigenlijk best wel onder het hoofdstuk stupide :oops: Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen