|
| auteurs : simone.51, denisC |
Lorsque l'on arrive sur certains sites, on est souvent submergé par l'ouverture intempestive de pop-up qui nous mettent de mauvais poil pour
toute la journée !!!
A partir de maintenant, vous allez tout connaître sur ces pop-up...
window.open("page.htm","PopUp",
"width=500,height=350,location=no,status=no,toolbar=no,scrollbars=no");
|
Si l'on met ce code dans l'événement "onLoad" de la balise Body, dès le chargement de la page Html, une popup s'ouvrira.
Caractéristiques de la pop-up :
- Elle contient le contenu de la page " page.htm "
- Elle a pour nom "PopUp "
- Le dernier attribut donne les caractéristiques de la fenetre:
- width : La largeur de la fenetre (ici 500 pixel)
- height : La hauteur de la fenetre (ici 350 pixel)
- location : Controle l'affichage de la barre d'adresse (ici no, pas de barre d'adresse)
- statut : Controle l'affichage de la barre de statut (ici no, pas de barre de statut)
- toobar : Controle l'affichage de la barre d'outils (ici no, pas de barre d'outils)
- scrollbars : Controle l'affichage des ascenceurs (ici no, pas de barre d'asenceur)
- left : La position horizontale sur l'écran (en pixels)
- top : La position verticale sur l'écran (en pixels)
- fullscreen : Ouverture de la fenetre en plein écran (IE > 5 seulement)
- resizable : Permet ou non de redimensionner la fenetre (yes/no)
|
|
| auteur : simone.51 |
Certaines fois, il est utile de modifier, ou d'executer des fonctions depuis une pop up overte par une autre fenêtre (fenêtre mère).
opener.location.replace('page.html');
|
Si vous voulez recharger la page mère :
opener.location.reload();
|
Pour executer une méthode utilisateur sur la fenetre mère:
|
|
| auteurs : BrYs, denisC |
Pour un popup :
<a href="#" onClick="window.close();">Fermer</a>
|
Pour un fenêtre classique (pour eviter la boite de dialogue) :
<a href="#" onClick="opener=self;self.close();">fermer</a>
|
Remarque : Dans Firefox, il est impossible pour un script de fermer une
fenetre ouverte par l'utilisateur (par opposition à une fenetre ouverte par un script).
|
|
| auteur : simone.51 |
Dans certains cas, on a besoin d'afficher une fenêtre modale, c'est-à-dire, une fenêtre que l'internaute est obligé de fermer s'il veut continuer
sa navigation.
Par conséquent, tant que l'internaute n'aura pas fermé cette fenetre, elle restera par dessus toutes les autres.
window.showModalDialog("page.html",null,
"dialogWidth:430px;dialogHeight:280px;center:1;scroll:0;help:0;status:0");
|
Les deux premiers paramètres correspondent aux mêmes paramètres que pour ouvrir une popup.
Par contre, il y'a du changement dans les caractéristiques mais cela reste sensiblement équivalent.
Cepandant, il ne faut pas s'y mélanger les pinceaux sinon, ça marche pas!!!
|
|
| auteur : simone.51 |
Pour ouvrir une fenêtre affichant le contenu d'un répertoire, il suffit de faire:
<script type='test/javascript'>
url="file:\\c:/";
window.open(url);
</script>
|
|
|
| auteur : simone.51 |
Voici le code pour une popup :
<script type="text/javascript">
function openwindows()
{
window.open("ipage.html", "",
"width=460,height=150,scrollbars=0,left=" +
((screen.width - 460)/2) + ",top=" + ((screen.height - 150)/2) )
}
</script>
|
Et voici le code pour une fenêtre modale :
window.showModalDialog("page.html",null,
"dialogWidth:460px;dialogHeight:150px;center:1;scroll:0;help:0;status:0");
|
|
|
| auteur : simone.51 |
<script language="JavaScript">
function TestFenetre() {
if(nom_Fenetre.closed == false) {
}
else{
}
}
</script>
|
|
|
| auteur : simone.51 |
window.resizeTo(Largeur, Hauteur);
|
|
|
| auteurs : SpaceFrog, simone.51 |
Mauvaise nouvelle : c'est impossible en javascript
Bonne nouvelle on peut facilement le simuler comme suit
<script language="javascript">
show=1
function minimize(){
moveBy(4000,4000)
show=0
}
function reshow(){
if(show==0){
moveBy(-4000,-4000)
show=1
}
}
</script>
|
il suffit de déplacer la fenêtre hors du champ visible
Exemple : <body onfocus="reshow()">
<input type="button" value="coucou" onclick="minimize()">
</body>
|
|
|
| auteur : SpaceFrog |
L'astuce consiste à passer par un popup pour lequel on peut définir les paramètres:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>No tool bar</title>
<script type='text/Javascript'>
function notoolbar(){
if(window.name!='nouveau'){
window.open(window.top.location.href,'nouveau',
'width='+(parseInt(screen.width)-10)+',height='+screen.height+
',top=0,left=0,toolbar=no') ;
window.opener=self;
self.close() ;
}
}
</script>
</head>
<body onload="notoolbar()">hello !!! </body>
</html>
|
Attention ce code ne pfcntionne pas sous NS ni FFoX
|
|
| auteur : simone.51 |
Pour IE, il existe un attribut lors de l'ouverture des pop-ups qui peut
préciser que la fenêtre doit être ouverte en plein écran : fullscreen=1.
Pour les autres navigateurs, ce code peut faire l'affaire:
fen = window.open('fenetre1.html','',
'toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1,
copyhistory=0, menuBar=0,fullscreen=0');
fen.moveTo(0,0);
fen.resizeTo(screen.width,screen.height);
|
|
|
| auteur : Jérôme |
Pour recharger le même document qui se trouve actuellement dans un cadre,
on utilise la méthode reload() de l'objet Location.
Lorsqu'il s'agit du document dans lequel se trouve le javascript,
cadre est à remplacer par le mot-clé window ou bien self.
Lorsque l'on se trouve dans un jeu de cadres (frameset), pour mettre à jour
le cadre A (cadreA) depuis le cadre B (cadreB), on va écrire :
| recharger un cadre dans un frameset | parent.frames['cadreA'].location.reload();
|
Si l'on veut changer le document, et non faire un simple reload,
on va utiliser la méthode replace plutôt que reload.
| modifier l'emplacement un cadre dans un frameset | parent.frames['cadreA'].location.replace('autrepage.htm');
|
|
|
| auteur : BrYs |
Il faut pour cela rajouter un évenement onclick dans le lien ayant fait le
changement dans la frame: | changer de titre lors du rechargement d'une frame | <a href="lien.htm" target="maframe" onClick="top.document.title = 'nouveau titre'">monlien</a>
|
|
Consultez les autres F.A.Q's
Les sources présentées sur cette page sont libres de droits
et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation
constitue une œuvre intellectuelle protégée par les droits d'auteur.
Copyright © 2004 Developpez Developpez LLC.
Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne
peut être faite de ce site ni de l'ensemble de son contenu : textes, documents
et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez
selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.
