Dreamweaver : pop-up

Dreamweaver : pop-up - Windows & Software

Marsh Posté le 02-10-2001 à 15:32:44    

Salut,
 
Comment faire sous Dreamweaver pour que lorsque je clique sur un lien apparaisse une pop-up avec une image dedans, et il
faut que cette pop-up soit de la taille de l'image ou juste plus grande mais pas plus.  
 
:hello:

Reply

Marsh Posté le 02-10-2001 à 15:32:44   

Reply

Marsh Posté le 02-10-2001 à 15:38:27    

j'ai une fonction toute prete, t'es branché ?


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 15:39:28    

vivi !

Reply

Marsh Posté le 02-10-2001 à 15:40:42    

je te l'envoie par mail, l'adr c bien celle dans ton profil ?


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 15:41:33    

Ouais c la bonne adresse !

Reply

Marsh Posté le 02-10-2001 à 15:44:19    

ok
 
je te prépare un tutorail ;)
 
laisse moi 10 min ok ?


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 15:45:07    

Bien sur !! prends tout ton temps !!!!
Merci bcp ! c trés sympa de ta part !

 

[edtdd]--Message édité par Webman--[/edtdd]

Reply

Marsh Posté le 02-10-2001 à 16:00:42    

c parti...
 
tiens moi au courant


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:02:43    

Ok merci bcp je veins de le recevoir je te tiens au courant !

Reply

Marsh Posté le 02-10-2001 à 16:07:25    

j'espere que le tutorial est assez complet et lisible :)


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:07:25   

Reply

Marsh Posté le 02-10-2001 à 16:14:15    

C trés complet et lisible merci bcp ! c impecable !
 
Par contre j'ai du faire une erreur... car dans IE ca me sort: "erreur sur la page".
Puis dans le debogage dans Dreamweaver ca me sort ça:
"Erreur 1024 constante de chaîne sans terminaison
Il n'y a qu'un signe ' ou " (guillemet). Le deuxième guillemet doit toujours se trouver sur la même ligne."
Avec une erreur à la ligne 6.
 
Tu peux m'en dire un peu plus ?

Reply

Marsh Posté le 02-10-2001 à 16:16:38    

Voila je contenu de mon fichier *.*js
 
function aff_pic('/images/tuilesvie.jpg' , 'Tuiles';) {
var text_html, pic;
var cx=14, cy=111;
 
texte_html = '<HTML><HEAD><TITLE>'+titre+'</TITLE></HEAD>'
texte_html+= '<BODY LEFTMARGIN="0" MARGINWIDTH="0" TOPMARGIN="0"
MARGINHEIGHT="0" LINK="#7E0E36" VLINK="#7E0E36"><CENTER>'
texte_html+= '<table width="100%" border="0" cellspacing="0" cellpadding
="0" bgcolor="#999999"><tr><td><div align="center"><font color="
#FFFFFF"><b>'+titre+'</b></font></div></td></tr></table>'
texte_html+= '<p><IMG SRC="'+chemin+'" BORDER=0 NAME=image onLoad
="window.resizeTo((document.image.width + '+cx+';),(document.image.height +
'+cy+';))" ALT="'+titre+'">'
texte_html+= '<p><table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="#999999"><tr><td><div align="center"><a href="
javascript:window.close()"><b>fermer</b></a></div></td></tr></table>'
texte_html+= '</CENTER></BODY></HTML>';
pic = window.open('','
_blank','height=10,width=10,toolbar=0,
 
location=0,directories=0,menuBar=0,scrollbars=0,re
 
sizable=1';);
 
pic.document.open();
pic.document.write(texte_html);
pic.window.moveTo((screen.width/2)
-((pic.document.image.width+cx)/2),(screen.height/2)
-((pic.document.image.height+cy)/2));
pic.document.close()
};

 

[edtdd]--Message édité par Webman--[/edtdd]

Reply

Marsh Posté le 02-10-2001 à 16:19:26    

Voila le code de ma page qui s'appelle index.htm
 
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="javascript" SRC="aff_pic.js">
</SCRIPT>
</head>
 
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:aff_pic('/images/tuilesvie.jpg ', 'Tuiles';)">clik pour afficher</a>  
</body>
</html>

Reply

Marsh Posté le 02-10-2001 à 16:24:29    

tu vois les lignes qui commencent par "texte_html+=" ?
 
fait bien gaffe à que ca donne un truc come ça :
texte_html+='..........';
texte_html+='..........';
texte_html+='..........';
 
en clair, la chaine commence par ' et se termine SUR LA MEME LIGNE par ';
 
je suppose que tu as fait un copier/coller, mais faut surement que tu reformates la chaine...
essaye ça...


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:25:19    

en fait les lignes de code javascript se terminent TOUJOURS par ;
 
 
sinon il croit que c une nouvelle ligne de code,  alors que c pas le cas... :)

 

[edtdd]--Message édité par OverFlow--[/edtdd]


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:27:01    

Ok j'essaye ça ! merci de m'aider !
Sinon maintenant ca me sort ça comme erreur.
 
Erreur 1026 " )" attendu
L'opérateur spécifié était attendu.
A la ligne 1

Reply

Marsh Posté le 02-10-2001 à 16:28:12    

bon attend te fais pas chier, je t'envoie le fichier en entier :hello:


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:29:17    

