Pop-up en javascript

Version imprimable

Bonjour,
J'ai une fonction de popup (image) qui marche parfaitement bien sur site mais pas sur un autre. J'en perds mon latin.
CE QUI MARCHE BIEN :

Code:

Plan de la médina : <A onclick="openPictureWindow_Fever('undefined','http://www.lesjardinsdeyamani.com/images/medina600.jpg','600','802','visite de la Médina','','')" href="javascript:;"><IMG alt="" hspace=0 src="http://www.lesjardinsdeyamani.com/images/medinavignette.jpg" align=baseline border=0></A>

dans le site : www.lesjardinsdeyamani.com
CE QUI NE MARCHE PAS :
Code:

1 2 3 4 5 6 <li>Essaouira : <A onclick="openPictureWindow_Fever('undefined','images/yamani-100px.jpg','600','450','visite d’Essaouira','','')"href="javascript:;"> <IMG alt="" hspace=0 src="images/essaouirabandeau200.jpg" align=baseline border=0></A> </li>
sur le site : www.voyage-riad-maroc.com
MERCI A CELUI OU CELLE QUI M'AIDE
Alain

déja le coup du href ... c'est un peu foireux ...

les attributs doivent être entre quotes !!!

Voici une syntaxe un peu plus correcte:
Code:

1 2 3 <a href="#" onclick="openPictureWindow_Fever('undefined','images/yamani-100px.jpg','600','450','visite d’Essaouira','',''); return false;"> <img alt="" hspace="0" src="images/essaouirabandeau200.jpg" align="baseline" border="0"></a>
Ensuite ... ben la fonction on ne sait pas ce qu'elle fait ...

14/07/2008, 23h41
jak0

Il y a toutefois une différence de comportement entre

Code:

<a href="#" onclick="monActionJavascript();">

et

Code:

<a href="javascript:;" onclick="monActionJavascript();">

Si on ne se trouve pas en haut de la page (scroll à un certain niveau), au clic, dans le premier cas on remonte tout en haut de la page (la balise # n'existant pas, c'est le début du code), dans le deuxième cas, on reste au même niveau.
C'est peut-être moins joli, mais je n'ai pas trouvé, personnellement, d'autres solutions...

Qu'en penses-tu SpaceFrog ?
15/07/2008, 08h19
Bovino

Code:

<a href="javascript:monActionJavascript();">

C'est pas bien ça ???
15/07/2008, 09h10
SpaceFrog

Si tu avais bien regardé mon code ...
Tu aurais vu un return false ...

voici la syntaxe correcte :

Code:

<a href="#" onclick="monActionJavascript();return false;">
19/07/2008, 09h46
alaincharles

Suite

Bonjour,
Merci pour votre réponse.
En fait, la fonction doit ouvrir une fenêtre avec la photo "essaoui600" losqu'on clique sur l'image "essaouirabandeau200" qui se trouve dans le corps de la page "excursion".
J'ai implanté votre suggestion, mais cela ne marche pas.
A vous lire et envore merci d'avance,
Bien cordialement,
Alain
19/07/2008, 09h47
alaincharles

lire : essaouira600
19/07/2008, 15h18
Bovino

Ce serait possible de voir le code modifié ?

EDIT :
Manifestement, ton erreur provient de la mauvaise définition du premier argument de la fonction openPictureWindow_Fever().
Cela doit être un problème de php plus que de javascript.
Ceci dit, ton code fonctionne bien sur FF...
19/07/2008, 18h15
alaincharles

Pour Bovino

Citation:

Envoyé par Bovino

Ce serait possible de voir le code modifié ?

EDIT :
Manifestement, ton erreur provient de la mauvaise définition du premier argument de la fonction openPictureWindow_Fever().
Cela doit être un problème de php plus que de javascript.
Ceci dit, ton code fonctionne bien sur FF...

LE CODE MODIFIE est sur le site à la page "excursion", sur la ligne "Essaouira" : www.voyage-riad-maroc.com

Effectivement, la différence qu'il y a entre les deux sites (celui sur lequel ca marche n'a pas de php) est le peut-être le php. Je fais appel à du php pour appeler l'entête, le pied, etc............

Merci pour votre aide.

Alain

Désolé pour le retard.

En répondant à la va-vite, il faut mettre :

Code:

1
2
3
4
5
6
<li><FONT face=Arial><FONT color=#000000>Essaouira</FONT> 
<STRONG>:</STRONG>
<A onclick="openPictureWindow_Fever('undefined','images/yamani-100px.jpg','600','450','visite d\'Essaouira','','')"href="javascript:;">
<IMG alt="" hspace=0 src="images/essaouirabandeau200.jpg" align="baseline" border="0"></A>
</FONT>
</li>

Par contre, il ne faut pas oublier de définit la fonction openPictureWindow_Fever auparavant !

Donc en mettant (entre les balises <HEAD> et </HEAD>) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function openPictureWindow_Fever(imageType,imageName,imageWidth,imageHeight,alt,posLeft,posTop) {  // v4.01
	newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",scrollbars=no,left="+posLeft+",top="+posTop);
	newWindow.document.open();
	newWindow.document.write('<html><title>'+alt+'</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onBlur="self.close()">'); 
	if (imageType == "swf"){
	newWindow.document.write('<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0\" width=\"'+imageWidth+'\" height=\"'+imageHeight+'\">');
	newWindow.document.write('<param name=movie value=\"'+imageName+'\"><param name=quality value=high>');
	newWindow.document.write('<embed src=\"'+imageName+'\" quality=high pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" type=\"application/x-shockwave-flash\" width=\"'+imageWidth+'\" height=\"'+imageHeight+'\">');
	newWindow.document.write('</embed></object>');	}else{
	newWindow.document.write('<img src=\"'+imageName+'\" width='+imageWidth+' height='+imageHeight+' alt=\"'+alt+'\">'); 	}
	newWindow.document.write('</body></html>');
	newWindow.document.close();
	newWindow.focus();
}
//-->
 
</SCRIPT>

26/08/2008, 14h01
SpaceFrog

document.write :vomi:
04/09/2008, 02h22
jak0

Lol, oui, je suis bien d'accord. Mais il veut utiliser la fonction openPictureWindow_Fever définit sur le site.
Je rappel juste la définition de la fonction openPictureWindow_Fever...
C'est clair, que j'aurai pas fait ça comme ça, mais bon. C'est déjà un premier step pour qu'il comprenne...