Redimensionnement fenêtre en fonction d'une image

**skyjoe** · 11/12/2006, 15h52

Bonjour,

Je sollicite votre aide car je suis bloqué sur un probleme apparemment simple à régler mais étant compte tenu de mes connaissances en html je n'arrive pas a m'en sortir.

Je cherche a afficher une simple image dans une fentre html de facon que la taille de la fenetre s'adapte a la taille de l'image, et que lorsqu'on clique sur la fenetre elle se ferme.

Voici le code utilisé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="#" OnClick="javascript:window.close();" title="Fermer la fenetre"><img src="images/d2d/d2d-trio.jpg" name="trio" width="213" height="320" id="trio" border="0"
OnLoad="window.resizeTo(document.d2d-trio.width+14,document.d2d-trio.height+32)">
</a>

Hors lorsque je lance un appercu il m'indique une erreur javascript sur la ligne du "onload"

Lorsque je n'utilise que le code pour fermer la fenetre, tout va bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

]<a href="#" OnClick="javascript:window.close();" title="Fermer la fenetre"><img src="images/d2d/d2d-trio.jpg" name="trio" width="213" height="320" id="trio" border="0"></a>

Seulement j'ignore pourquoi lorsque je code pour adapter la taille de la fenetre a l'image, ca ne fonctionne plus, j'ai essayé de "bidouiller" mais rien a faire.

Si quelqu'un a une solution, je suis sur que ca doit pas etre si compliqué

Merci de votre aide !

**SpaceFrog** · 11/12/2006, 16h36

curieuse syntaxe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.d2d-trio.width+14

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('d2d-trio')

et puis un offsetHeight et offsetWidth ne feraient pas de mal ...

**skyjoe** · 11/12/2006, 17h48

comme ca ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="#" OnClick="javascript:window.close();" title="Fermer la fenetre"><img src="images/d2d/d2d-trio.jpg" name="trio" width="213" height="320" id="trio" border="0"
OnLoad="window.resizeTo(document.getElementById('d2d-trio').offsetWidth,document.d2d-trio.offsetHeight)">
</a>

Je sais pas si c'est ca mais ca ne marche pas non plus...

Je sais que c'est mal rédigé, je suis une quiche en codage mais je vois pas comment faire autrement...

**skyjoe** · 12/12/2006, 13h51

J'ai beau tenter de trouver ce qui fonctionne pas dans le script je vois pas, en plus j'ai reussi a virer l'erreur de script, mais ca ne fonctionne toujours pas.

La fonction fermer la fenetre en cliquant sur l'image fonctionne bien , mais pas celle de réajuster la taille de la fenetre en fonction de l'image...

Voila le dernier code en date :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a href="#" OnClick="javascript:window.close();" title="Fermer la fenetre"><img src="images/d2d/d2d-trio.jpg" name="trio" width="213" height="320" id="trio" border="0"
	 "#"OnLoad="javascript:window.resizeTo(document.getElementById('d2d-trio.jpg').offsetWidth,document.d2d-trio.jpg.offsetHeight)"></a>

Quelqu'un pourrait me filer un coup de main svp ?

Merci de ton aide SpaceFrog mais jsuis un peu perdu lol

**SpaceFrog** · 13/12/2006, 08h54

Dans le onload ...
onload c'est dans la balise body ...

**skyjoe** · 13/12/2006, 14h14

Bon alors Space Frog, j'ai fait un tour sur Google pour apprendre les bases du Java...(je viens de découvrir les balises html, c'est te dire mon niveau lol), et malgré tout ça ça ne fonctionne toujours pas, même en tentant de changer de syntaxe, par exemple avec un <script></script> et bidouillant dedans.

Quand ce n'est pas une erreur de syntaxe, il ne me prend pas en compte la taille de la fenetre pour l'adapter a l'image.

Voila ce que j'ai fait selon ton aide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<body bgcolor="black">
 
	<a href="#" OnClick="javascript:window.close();" title="Fermer la fenetre"><img src="images/d2d/d2d-trio.jpg" name="trio" width="213" height="320" id="trio" border="0"
	></a>
	<body> OnLoad="javascript:window.resizeTo(document.getElementById('d2d-trio.jpg').offsetWidth,document.d2d-trio.jpg.offsetHeight)"  </body>
 
	</body>

A vrai dire j'aurais plutot besoin qu'on me corrige tout ca même si c'est pour réecrire l'intégralité du code, je pense que ca prend deux secondes pour des programmeurs, donc si ce n'est pas trop vous demander...et je décortiquerais tout ca, car la ça me prends bien la tête ce probleme bidon

Merci de votre aide

**SpaceFrog** · 13/12/2006, 14h31

heu a mon avis avant de te lancer dans des trucs comme ça apprends les base de javascript (et pas java ... rien à voir) et avant du html ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<body bgcolor="black" OnLoad="javascript:window.resizeTo(document.getElementById('d2d-trio.jpg').offsetWidth,document.d2d-trio.jpg.offsetHeight)"> 
<a href="#" OnClick="javascript:window.close();" title="Fermer la fenetre">
<img src="images/d2d/d2d-trio.jpg" name="trio" width="213" height="320" id="trio" border="0" ></a> <body>

un seul body par page !!!

**skyjoe** · 15/12/2006, 10h44

lol ok merci

**skyjoe** · 17/12/2006, 13h54

Oh la vache jsuis a la masseeeeee j'avais pas remarqué que t'avais réécris le code je dois etre dans l'espace moi aussi en ce moment lol

Merci msieur

Redimensionnement fenêtre en fonction d'une image

JavaScript

Discussions similaires

Partager

Partager