Rechercher : dans
Par :

[JAVAscript] redimensionnement de fenêtre

Dernière réponse le 12 mar 2002 à 23:09:25 Ferdinand, le 12 mar 2002 à 19:03:06 
 Signaler ce message aux modérateurs

Bonjours. Je suis un petit nouveau en javascript et sur ce forum.
Je désire lorsqu'on clique sur un lien, qu'une fenêtre popup s'ouvre afin d'afficher une image et que lorsqu'on clique sur un autre lien, une autre image remplace la première dans la fenêtre popup et il faut la fenêtre popup soit ajustée aux dimensions de l'image.
Jusqu'à là j'y arrive quand les images en question ont toutes les mêmes dimensions.
Mon problème commence lorsque je veux que cette fenêtre se redimensionne en fonction des dimensions de l'image à afficher.

Voici le script que j'utilise:

dans la tête HTML:
<SCRIPT LANGUAGE="JavaScript">
<!--
function navigation() { fen = window.open
("","fiche","0,0,0,0,0,scrollbars=no,0,width=320,height=420"); if(
self.focus ) fen.focus(); } // -->
</SCRIPT>

au niveau du lien:
<a href="Figure_05.html" target="fiche" onClick="navigation()">lien</a>

Comment dois je faire pour qu'en fonction du lien activé, les valeurs de width et height soient changées?
J'ai bien pensé mettre une variable pour width et height, mais je suis trop inexpérimenté et je ne sais pas comment m'y prendre.
Si une âme charitable voulait bien m'aider.

Meilleures réponses pour « [JAVAscript] redimensionnement de fenêtre » dans :
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Screen VoirScreen Présentation Ouverture d'une session "screen" Détacher une session "screen" Reprise d'une session "screen" Fermeture d'une session "screen" Séparation d'une fenêtre en deux Scinder le terminal en deux Passer sur la nouvelle fenêtre
Javascript - les boîtes de dialogue VoirQu'est-ce qu'une boîte de dialogue? Une boîte de dialogue est une fenêtre qui s'affiche au premier plan suite à un événement, et qui permet Soit d'avertir l'utilisateur Soit le confronter à un choix Soit lui demander de compléter un champ pour...
Javascript - L'objet window VoirLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...

1

PhP, le 12 mar 2002 à 23:07:16

Bonsoir Ferdinand,

Plutôt bizarre ton code ...

Je serais toi j'écrirais ceci :

function navigation(x,y)
{
param="scrollbars=no,width="+x+",height="+y;
// Test si fenêtre jamais créé
if (!fen)
{
fen=window.open("","popup",param)
}
else
{
// Test si fenêtre pas déjà fermée
if (!fen.closed)
{
// Redimentionner la fenêtre
fen.resizeTo(x,y);
}
else
{
// Récréer la nouvelle fenêtre
fen=window.open("","popup",param)
}
fen.focus();
}
}
Et pour un popup 320x420 :

<a href="Figure_05.html" target="fiche" onClick="navigation(320,420)">lien</a>

Et pour un popup 200x500 :

<a href="Figure_05.html" target="fiche" onClick="navigation(200,500)">lien</a>



@+
Philippe

[[  The Truth is Out There   ]]

Répondre à PhP

2

 PhP, le 12 mar 2002 à 23:09:25

Oops !

Il manque : var fen=null; avant la fonction ce qui donne :


<script language="Javascript">
<!--

var fen=null;

function navigation(x,y)
{
param="scrollbars=no,width="+x+",height="+y;
// Test si fenêtre jamais créé
if (!fen)
{
fen=window.open("","popup",param)
}
else
{
// Test si fenêtre pas déjà fermée
if (!fen.closed)
{
// Redimentionner la fenêtre
fen.resizeTo(x,y);
}
else
{
// Récréer la nouvelle fenêtre
fen=window.open("","popup",param)
}
fen.focus();
}
}


// -->
</script>


Sorry ...

Php

[[  The Truth is Out There   ]]

Répondre à PhP
Collection CommentÇaMarche.net