Redimensionnement fenêtre en fonction d'une image

Version imprimable

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:

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:

]<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 !

11/12/2006, 16h36
SpaceFrog

curieuse syntaxe :

Code:

document.d2d-trio.width+14

Code:

document.getElementById('d2d-trio')

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

comme ca ?
Code:

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

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:

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

13/12/2006, 08h54
SpaceFrog

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

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:

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

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:

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

15/12/2006, 10h44
skyjoe

lol ok merci ;)
17/12/2006, 13h54
skyjoe

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