Voila mon *.*js maintenant:
function aff_pic('/images/tuilesvie.jpg' , 'Tuiles';) {
var text_html, pic;
var cx=14, cy=111;
 
texte_html = '<HTML><HEAD><TITLE>'+titre+'</TITLE></HEAD>'
texte_html+= '<BODY LEFTMARGIN="0" MARGINWIDTH="0" TOPMARGIN="0"MARGINHEIGHT="0" LINK="#7E0E36" VLINK="#7E0E36"><CENTER>';
texte_html+= '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999"><tr><td><div align="center"><font color="#FFFFFF"><b>'+titre+'</b></font></div></td></tr></table>';
texte_html+= '<p><IMG SRC="'+chemin+'" BORDER=0 NAME=image onLoad="window.resizeTo((document.image.width + '+cx+';),(document.image.height +'+cy+';))" ALT="'+titre+'">';
texte_html+= '<p><table width="100%" border="0" cellspacing="0"cellpadding="0" bgcolor="#999999"><tr><td><div align="center"><a href="javascript:window.close()"><b>fermer</b></a></div></td></tr></table>';
texte_html+= '</CENTER></BODY></HTML>';
pic = window.open('','
_blank','height=10,width=10,toolbar=0,
location=0,directories=0,menuBar=0,scrollbars=0,re
sizable=1';);
 
pic.document.open();
pic.document.write(texte_html);
pic.window.moveTo((screen.width/2)
-((pic.document.image.width+cx)/2),(screen.height/2)
-((pic.document.image.height+cy)/2));
pic.document.close()
};

 

[edtdd]--Message édité par Webman--[/edtdd]

Reply

Marsh Posté le 02-10-2001 à 16:31:23    

t'as reçu le mail ?
 
t'as juste à mettre le fichier joint à la place de celui que tu avais créé

 

[edtdd]--Message édité par OverFlow--[/edtdd]


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:32:18    

ouais je viens de le recevoir à l'instant !

Reply

Marsh Posté le 02-10-2001 à 16:34:19    

Ok ca marche ! encore une fois merci bcp !
Désolé pour ce petit pb... mais comme tu peux le voir je suis loin d'être le roi du javascripts... :lol:
 
:hello:

 

[edtdd]--Message édité par Webman--[/edtdd]

Reply

Marsh Posté le 02-10-2001 à 16:43:35    

no problemo :)
 
si tu veux t'amuser tu copies tout le code HTML et tu le mets dans une nouvelle page histoire de voir comment tu peux changer l'affichage en fonction de tes besoins...
 
en fait ce script ne fait rien de bien méchant, il met dans la variabel texte_html tout le code à afficher puis il le "write" dans la nouvelle fenetre...
 
A propos, tu verras ya un bug, l'image ne se centre pas la première fois, mais est legérement décalée vers la droite!
c un détail mais bon... je travaille dessus :crazy:


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:45:28    

encore une chose, j'ai "appris" le javascripts vite fait, bien fait en mattant les scripts des autres... fait un tour sur www.commentcamarche.com, ya des tutorials vraiment correct. Sinon fait aussi un tour sur www.toutjavascript.com (tu trouveras des liens dans la section infos/remerciements de mon site ;) )


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:49:25    

Merci bcp ! je vais m'y pencher dessus !!!
PAr contre j'ai un dernier petit pb.... désolé... la pop-up s'ouvre bien mais l'image n'y est pas comme si le chemin n'était pas correct, je te file le code de ma page:
 
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="javascript" SRC="aff_pic.js">
</SCRIPT>
</head>
 
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:aff_pic('/images/mm.jpg', 'Tuiles';)">clik pour afficher</a>  
</body>
</html>
 
 
Vraiment désolé.....

Reply

Marsh Posté le 02-10-2001 à 16:51:59    

Non c bon c OK ca marche !!!! j'avais fait une erreur !
 
Merci  
@+
:hello:

Reply

Marsh Posté le 02-10-2001 à 16:52:33    

et '/images/mm.jpg' est correct ?


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:53:45    

En fait il fallait mettre :
 
'images/mm.jpg'   sans le "/" du début
 
:hello:

Reply

Marsh Posté le 02-10-2001 à 16:54:07    

Webman a écrit a écrit :

Non c bon c OK ca marche !!!! j'avais fait une erreur !
 
Merci  
@+
:hello:  




 
ah bon :)
 
 
bon en tout cas je te suohaite bonne chance car j'ai tyerminé moin taf ( :??: ) et donc je rentre !!!
 
mais si t'as un bleme t'as mon adresse mail (pas celle de la mail que je t'ai envoyé paske TAF, mais celle du profil...)
 
TSHAW :hello:


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 16:54:51    

OverFlow a écrit a écrit :

 
 
ah bon :)
 
 
bon en tout cas je te suohaite bonne chance car j'ai tyerminé moin taf ( :??: ) et donc je rentre !!!
 
mais si t'as un bleme t'as mon adresse mail (pas celle de la mail que je t'ai envoyé paske TAF, mais celle du profil...)
 
TSHAW :hello:  




 
Ok ! merci bcp c sympa ! :)
@+
:hello:

Reply

Marsh Posté le 02-10-2001 à 16:55:21    

Webman a écrit a écrit :

En fait il fallait mettre :
 
'images/mm.jpg'   sans le "/" du début
 
:hello:  




 
/!\
ouais mais fait gaffe avec ça... tant que tu es en local, ca marche, mais quand tu mettras le site online, le "/" deviendra obligatoire
 
 
à tester !!! ;)


---------------
Fan de GodBout et de Meuh
Reply

Marsh Posté le 02-10-2001 à 17:05:35    

Ok je verifierai !
Merci!
@+ :hello:

 

[edtdd]--Message édité par Webman--[/edtdd]

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed