IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Ouverture d'une popups avec un <form en plein centre de l'ecran


Sujet :

JavaScript

  1. #1
    Membre régulier
    Inscrit en
    Février 2006
    Messages
    293
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 293
    Points : 77
    Points
    77
    Par défaut Ouverture d'une popups avec un <form en plein centre de l'ecran
    Bonjour, j'ai mis longtemps a avoir ce script (j'ai pris sa sur un site dans les sources) car il y 'a aucun sur des site javascript


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     <form action="dedicace/add_dedicaces.php" method="post" name="form1" target="_blank" id="form1" onsubmit="this.target = new Date().getMilliseconds(); w = window.open('', this.target, 'scrollbars=no, width=370, height=250, menubar=no, toolbar=no, resizable=no, screenX=50, screenY=50,'); if (w != null &amp;&amp; !w.closed) w.focus(); else this.target = '_top'; return(true);">
              <p align="center"><input type="hidden" name="nick2" value="<?php echo $nick; ?>" />
                <input type="submit" name="formbutton1" value="Envoie ta d&eacute;dicace" />
              </p>
            </form>
    comment f'audrais faire pour que sa ouvre la popups au centre de l'ecran pour faire plus beau ?


    voila merci d'avance

    j'ai essayer beaucoup mais sa marche pas

    faut surement placer un truc dans le onsubmit mais que je sais pas quoi et ou le mettre, sa ma mis plusieurs erreurs

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 664
    Points
    66 664
    Billets dans le blog
    1
    Par défaut
    dasn le onload de la fenetre de destination...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    resizeTo(h,w)
    moveTo(x,y)
    en récupérant le screenWidth et height ...

  3. #3
    Membre régulier
    Inscrit en
    Février 2006
    Messages
    293
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 293
    Points : 77
    Points
    77
    Par défaut
    ok merci j'viens de trouvé un <script>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <SCRIPT language="Javascript">
    <!--
    var win=null;
    function openfenetre(mypage,myname,w,h,scroll,pos){
    if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
    if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
    else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
    settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
    win=window.open(mypage,myname,settings);}
    //-->
    </SCRIPT>
    sa marche bien avec sa!!




    donc en gros:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <body bgcolor="#F4F5FA">
    <SCRIPT language="Javascript">
    <!--
    var win=null;
    function openfenetre(mypage,myname,w,h,scroll,pos){
    if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
    if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
    else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
    settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
    win=window.open(mypage,myname,settings);}
    //-->
    </SCRIPT>
    <table width="100%" height="10%" cellpadding="0" cellspacing="0">
      <tr>
        <td width="674"><p align="center">
    	 <iframe src="dedi.php" name="ifrm1" width="913" height="40" scrolling="No" frameborder="0" id="ifrm1"></iframe>
        </p></td>
        <td width="295"><p align="center"> </p>
                <form onclick="openfenetre('http://URL.com/dedicace/add_dedicaces.php?nick2=<?php echo $nick;?>','A','370','250','no','center')">
    <p align="center"><input type="hidden" name="nick2" value="<?php echo $nick; ?>" />            <input type="submit" name="formbutton1" value="Envoie ta d&eacute;dicace" />          </p>
                </form></td>
      </tr>
    </table>

    bonne soirée

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 7
    Dernier message: 31/07/2009, 12h45
  2. Ouverture d'une popup avec IE8
    Par Benzeghiba dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 15/07/2008, 17h22
  3. ouverture d'une popup grâce à un lien
    Par chti_juanito dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 28/04/2006, 15h04
  4. Ouverture d'une popup avec affichage d'information
    Par leloup84 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/02/2006, 19h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo