Aller au contenu

Sujets conseillés

Posté

Salut à tous,

Je cherche comment faire pour ouvrir une pop up à la taille exact d'une image (700x700 pixels) cad eviter les bordures blanches.

J'ai cherché un peu partou, mais j'ai du mal à comprendre...jsui un novice..

J'utilise Dreamweaver et je pars d'un click sur mon index pour ouvrir la popup; voici le code que j'utilise:

<body>

<div align="center">

<p><a href="sommaire2.htm" onclick="window.open(this.href, 'exemple', 'height=720, width=720, top=100, left=300, toolbar=yes, menubar=no, location=no, resizable=no, scrollbars=no, status=yes'); return false;"><img src="700par700.gif" width="700" height="700" border="0"></a></p>

</div>

</body>

C'est un code assez simple mais les bordures sont toujours la.

Alors j'en ai testé un autre:

<head>

<script type="text/javascript">

function PopupImage(img) {

titre="titre de ton anime";

w=open("",'++','width=400,height=400,toolbar=no,scrollbar=no,resizable=yes');

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+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");

w.document.write("<BODY oncontextmenu='return false' onselectstart='return false' ondragstart='return false' onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+700x700(sommaire).gif+"' border=0>");

w.document.write("");

w.document.write("</BODY></HTML>");

w.document.close();

}

</script>

</head>

<body>

<div align="center"><Ahref="java script:PopupImage('sommaire(popuptest).htm')">Lien</a>

<img src="700par700.gif" width="700" height="700" border="0"></a></a>

Mais j'ai du mal à l'utiliser celui-là il ne marche pas... :wacko:

Je vous met le lien vers ma page(index) pour que vous puissiez voir ce que je veux..

et voir aussi mon code source.

Lien: http://sonergrafizm.neuf.fr/

(click pour entrer..)

Existe t-il autre chose? ou sinon pouvais maider à l'utiliser en m'indiquant les champs à modifier() où placer les liens...les images..

Merci d'avance

Posté

tiens voila un script de toutjavascript.com qui ouvre une popup a la taille de ton image, quelque soit sa taille, c'est bien pratique...bon cest du JS je sais, mais bon, ouvrir une popup cest deja pas bien, alors on est plus à ça pres....lol

tu vas sur toutjavascript.com , tu fais une recherche avec pop up, et c'est le 4e resultat.

TU verrras certainement plein de truc qui te plairont sur le site je pense en meme temps.enjoy!

Posté

:D Merci pour ton script il marche bien...mais seulement avec IE et pas mozilla... :wacko:

c'est pour quand les navigateurs qui affichent les pages web de la meme façon :boude:

Peux-etre une petite soluce pour résoudre ce problème ..?

Voici le code:

<HTML><HEAD>

<TITLE>Tout JavaScript.com - Popup image redimensionné</TITLE>

<script LANGUAGE="JavaScript">

function PopupImage(img) {

titre="Popup Image - Tout Javascript.com";

w=open("",'image','width=700,height=700,toolbar=no,scrollbars=auto,resizable=yes');

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+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");

w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");

w.document.write("");

w.document.write("</BODY></HTML>");

w.document.close();

}

</SCRIPT>

</HEAD>

<BODY bgcolor="#FFFFFF" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" >

<FONT FACE="Arial" SIZE='-1' COLOR="navy">

<BR><CENTER>

<BIG>Ouverture d'un popup image qui se dimensionne à la taille de l'image</BIG><BR><BR>

Cliquez sur les liens ci-dessous pour tester le script...

<A href="java script:PopupImage('700par700.gif')">Première image</A><BR>

<A href="java script:PopupImage('popimg2.gif')">Seconde image</A>

<BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR>

<BR>

<CENTER><A href=&quot;http://www.toutjavascript.com"><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER>

</CENTER>

</BODY></HTML>

Merci beaucoup pour votre aide ;)

Posté
:D  Merci pour ton script il marche bien...mais seulement avec IE et pas mozilla... :wacko:

c'est pour quand les navigateurs qui affichent les pages web de la meme façon  :boude:

C'est marrant cette manie d'accuser toujours les navigateurs quand on est face à un script pourri :huh: Heureusement que Mozilla n'affiche pas ce truc.

Pour ta solution, garde ton code d'origine, et modifies le code de la page sommaire.htm et remplace-le par ceci:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sommaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body, html, * {margin:0; padding:0;}
//-->
</style>
</head>
<body>
<img src="700x700(sommaire).gif" width="700" height="700" alt="sommaire"></body>
</html>

Posté

:thumbup: Merci beaucoup...t'assure grave... :thumbup:

Sa marche à fond....c 10 x plus simple que ces scripts que j'ai trouvais ou qu'on m'a filer..car jme suis fié à des scripts que des sites filés (car jsui un novice) mais bon comme tu la dit ils sont pourris..

Et sa fonctionne pour IE et Mozilla :up:

Merci encore..il assure grave ce forum... :hourra:

Ciao

Veuillez vous connecter pour commenter

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



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