javascript interprété sur tripod
Bonjour à vous,
Je viens de mettre en ligne une ébauche de site sur tripod. J'ai une page de photos avec des vignettes et lorsque l'on click dessus ca lance une petite fonction JS qui ouvre une pop-up avec l'image grande taille et resize la pop-up au format de l'image.
Tout marche nickel en local.
Le problème c'est que sur Tripofd le code JS semble etre lu comme du HTML... (j'ai <img src='"+monImage+"' border=0 alt='"+monTitre+"'></a> qui affiche une image,appelé +monTitre+ !)
merci d'avance pour votre aide !
Voilà la page en question :
http://mayimava.tripod.com/pages/photos.html
et voilà la source de la page :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<script language="JavaScript">
function resizePopUp(monImage, monTitre)
{
w = window.open('','chargement','width=10,height=10');
w.document.write( "<html><head><title>"+monTitre+"</title>\n" );
w.document.write( "<script language='JavaScript'>\n");
w.document.write( "function autoSize() {\n");
w.document.write( "window.resizeTo(document.images[0].width,document.images[0].height+20);\n");
w.document.write( "self.focus();\n");
w.document.write( "}\n</scri");
w.document.write( "pt>\n");
w.document.write( "</head><body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 onLoad='javascript:autoSize();'>" );
w.document.write( "<a href='javascript:window.close();'><img src='"+monImage+"' border=0 alt='"+monTitre+"'></a>" );
w.document.write( "</body></html>" );
w.document.close();
}
</script>
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>Autour du Togo</title>
<link rel="stylesheet" media="screen" type="text/css" title="Togo" href="../togo.css" />
</head><body>
<br>
<table style="width: 100%;" border="0">
<tr valign="top">
<td>
<table style="width: 100%" border="0">
<tr>
<td class="titre">
Les photos
</td>
</tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>
</td>
</tr>
<tr valign="middle">
<td>
<table style="width: 100%" border="0">
<tr>
<td class="intro">
<a name="P1290200a" href="#P1290200a" onClick="resizePopUp('..//photos//P1290200a.jpg','P1290200a.jpg');"><img
src="../photos/vignettes/P1290200a.jpg"></a>
</td>
<td class="intro">
<a name="P1290202" href="#P1290202" onClick="resizePopUp('..//photos//P1290202.jpg','P1290202.jpg');"><img
src="../photos/vignettes/P1290202.jpg"></a>
</td>
<td class="intro">
<a name="P1290798" href="#P1290798" onClick="resizePopUp('..//photos//P1290798.jpg','P1290798.jpg');"><img
src="../photos/vignettes/P1290798.jpg"></a>
</td>
<td class="intro">
<a name="P1290807b" href="#P1290807b" onClick="resizePopUp('..//photos//P1290807b.jpg','P1290807b.jpg');"><img
src="../photos/vignettes/P1290807b.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1300312" href="#P1300312" onClick="resizePopUp('..//photos//P1300312.jpg','P1300312.jpg');"><img
src="../photos/vignettes/P1300312.jpg"></a>
</td>
<td class="intro">
<a name="P1300320a" href="#P1300320a" onClick="resizePopUp('..//photos//P1300320a.jpg','P1300320a.jpg');"><img
src="../photos/vignettes/P1300320a.jpg"></a>
</td>
<td class="intro">
<a name="P1300328" href="#P1300328" onClick="resizePopUp('..//photos//P1300328.jpg','P1300328.jpg');"><img
src="../photos/vignettes/P1300328.jpg"></a>
</td>
<td class="intro">
<a name="P1300345a" href="#P1300345a" onClick="resizePopUp('..//photos//P1300345a.jpg','P1300345a.jpg');"><img
src="../photos/vignettes/P1300345a.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1300348a" href="#P1300348a" onClick="resizePopUp('..//photos//P1300348a.jpg','P1300348a.jpg');"><img
src="../photos/vignettes/P1300348a.jpg"></a>
</td>
<td class="intro">
<a name="P1300355a" href="#P1300355a" onClick="resizePopUp('..//photos//P1300355a.jpg','P1300355a.jpg');"><img
src="../photos/vignettes/P1300355a.jpg"></a>
</td>
<td class="intro">
<a name="P1310006" href="#P1310006" onClick="resizePopUp('..//photos//P1310006.jpg','P1310006.jpg');"><img
src="../photos/vignettes/P1310006.jpg"></a>
</td>
<td class="intro">
<a name="P1310012" href="#P1310012" onClick="resizePopUp('..//photos//P1310012.jpg','P1310012.jpg');"><img
src="../photos/vignettes/P1310012.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1310111a" href="#P1310111a" onClick="resizePopUp('..//photos//P1310111a.jpg','P1310111a.jpg');"><img
src="../photos/vignettes/P1310111a.jpg"></a>
</td>
<td class="intro">
<a name="P1310112a" href="#P1310112a" onClick="resizePopUp('..//photos//P1310112a.jpg','P1310112a.jpg');"><img
src="../photos/vignettes/P1310112a.jpg"></a>
</td>
<td class="intro">
<a name="P1310120ab" href="#P1310120ab" onClick="resizePopUp('..//photos//P1310120ab.jpg','P1310120ab.jpg');"><img
src="../photos/vignettes/P1310120ab.jpg"></a>
</td>
<td class="intro">
<a name="P1310124a" href="#P1310124a" onClick="resizePopUp('..//photos//P1310124a.jpg','P1310124a.jpg');"><img
src="../photos/vignettes/P1310124a.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1310129a" href="#P1310129a" onClick="resizePopUp('..//photos//P1310129a.jpg','P1310129a.jpg');"><img
src="../photos/vignettes/P1310129a.jpg"></a>
</td>
<td class="intro">
<a name="P1310130ab" href="#P1310130ab" onClick="resizePopUp('..//photos//P1310130ab.jpg','P1310130ab.jpg');"><img
src="../photos/vignettes/P1310130ab.jpg"></a>
</td>
<td class="intro">
<a name="P1310152a" href="#P1310152a" onClick="resizePopUp('..//photos//P1310152a.jpg','P1310152a.jpg');"><img
src="../photos/vignettes/P1310152a.jpg"></a>
</td>
<td class="intro">
<a name="P1310511a" href="#P1310511a" onClick="resizePopUp('..//photos//P1310511a.jpg','P1310511a.jpg');"><img
src="../photos/vignettes/P1310511a.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1310686a" href="#P1310686a" onClick="resizePopUp('..//photos//P1310686a.jpg','P1310686a.jpg');"><img
src="../photos/vignettes/P1310686a.jpg"></a>
</td>
<td class="intro">
<a name="P1310823a" href="#P1310823a" onClick="resizePopUp('..//photos//P1310823a.jpg','P1310823a.jpg');"><img
src="../photos/vignettes/P1310823a.jpg"></a>
</td>
<td class="intro">
<a name="P1310846a" href="#P1310846a" onClick="resizePopUp('..//photos//P1310846a.jpg','P1310846a.jpg');"><img
src="../photos/vignettes/P1310846a.jpg"></a>
</td>
<td class="intro">
<a name="P1310873" href="#P1310873" onClick="resizePopUp('..//photos//P1310873.jpg','P1310873.jpg');"><img
src="../photos/vignettes/P1310873.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1310899" href="#P1310899" onClick="resizePopUp('..//photos//P1310899.jpg','P1310899.jpg');"><img
src="../photos/vignettes/P1310899.jpg"></a>
</td>
<td class="intro">
<a name="P1320190a" href="#P1320190a" onClick="resizePopUp('..//photos//P1320190a.jpg','P1320190a.jpg');"><img
src="../photos/vignettes/P1320190a.jpg"></a>
</td>
<td class="intro">
<a name="P1320223b" href="#P1320223b" onClick="resizePopUp('..//photos//P1320223b.jpg','P1320223b.jpg');"><img
src="../photos/vignettes/P1320223b.jpg"></a>
</td>
<td class="intro">
<a name="P1320231" href="#P1320231" onClick="resizePopUp('..//photos//P1320231.jpg','P1320231.jpg');"><img
src="../photos/vignettes/P1320231.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1320295a" href="#P1320295a" onClick="resizePopUp('..//photos//P1320295a.jpg','P1320295a.jpg');"><img
src="../photos/vignettes/P1320295a.jpg"></a>
</td>
<td class="intro">
<a name="P1320317" href="#P1320317" onClick="resizePopUp('..//photos//P1320317.jpg','P1320317.jpg');"><img
src="../photos/vignettes/P1320317.jpg"></a>
</td>
<td class="intro">
<a name="P1320319a" href="#P1320319a" onClick="resizePopUp('..//photos//P1320319a.jpg','P1320319a.jpg');"><img
src="../photos/vignettes/P1320319a.jpg"></a>
</td>
<td class="intro">
<a name="P1320421a" href="#P1320421a" onClick="resizePopUp('..//photos//P1320421a.jpg','P1320421a.jpg');"><img
src="../photos/vignettes/P1320421a.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1320436a" href="#P1320436a" onClick="resizePopUp('..//photos//P1320436a.jpg','P1320436a.jpg');"><img
src="../photos/vignettes/P1320436a.jpg"></a>
</td>
<td class="intro">
<a name="P1320483a" href="#P1320483a" onClick="resizePopUp('..//photos//P1320483a.jpg','P1320483a.jpg');"><img
src="../photos/vignettes/P1320483a.jpg"></a>
</td>
<td class="intro">
<a name="P1310826a" href="#P1310826a" onClick="resizePopUp('..//photos//P1310826a.jpg','P1310826a.jpg');"><img
src="../photos/vignettes/P1310826a.jpg"></a>
</td>
<td class="intro">
<a name="P1320207a" href="#P1320207a" onClick="resizePopUp('..//photos//P1320207a.jpg','P1320207a.jpg');"><img
src="../photos/vignettes/P1320207a.jpg"></a>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="intro">
<a name="P1320209a" href="#P1320209a" onClick="resizePopUp('..//photos//P1320209a.jpg','P1320209a.jpg');"><img
src="../photos/vignettes/P1320209a.jpg"></a>
</td>
<td class="intro">
<a name="P1320265a" href="#P1320265a" onClick="resizePopUp('..//photos//P1320265a.jpg','P1320265a.jpg');"><img
src="../photos/vignettes/P1320265a.jpg"></a>
</td>
<!--
<td class="intro">
<a name="P1310826a" href="#P1310826a" onClick="resizePopUp('..//photos//P1310826a.jpg','P1310826a.jpg');"><img
src="../photos/vignettes/P1310826a.jpg"></a>
</td>
<td class="intro">
<a name="P1320207a" href="#P1320207a" onClick="resizePopUp('..//photos//P1320207a.jpg','P1320207a.jpg');"><img
src="../photos/vignettes/P1320207a.jpg"></a>
</td>
-->
</tr>
</table>
</td>
</tr>
</table>
</body></html>
