begin process at 2012 05 29 17:31:37
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Redimensionnement auto de fenêtre popup

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Redimensionnement auto de fenêtre popup

samedi 26 août 2006 à 16:59:23 | Redimensionnement auto de fenêtre popup

khroh
Bonjour,

Voici donc mon problème :

J'ai une page, avec une image (carte) mappée, qui envoi sur différentes pages. Pour les éléments nécéssitant pas mal d'information, le lien ouvre une page en lieu et place de la page principale, pour les autres, seule une fenêtre popup est ouverte (par la commande window.open), avec une image (472x312) et une légende plus ou moins longue.
Les dimensions de la fenêtre sont définies en fonction de mon affichage et de mon navigateur (mozilla), et problème, si l'on est sous IE, la police est plus grosse, et du coup, la fenêtre trop petite ...
Comme je ne peux/veux pas fixer la taille d'affichage de la police, je souhaiterais que la fenêtre s'adapte à la longueur effective du texte (sachant que la largeur resterait constante : 484px).
Comment faire ???

Merci de votre aide !
mardi 29 août 2006 à 21:24:00 | Re : Redimensionnement auto de fenêtre popup

PetoleTeam

Membre Club


B onjour...

Tu peux essayer un truc dans le style...

Création de la fonction
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
//-------------------
function Win_Resize(){
  var Haut;
  var Larg =484;
  if( document.body.scrollHeight)
    Haut = document.body.scrollHeight;
  else
    Haut = document.height;
  self.resizeTo( Larg, Haut);
} 
</SCRIPT>

Mise de l'événement sur BODY
<BODY onload="Win_Resize()";>


 ;0)
mardi 29 août 2006 à 21:59:48 | Re : Redimensionnement auto de fenêtre popup

khroh
Bonsoir,

Et tout d'abord merci pour le coup de main !

Bon je viens d'essayer ta solution, et le résultat est pour le moins inattendu ... m'enfin, c'est peut-être moi qui ai mal intégré le code. Voici donc un extrait de la source de ma page :

<BODY BACKGROUND="../sdr/images/back2.gif" onload="Win_Resize()";>
<FONT FACE=arial>

<DIV ID="overDiv" STYLE="position:absolute; visibility:hide;z-index:1;">
</DIV>

<SCRIPT LANGUAGE="JavaScript" SRC="../overlib.js">
</SCRIPT>

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
//-------------------
function Win_Resize(){
  var Haut;
  var Larg =484;
  if( document.body.scrollHeight)
    Haut = document.body.scrollHeight;
  else
    Haut = document.height;
  self.resizeTo( Larg, Haut);
}
</SCRIPT>
<IMG SRC="belfort.jpg" USEMAP="#belfort" BORDER="0">
<MAP NAME="belfort">
<AREA SHAPE=rect COORDS="477,305,487,315" HREF="#" onClick="window.open('bat-mit/dirigeables.htm','plan','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, left=50, top=50');return(false)" onMouseOver="overlib('Parc &agrave; ballons<BR>et &agrave; dirigeables')" onMouseOut="nd()">

Et donc sous mozilla, la fenêtre ouverte fait dans les 800 x 600
sous IE6, est est en pleine écran ...
par contre, si on actualise la fenêtre principale, elle se redimensionne en 484x800

mardi 29 août 2006 à 22:15:32 | Re : Redimensionnement auto de fenêtre popup

PetoleTeam

Membre Club


On modifie la fonction pour tenir compte du chargement de l'image comme suit

//-------------------
function Win_Resize(){
  var Haut;
  var Larg =484;
  if( document.body.scrollHeight)
    Haut = document.body.scrollHeight;
  else
    Haut = document.height;
  //-- Test si l'image est entiérement loadée
  if (document.images[0].complete)
    self.resizeTo( Larg, Haut);
  else
    setTimeout('Win_Resize()',250); // On rappelle la fonction
}

au passage les
 <SCRIPT LANGUAGE="JavaScript" SRC="../overlib.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
...
 </SCRIPT>
se placent entre les balises <HEAD> et </HEAD>

;0)
mardi 29 août 2006 à 22:26:39 | Re : Redimensionnement auto de fenêtre popup

khroh
Je viens de faire les modifs, et sous mozilla, aucun changement ...
par contre, sous IE, la fenêtre ouverte l'est bien avec une largeur de 484 ... mais en pleine hauteur
et j'ai toujours la page principale qui elle aussi s'ouvre en 484 de large ...
mardi 29 août 2006 à 23:13:34 | Re : Redimensionnement auto de fenêtre popup

PetoleTeam

Membre Club
essaies avec var Haut=400;
;0)
mercredi 30 août 2006 à 12:51:31 | Re : Redimensionnement auto de fenêtre popup

PetoleTeam

Membre Club


B onjour...

Je te livre le code suivant, pas optimisé, pour Analyse et Test

// BEGIN ////////////////////////////////
<HTML>
<HEAD>
<TITLE>Test Redimensionnement</TITLE>
<STYLE TYPE="text/css">
BODY { margin:0px;}
</STYLE>
 <SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
//-------------------
function WIN_Resize(){
  var Haut = 200;
  var Larg = 484;

  self.resizeTo( Larg, Haut);
  if( document.images[0].complete){
    if( window.innerWidth){
      L_Win = window.innerWidth;
      H_Win = window.innerHeight;
    }
    else{
      L_Win = document.body.clientWidth;
      H_Win = document.body.clientHeight;
    }
    L_Doc = document.body.scrollWidth;
    H_Doc = document.body.scrollHeight;
    if( H_Doc > H_Win){
      H_Doc -= H_Win;
      L_Doc -= L_Win;
      self.resizeBy( L_Doc, H_Doc);
    }
    else{
      H_Win -= H_Doc;
      L_Win -= L_Doc;
      self.resizeBy( L_Win, H_Win);
    }
  }
  else
    setTimeout("WIN_Resize()",100);
}
</SCRIPT>
</HEAD>
<BODY onload="WIN_Resize();">
<IMG SRC="photo_a_afficher.jpg"><BR>
La légende...
<BR>
</BODY>
</HTML>
 // END ////////////////////////////////

