Aller au contenu

Taille d'une fenetre


Bling

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

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!

Lien vers le commentaire
Partager sur d’autres sites

: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 ;)

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

: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

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