Forum de discussion
Forum « Programmation Javascript » (archives)
popup dynamique
Envoyé: 30 juin 2005, 20h33 par popo
Je suis tombé sur un os javascriptien...
le but est d'avoir une page A avec une vignette. Un clic sur cette vignette ouvre une page html B (look popup).
cette fenetre html contient un tableau. Ce tableau a pour image de fond l'image que je souhaite voir affichée, ainsi que d'autres éléments (mais fixes).
La popup a la dimension du tableau (et donc de l'image). Un clic sur le tableau ferme la popup.
Voilà l'objectif !!
Pour l'instant la page A ressemble à ceci ;
<head>
...
<script language="javascript"><!--
function popupWindow(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
//--></script>
...
</head>
<body>
...
<a href="javascript:popupWindow(\'http://page_B.html?image_ID=a\')">
<img src="../image_A" border="0"
alt="blablabla"
title="blablabla"
width="50" height="76" hspace="5" vspace="5">
...
</body>
Premier problème ; ma popup ne s'ouvre pas !!
Et voici le contenu complet de la page B
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="LTR" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<base href="http://www.karine-la-bimbo.com/">
<script language="javascript"><!--
var i=0;
function resize() {
if (navigator.appName == 'Netscape') i=40;
if (document.images[0]) window.resizeTo(document.images[0].width +30, document.images[0].height+60-i);
self.focus();
}
//--></script>
<script language="javascript"><!--
image_vide = "image_vide.gif"
if (ID_image=="a") {image_a_afficher="./images/a321.jpg"}
if (ID_image=="b") {image_a_afficher="./images/b21.jpg"}
if (ID_image=="c") {image_a_afficher="./images/c242.jpg"}
if (ID_image=="d") {image_a_afficher="./images/d123.jpg"}
//--></script>
</head>
<body onload="resize();">
<a href="javascript:;" onclick="javascript:top.window.close();">
<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write('
<table width="100%" height="100%" border="0" align="left">
<tr> <td height="340" background="' + image_a_afficher + '">
<IMG VSPACE="5" HSPACE="5" SRC="' + image_vide + '" border="0" align="center">
</tr> </table> ')
// -- End Hiding Here -->
</script></td>
</a>
</body>
</html>
Comment récupérer la valeur du parametre transmis de la page A à la page B ?
Comment faire pour que mon image soit en arrière plan du tableau, et que le tableau soit juste dimensionné pour cette image ?
Bref, je ne vous cache pas que j'ai récupéré ce bout de code, mais qu'il me donne pas mal de fil à retordre...
Si vous m'aidiez à boucher les trous ce serait super cool
Merci !
Réponses
|