Aller au contenu

Utilisation d'un script


Fofy

Sujets conseillés

Coucou,

je viens de récupérer ce script qui doit me permettre de faire un joli popup... <_< parce que bon la balise _blank et la fenêtre du navigateur ne me conviennent pas... :blush:

Breeeeeeef, Le copié collé du script dans la balise <head> jusqu'ici pas de problème...

Mes voilà mes difficultés :

- je ne comprends pas où exactement je dois faire appel au script

- je ne comprends pas où je dois indiquer le chemin de l'image qui sera dans le pop up

- je ne connais rien au javascript :D

Je vous remercie par avance !

(désolée si la question peut paraitre stupide... :blush: )

Fofy

<script LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
titre="Agrandissement";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<script language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
</SCRIPT>

Lien vers le commentaire
Partager sur d’autres sites

tu dois faire un appel du genre :

<a href="http://www.monsuperbesite.com/image/masuperbeimage.jpeg" OnClick="PopupImage('http://www.monsuperbesite.com/image/masuperbeimage.jpeg');return false"></a>

ce qui aura pour effet de demander a ton script d'ouvrir une pop up avec l'image que tu aura indiqué en parametre de ta fonction.

pour ceux qui n'ont pas javascript, l'image sera visible dans la fenetre **principale**

Sinon, pour completer ta culture sur les pop up, je t'invite a lire : Créer des pop-up intelligentes

Lien vers le commentaire
Partager sur d’autres sites

Merci beaucoup ;)

ça marche impec...

le seul petit truc décevant c que le fond du pop reste blanc pdt le téléchargement de l'image...yaurait pas moyen de mettre un background ? :blush:

merci encore...

Fofy

Lien vers le commentaire
Partager sur d’autres sites

essaye de remplacer :

w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<script language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");

par

w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE>");
w.document.write("<script language=javascript>document.write('<BODY BGCOLOR=macouleur></BODY>');</SCRIPT>");
w.document.write("<script language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("</HEAD>");

il faut remplacer 'macouleur' par la couleur qui t'interesse.

Le but est d'executer l'instruction qui affecte la couleur au fond d'ecran le plus rapdiment possible quitte a avoir 2 body dans le source, ce qui est pas tres correct mais peut etre que ca marche ... ca reste pas tres correcte quand meme mais j'ai pas d'autre idée :whistling:

Lien vers le commentaire
Partager sur d’autres sites

Plutôt que de coder n'importe comment, pourquoi ne pas faire proprement pour chaque image quelque-chose comme :

<a href="..." onclick="window.open(this.href, 'Agrandissement', 'height=400, width=400, toolbar=no, menubar=yes, location=no, resizable=yes, scrollbars=no, status=no'); return false;">

(en reprenant la taille de popup de ton script de départ)

Pour la couleur de background... franchement... Si l'image met tellement de temps à se télécharger que le fond par défaut en devient gênant, c'est plutôt du côté de l'optimisation des images qu'il faut chercher.

Lien vers le commentaire
Partager sur d’autres sites

Toutes mes excuses, Vincent : ce n'est pas parce qu'on est dimanche qu'on a le droit d'être malpoli, en effet :blush:

Le "coder n'importe comment" ne visait pas spécifiquement ce que tu proposais... mais aussi bien le script de départ et les problèmes qu'il pose (voir l'article d'Openweb mentionné plus haut).

Lien vers le commentaire
Partager sur d’autres sites

Merci de vous être penchés sur le sujet ! ;)

Mais dans ce que tu me proposes laurentdenis, je reviens à mon problème de marges blanches (comme dans la fenêtre du navigateur) même en mettant les dimensions exactes du dessin au pop up...

Sinon pour le background ça me convient :D, ça fonctionne, les dessins ne sont pas très lourds mais c plus joli comme ça... :P

Sont beaux mes pop ups !!! :wub: LOOOOOOOL

Merci à vous en tout cas :)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...