C'est pas trés commenté mais nul doute que tu vas tout comprendre...

 ;0)
jeudi 31 août 2006 à 01:44:05 | Re : Redimensionnement auto de fenêtre popup

PetoleTeam

Membre Club
Réponse acceptée !


L a même ne plus clair...

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
//-------------------
function WIN_Resize(){
  var Haut = 200;
  var Larg = 400;
  var DocRef;

  self.resizeTo( Larg, Haut);

  if( document.images[0].complete){
    //-- taille de la fenêtre
    if( window.innerWidth){
      L_Win = window.innerWidth;
      H_Win = window.innerHeight;
    }
    else{
      if( document.documentElement && document.documentElement.clientWidth)
        DocRef = document.documentElement;
      else
        DocRef = document.body;

      with( DocRef){
        L_Win = document.body.clientWidth;
        H_Win = document.body.clientHeight;
      }
    }   
    //-- taille du document
    L_Doc = document.body.scrollWidth;
    H_Doc = document.body.scrollHeight;

   //-- Delta redimensionnement
    Larg  = L_Doc - L_Win;
    Haut  = H_Doc - H_Win;
    self.resizeBy( Larg, Haut);
  }
  else
    setTimeout("WIN_Resize()",100);
  }
</SCRIPT>

Compatible IE et Fire F ox c'est sur...

 ;0)
jeudi 31 août 2006 à 11:48:44 | Re : Redimensionnement auto de fenêtre popup

khroh
A priori, ça semble être la bonne méthode d'intégrer le script dans la fenêtre appelée et non dans la fenêtre principale.

J'ai fais l'essai hier soir avec le script initial, sous mozilla ça marche toujours pas, par contre sous IE, c'est presque bon ... largeur ok, par contre hauteur un poil trop courte ...

Pour ton nouveau script, je regarde ça ce soir.

Et surtout encore merci pour l'aide !
samedi 2 septembre 2006 à 22:29:11 | Re : Redimensionnement auto de fenêtre popup

khroh
Bonsoir,

J'ai intégré ça, et vérifié en faisant varier les tailles d'affichage, sous IE, c'est parfait, la fenêtre se  redimensionne pour s'adapter à la taille choisie. Sous mozilla, par contre, il n'en tient toujours pas compte, mais bon, j'ai un paliatif : en fixant les dimensions du popup dans la fenêtre mère, j'ai le bon affichage pour mozilla, pour IE, de tout façon, il redimensionne, et si sous mozilla, la fenêtre est trop courte (taille de police plus grande que ce que j'ai prévu), il offre toujours la possibilité du défilement du reste de la page, même si la barre de défilement est désactivée.
Bref, je pense que ça va très bien aller comme ça !

Vraiment merci pour le temps consacré à résoudre mon problème !


Cette discussion est classée dans : page, fenêtre, auto, redimensionnement, popup

Répondre à ce message

Sujets en rapport avec ce message

Ouverture d'une fenêtre Popup en plein écran (avec la darre de titre).... [ par rem78 ] Bonjour,J'ai une page ou il y a un tableau qui présente les miniaturesde plusieurs photos et j'aimerais pouvoir ouvrir une page en plein écran en mode Redimensionnement auto [ par Farfadam ] Bonjour à tous,J'aurais voulu savoir comment le redimensionnement auto de la page s'effectuait sur ce site :  http://www.nero.com/nero7/fra/index.html Remplir un textarea à partir d'une fenêtre popup [ par adidas40 ] Bonjour tout le monde,Voilà, j'aimerai pouvoir changer le contenu d'un textarea qui se trouve sur une certaine page à partir d'une fenêtre popup.Je vo Problème de rafraîchissement d'une page parent [ par ideschamps ] Bonjour,Voilà je suis en train de modifier une application existante basée sur le principe de contrôleur.J'ai donc à chaque appel de fonctionnalité mo Javascript et plusieurs fonctions avec commande "ONCLICK" sur un même bouton [ par MSF38 ] Bonjour et merci à tous pour l'aide avec les scritps.[^^yeuxenlair] Petit nouveau dans le forum depuis 3 jours, en fait dans la catérorie des NULS. Popup dans la fenêtre index [ par paesmarc ] Bonjour à tous, J'aimerais pouvoir intégrer une petite 'fenêtre' (ou popup) dans le coin de ma page 'index' qui s'ouvre au passage de la souris comme POP UP [ par bm1982 ] Bonjour à Tous , J'ai un projet de developpement d'une appli CTI ... J'ai pas de soucis majeur .. Mais j'ai envi d'ajouter quelque chose pour pousser Fenêtre d'aide jquery ou autre [ par cocombo ] Bonjour, Je suis à valider une option que j'aimerais implanter sur un site internet. Je tente de savoir au départ si c'est possible. Et si oui, j'a recuperer le contenu d'une selection provenant d'une base de données da [ par patingfree ] Bonjour, C'est mon tout premier script en javascript et je voudrais récupérer le contenu de la sélection d'une liste provenant d'une popup et renseign Window.open window.close [ par mrassaa ] Salut à tous (et bonne année). Voila, je veux créer un popup qui sera appelé à travers une application Flash avec getUrl() (tout ça, ça marche : c'es


Nos sponsors


Sondage...

Comparez les prix


Mio - Moov V735 - GPS Europe - Ecran 7"
Entre 305€ et 375€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,108 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)