Pop-up en javascript

**alaincharles** · 13/07/2008, 12h05

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

<P><FONT face=Arial><FONT color=#000000>Plan de la médina</FONT> <STRONG>:</STRONG> <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></FONT></P>

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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>

sur le site : www.voyage-riad-maroc.com
MERCI A CELUI OU CELLE QUI M'AIDE
Alain

**SpaceFrog** · 13/07/2008, 16h07

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ...

**jak0** · 14/07/2008, 23h41

Il y a toutefois une diff�rence de comportement entre

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

et

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<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 ?

**Bovino** · 15/07/2008, 08h19

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

C'est pas bien �a ???

**SpaceFrog** · 15/07/2008, 09h10

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

voici la syntaxe correcte :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**alaincharles** · 19/07/2008, 09h46

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

**alaincharles** · 19/07/2008, 09h47

lire : essaouira600

**jak0** · 26/08/2008, 13h15

D�sol� pour le retard.

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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>

**SpaceFrog** · 26/08/2008, 14h01

document.write

**jak0** · 04/09/2008, 02h22

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...

Pop-up en javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager