OUVRIR UNE FENETRE

REALISER UN POP-UP

INFOS de BASE   |   REALISER le Pop-Up   |  UTILISER   |   FERMER le Pop-Up

Infos :

Listing rapide des attributs de la fenêtre :

pour netscape :
  barre d'outils personnels => personalbar=1
  barre des menus => menubar=1
   
pour internet explorer :
  barre d'outils personnels (ou des favoris) => favorites=1/0
   
internet explorer sur pc
  barre des menus => ???? menu=1/0
  barre de titre => title=0/1 (sous reserve, a verifier)
  barre d'adresses ? => directory=0/1 (sous reserve, a verifier)
  historique => copyhistory=0/1 (sous reserve, a verifier)
   
communs pour IE et NC
  barre d'adresse => location=0/1
  barre des status (barre d'etat) => status=0/1
  barre des boutons de navigation => toolbar=1/0
  fenetre redimensionnable => resizable=0/1 (1 par defaut)
  ascenseurs => scrollbars=1/0 (normalement 1 par defaut) (NN6 restant touj en automatique) 

Utilitaire :

Pour réaliser facilement une fonction JavaScript de Pop-Up en lui réglant, si nécessaire, la position, la taille et l'habillage.
On pourra ainsi créer un Pop-Up de dimensions finies et réutilisable.
Une fonction d'auto-fermeture peut être incluse dans ce Pop-Up (fera l'objet d'un autre chapitre - voir les autres pages sur le sujet des fenêtres dans le Vrac)

REGLAGES   |   CODE PRINCIPAL   |   LANCER le PopUp   |   FERMER le PopUp   |   Haut Page

1 - Fonction Principale :

En remplissant les cases suivantes et en faisant les choix des attributs de la fenêtre, le code du PopUp s'auto-généra en direct et sera disponible pour :
- Tester tout de suite (penser à le faire dans plusieurs navigateurs, ne pas se fier aux réaction d'un seul).
- Copier le code pour utilisatin dans vos pages.

NAVIGATION

 Nom de la Fenêtre ATTENTION ! Le nom de la fenetre DOIT commencer par une lettre

  url ou Adresse de la page (par défaut ==> 'page_test.htm')

 

TAILLE de FENETRE :

POSITION FENETRE :

  Largeur     Pleine largeur
  Hauteur    Pleine hauteur

  Marge Haute ( si taille définie ==> par défaut = 0 )
  Marge Gauche ( si taille définie ==> par défaut = 0 )

 nota : si Largeur OU Hauteur n'est pas définie ==> Hauteur ET Largeur "normales"

OTIONS D'AFFICHAGE

Pour un code minimaliste sans aucune option cocher cette case  (la décocher pour avoir les options)
Attention ! Sans les options, les résultats sont très différents d'un navigateur à l'autre.

objectif

choix

code

Barre de Menu :

oui   non

 menu  menubar

logotype logotype2

Barre de Menu (IE-PC) :

oui   non

* menuBar

logotype logotype2

Mettre dans l'Historique (IE-PC) :

oui   non

* copyhistory

logotypelogotype2

Barre des répertoires ? (IE -PC) :

oui   non

* directory

logotype logotype2

Barre de titre (réservé à IE pour PC) :

oui   non

* title

logotype logotype2

Barre d'Outils (navigation) :

oui   non

  toolbar

logotype logotype2

Barre d'Adresse :

oui   non

 location

logotype logotype2

Barre des Favoris (ou outils persos) :

oui   non

 favorites  personalbar

logotype logotype2

Barre d'Etat (ou de Status ) :

oui   non

 status

logotype logotype2

Ascenseurs (barres de scroll) :

oui   non

 scrollbars

logotypelogotype2

Redimension ("case de" ou à la souris) :

oui   non

 resizable

logotype logotype2

* N'étant pas sûr de ces attributs, merci de les tester avec IE sur PC et de m'avertir

      Revoir Réglages :   NAVIGATION   POSITION   AFFICHAGE

Code des options de la Fenetre

Code des options de la fenetre ( Variante d'écriture du code)

Code de la fonction d'ouverture    TESTER        Copier le code

Code de la fonction (VARIANTE)    TESTER        Copier le code


Resultats du test :

adresse

Rappel ( valeurs demandées ) :   Largeur =   Hauteur =

perso

Zone de la fenêtre

Largeur

Hauteur

Navigateur :

outils

Totale :

scroll

Affichable :

etat

  IE ne veut pas me donner les infos de taille

Re-Tester

redim


 

REGLAGES   |   CODE PRINCIPAL   |   LANCER le PopUp   |   FERMER le PopUp   |   Haut Page

2 - LANCER LE POP-UP par un lien

Permet l'affichage de la page demandée, même si le JavaScript n'est pas activé.
Les appels à des Pop-ups devraient toujours se faire de cette manière ! ! !
 

  1. Solution 1 (rappel de HTML)
     
    En HTML "normal" sans appel à une fonction
    Le lien : <a href="page_test_lien.htm" target="_blank">Le lien</a>
     
  2. Solution 2
     
    Le lien : <a href="page_test_lien.htm" onclick="PopLk();" target="VoirIci">Le lien</a>
    Le code de la fonction :   TESTER        Copier le code

     
  3. Solution 3
     
    Le lien : <a href="page_test_lien.htm" onclick="PopLk2(this.href); return false;" target="VoirIci">Le lien</a>
    Le code de la fonction :   TESTER        Copier le code

     

  

REGLAGES   |   CODE PRINCIPAL   |   LANCER le PopUp   |   FERMER le PopUp   |   Haut Page

3 - FERMER le POP-UP

Grâce à l'une des fonctions ici proposées, la fenêtre du Pop-Up a reçu un nom.
On pourra donc facilement refermer cette fenêtre

  1. Etape 1 : vérifier que le pop-up nommé MonPopUp par exemple, est ouvert
     
    if(!(MonPopUp) || MonPopUp .closed) '';
    else

    Si MonPopUp n'existe pas ou que MonPopUp est fermé ==> ne rien faire
    Sinon ...
     
  2. Etape 2 : Fermer le pop-up
     
    MonPopUp.close();
    Fermer MonPopUp
     
    Le code de la fonction :   TESTER        Copier le code

fermer

 

Voir dans la page du
Vrac
pour d'autres fonctionnalités d'ouveture de pages

Ouverture (et re-direction) à l'ouverture
Re-dimensionnement
Re-position
Centrage du PopUp
Faire bouger le PopUp
Modifier le contenu du PopUp

REGLAGES   |   CODE PRINCIPAL   |   LANCER le PopUp   |   FERMER le PopUp   |   Haut Page