Jump to content

Taille d'une fenetre


Bling
 Share

Recommended Posts

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

Link to comment
Share on other 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!

Link to comment
Share on other 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 ;)

Link to comment
Share on other 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>

Link to comment
Share on other 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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...