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 :

Centrer une fen�tre popup


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Novembre 2012
    Messages
    36
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : High Tech - Mat�riel informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 36
    Par d�faut Centrer une fen�tre popup
    Bonjour,
    je suis entrain de cr�e un site web et je veux center ma fen�tre de connexion (popup) au milieu de l'�cran et que �a soit de 300 de largeur et 200 de hauteur

    quant � mon code le voil� :
    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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    <script language="javascript" type="text/javascript">
     
    function act(log)
    {
    	javascript:parent.opener.location.reload();window.close();
    }
     
    function gradient(id, level)
    {
    	var box = document.getElementById(id);
    	box.style.opacity = level;
    	box.style.MozOpacity = level;
    	box.style.KhtmlOpacity = level;
    	box.style.filter = "alpha(opacity=" + level * 100 + ")";
    	box.style.display="block";
    	return;
    }
     
     
    function fadein(id) 
    {
    	var level = 0;
    	while(level <= 1)
    	{
    		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
    		level += 0.01;
    	}
    }
     
     
    // Open the lightbox
     
     
    function openbox(formtitle, fadin, w, h)
    {
     
     
      var box = document.getElementById('box'); 
      document.getElementById('shadowing').style.display='block';
     
      var btitle = document.getElementById('boxtitle');
      btitle.innerHTML = formtitle;
     
      if(fadin)
      {
    	 gradient("box", 0);
    	 fadein("box");
      }
      else
      { 	
        box.style.display='block';
      } 
     
    }
     
     
    // Close the lightbox
     
    function closebox()
    {
       document.getElementById('box').style.display='none';
       document.getElementById('shadowing').style.display='none';
    }
     
    </script>
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    <a href="#" onclick="openbox('Connexion EstoCovoiturage', 1,)" id="id1"> | <b>Connexion</b> |</a>

  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 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    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 659
    Billets dans le blog
    1
    Par d�faut
    y'a pas un code dasn la FAQ pour �a ?
    en tout cas le sujet a d�j� �t� trait�, une recherche s'impose ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    D�j�
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    function act(log)
    {
    	javascript:parent.opener.location.reload();window.close();
    }
    Aussi surprenant que cela puisse paraitre, javascript: n'est pas une instruction JavaScript !
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. centrer une fen�tre popup (pas comme dans la faq)
    Par cyrano_de_bergerac dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 13/10/2010, 15h48
  2. Comment centrer une fen�tre sur l'�cran?
    Par bygui dans le forum Interfaces Graphiques en Java
    R�ponses: 1
    Dernier message: 07/04/2006, 10h25
  3. Centrer une fen�tre ouverte avec window.open et statusbar
    Par Micha�l dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 02/01/2006, 13h07
  4. Erreur sur l'ouverture d'une fen�tre popup
    Par misa dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 25/11/2005, 15h21
  5. [Javascript] Probl�me avec une fen�tre popup.
    Par mika0102 dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 18/05/2005, 10h50

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