comment faire une sorte de pop up

comment faire une sorte de pop up - HTML/CSS - Programmation

Marsh Posté le 08-12-2005 à 14:09:52    

Salut,
 
dans une page HTML, je veux faire un lien vers une autre page qui s'ouvre dans une nouvelle fenètre, plus petite, limitée en fonction et surtout de taille définie.
 
On m'a proposé ce type de code :
 
a href="javascript:void(0)" onclick="window.open('nom.htm','','menubar=0, status=0, location=0, scrollbars=1, resizable=0, width=310, height=290, top=0,left=0')"  
 
Vous pouvez me dire ce que vous en pensez.
 
Merci

Reply

Marsh Posté le 08-12-2005 à 14:09:52   

Reply

Marsh Posté le 08-12-2005 à 14:22:55    

On ne met jamais de grosse bêtises du genre href="javascript:void(0)". On utilise pas non plus de <a>, mais on utilisera un <span> (avec un peu de style CSS, au pire)

Reply

Marsh Posté le 08-12-2005 à 14:26:18    

Heu, ben chuis bien dans la merde parceque je ne sais pas utiliser ce dont tu me parles.
 
Puis je avoir une solution plus explicite ? D'avance merci.
 
PS : mon code fonctionne, je veux juste qu'il ne soit pas trop moche.

Reply

Marsh Posté le 08-12-2005 à 14:28:04    

Déjà il nous faut un renseignement : est-ce que la page affichée en popup contient des informations importantes ou vitales ?

Reply

Marsh Posté le 08-12-2005 à 14:28:22    

FlorentG a écrit :

On ne met jamais de grosse bêtises du genre href="javascript:void(0)". On utilise pas non plus de <a>, mais on utilisera un <span> (avec un peu de style CSS, au pire)


Moi j'aurais dis de mettre un href="#1", par exemple, mais comment il fait si il veut que son texte ait l'apparence d'un lien et change d'apparence au passage de la souris ?


Message édité par The-Shadow le 08-12-2005 à 14:28:55
Reply

Marsh Posté le 08-12-2005 à 14:29:06    

En général, on mettera dans le href la page qui est dans le popup...

Reply

Marsh Posté le 08-12-2005 à 14:30:25    

La page HTML à ouvrir contient une animation Flash dans ce cas précis, mais je peux avoir autre chose.
 
-- merci pour votre aide, j'ai ce boulot à faire pour demain et je ne voudrait pas avoir un code trop à la con --
 
Pour l'instant j'ai :
 
<a href="javascript:void(0)" onclick="window.open('nomfeuille.htm','','menubar=0, status=0, location=0, scrollbars=1, resizable=0, width=310, height=290, top=0,left=0')" > (voir l'animation) </a>


Message édité par jef_ le 08-12-2005 à 14:32:47
Reply

Marsh Posté le 08-12-2005 à 14:32:46    

Bah florentG t'as répondu :

Code :
  1. <a href="nom.htm" onclick="window.open('nom.htm','Nom de ma fenêtre','menubar=0, status=0, location=0, scrollbars=1, resizable=0, width=310, height=290, top=0,left=0'); return false;"


Le return false, c'est pour ne pas qu'il t'ouvre 2 fois la fenêtre.


Message édité par The-Shadow le 08-12-2005 à 14:33:22
Reply

Marsh Posté le 08-12-2005 à 14:34:29    

Merci, merci, merci ...
 
Encore une question : est-il possible que la page qui s'ouvre soit "devant" la première  ...  et que même en cliquant sur le première, cette dernière ne passe pas en position 1  ... heu, je suis clair ?
 
Et pour un affichage au centre de l'écran ? Parceque avec ce code ça va se mettre en haut à gauche, non ?


Message édité par jef_ le 08-12-2005 à 14:35:32
Reply

Marsh Posté le 08-12-2005 à 14:38:50    

Pour centre dans l'écran, moi je fais comme ça :

Code :
  1. <script type="text/javascript">
  2. <!--
  3. window.resizeTo(300,200)
  4. var largeur=screen.availWidth;
  5. var hauteur=screen.availHeight;
  6. var demiL=((largeur-300)/2);
  7. var demiH=((hauteur-200)/2);
  8. window.moveTo(demiL,demiH);
  9. //-->
  10. </script>


à placer entre les <head> et le </head> de la page qui s'ouvre, dans cet exemple, la page qui s'ouvre fait 300x200px.


Message édité par The-Shadow le 08-12-2005 à 14:39:25
Reply

Marsh Posté le 08-12-2005 à 14:38:50   

Reply

Marsh Posté le 08-12-2005 à 14:40:55    

Et bien je vous suis redevable pour ces infos, merci encore une fois.  
Et pour la possibilité d'avoir une fenètre "toujours au premier plan", c'est possible ?

Reply

Marsh Posté le 08-12-2005 à 14:43:05    

C'est pas super comme comportement ;), tes visiteurs vont pas aprécier...
 
Donc laisse tombé cette idée..

Reply

Marsh Posté le 08-12-2005 à 14:44:44    

jef_ a écrit :

Et bien je vous suis redevable pour ces infos, merci encore une fois.  
Et pour la possibilité d'avoir une fenètre "toujours au premier plan", c'est possible ?


 
dans ta page nom.htm  
 
tu met  

Code :
  1. <body onload="this.focus();">


 :)  

Reply

Marsh Posté le 08-12-2005 à 14:47:32    

C'est pour des élèves, et pour leur monter des démo de cours, donc c'est pour les aider, pas pour les bloquer.

Reply

Marsh Posté le 08-12-2005 à 14:53:43    

J'ai testé :
 
<a href="nom.htm" onclick="window.open('nom.htm','Nom de ma fenêtre','menubar=0, status=0, location=0, scrollbars=1, resizable=0, width=310, height=290, top=0,left=0'); return false;"
 
mais la fenètre ne se dimensionne pas à la taille voulu !!!
 
Le code :
 
<a href="nomfeuille.htm" target="_blank" onclick="window.open('nomfeuille.htm','renommer une feuille','menubar=0, status=0, location=0, scrollbars=1, resizable=0, width=30, height=30, top=0,left=0'); return false;">la feuille de calcul. </a>

Reply

Marsh Posté le 08-12-2005 à 15:04:31    

J'ai rien dit, c'est le nom de la page qui posait un soucis ....

Reply

Marsh Posté le 08-12-2005 à 16:21:13    

jef_ a écrit :

C'est pour des élèves, et pour leur monter des démo de cours, donc c'est pour les aider, pas pour les bloquer.


 
oki cas particulier alors ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed