Ben een beetje aan het kloten met javascript enzo, maar zit nu met het volegnde probleem. Eerst ff de broncode:
main.html:
<!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">
<!-- Zie picts.js
// -->
</SCRIPT>
<STYLE>
td{border:solid #EAF4F7 1px;}
table{border: 1px;}
</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-19</a>,
<a href="javascript:pictures(20)">20-29</a>, <a href="javascript:pictures(29)">29-37</a></center>
</BODY>
</HTML>
picts.js:
//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.src="../imgs/s"+prefix+p_index+".jpg";
document.links.href="javascript:showpic("+p_index+")";
}
//window.alert("Prefix is" + prefix);
};
//Geeft de afbeelding weer
function showpic(p_index)
{
var prefix="";
//alert("showpic("+p_index+")");
if(p_index==2)
{
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");
window.open("../imgs/l"+prefix+p_index+".jpg","plaatjes","scrollbars=no,toolbar=no,width=830,height=635");
}
};
Wat je dus voor je krijgt is een pagina met 9 gelinkte plaatjes (in een 3x3 tabel) en 3 links onder aan voor de afbeeldingen 1-9, 10-18 etc. Als je op een van deze links klikt worden de thumbnails (s*.jpg) geladen en de links van de plaatjes aangepast. Als je op de plaatjes klikt, opent die een een venster waarin die de grote afbeelding laat zien. Dit gaat allemaal goed in konqueror (een browser onder linux), maar in Mozilla doet die het niet. Krijg in het Javascript console de foutmelding:
Error: showpic(9) not defined.
Wie, o iwe weet wat ik fout doe
[Dit bericht is gewijzigd door Iskariot op 09-05-2003 15:54]