Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2890 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  centrage popup

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

centrage popup

n°392385
Ze Postman
yenamarre
Posté le 10-11-2003 à 02:44:14  profilanswer
 

j'aurais besoin de tes lumières concernant le centrage d'un popup.
g une page index avec un bouton dessus. sur ce bouton g mis uune action "ouvrir la fenetre navigateur" afin d'avoir une fenetre popup. Je sais pas si c la bonne méthode amis en tt cas ça fonctionne. Je te dis ça paske en allant sur allhtml.com g vu une partie de code mais je savais pas trop koi en faire. Bref.
En fait mon pb serait de savoir comment à partir de ce ke j'ai fais, centrer le popup sur la fenetre index.
 
 
ce que j'ai moi avec l'action:
balise head:
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
 
 
balise td:
onClick="MM_openBrWindow('gabarit_popup.html','PostprodStudio','resizable=yes,width=750,height=405')">
 
 
ce que me donnait le site:
http://www.allhtml.com/javascript/javascript488.php
 
 
Donc finalement, est ce que je peux centrer tt en gardant mon action?


---------------
www.PostProdStudio.fr.st
mood
Publicité
Posté le 10-11-2003 à 02:44:14  profilanswer
 

n°392386
fedeic
Raspoutine croit en M.oi
Posté le 10-11-2003 à 02:54:04  profilanswer
 

Euh..... monsieur Ze t'es sûr que c'est pas un MP à je sais pas qui que tu voulais faire?

n°392387
Ze Postman
yenamarre
Posté le 10-11-2003 à 03:40:03  profilanswer
 

fedeic a écrit :

Euh..... monsieur Ze t'es sûr que c'est pas un MP à je sais pas qui que tu voulais faire?


 
 
oui en effet  :whistle:  
trompage, mais si tu veux répondre te gènes pas  :D


---------------
www.PostProdStudio.fr.st
n°392388
fedeic
Raspoutine croit en M.oi
Posté le 10-11-2003 à 04:26:29  profilanswer
 

Alors au hasard je dirais oui!
[:fedeic]

n°392389
Ze Postman
yenamarre
Posté le 10-11-2003 à 05:26:43  profilanswer
 

lol


---------------
www.PostProdStudio.fr.st
n°392426
aozora
Posté le 10-11-2003 à 13:02:41  profilanswer
 

alors aprioris je dirais ( attention j'y connais kasi rien an javascript)  
 
tu vires toute la partie javascript actuelle de ton head
tu colle a la place la 1ere partie de code fournie par allhtml
 
la partie kil ya dans ton td tu tu la vire et tu met ça:
 
<a href='javascript:popupcentree("gabarit_popup.html",750,405,"menubar=no,scrollbars=no,statusbar=no" )'>Popup</a>


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
n°392458
the real m​oins moins
Posté le 10-11-2003 à 17:22:02  profilanswer
 

euh, aozora, faudrait ptet definir la fonction "popupcentree" qque part tu crois pas :D


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°392459
aozora
Posté le 10-11-2003 à 17:26:11  profilanswer
 

the real moins moins a écrit :

euh, aozora, faudrait ptet definir la fonction "popupcentree" qque part tu crois pas :D


 
ah bah j'ai dis que j'y connaissais rien hein...et pis sans tester bah c de l'aveuglette....enfin bon, j'essaie de l'aider [:spamafote]


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
n°392463
Ze Postman
yenamarre
Posté le 10-11-2003 à 17:34:00  profilanswer
 

ouai vais essayer ça


---------------
www.PostProdStudio.fr.st
n°392464
the real m​oins moins
Posté le 10-11-2003 à 17:44:45  profilanswer
 

aozora a écrit :


 
ah bah j'ai dis que j'y connaissais rien hein...et pis sans tester bah c de l'aveuglette....enfin bon, j'essaie de l'aider [:spamafote]

ben vi mais là je peux déjà te dire que ça marchera pas ;)
je regarde si j'ai de quoi sous la main mais ici je pense pas
 


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
mood
Publicité
Posté le 10-11-2003 à 17:44:45  profilanswer
 

n°392467
the real m​oins moins
Posté le 10-11-2003 à 18:03:28  profilanswer
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>test</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
  6. <link rel="stylesheet" href="default.css" type="text/css"/>
  7. <script language=javascript><!--
  8.   function pop(w,h) {
  9.     var x = (screen.width - w) / 2;
  10.     var y = (screen.height - h) / 2;
  11.     win = window.open('','popup','location=no,titlebar=no,toolbar=yes,directories=no,menubar=no,resizable=yes,scrollbars=yes,status=no,Width='+w+',Height='+h+',left='+x+',top='+y);
  12.     win.focus();
  13.   }
  14.   //-->
  15. </script>
  16. </head>
  17. <body>
  18. <p><a href="http://www.google.com" target="popup" onclick="pop(200, 400)">pouet</a>
  19. </p>
  20. </body>
  21. </html>


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°392475
the real m​oins moins
Posté le 10-11-2003 à 18:54:51  profilanswer
 

[:zozo]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°392476
Ze Postman
yenamarre
Posté le 10-11-2003 à 19:00:40  profilanswer
 

bon alors décodage maintenant
la balise head g pigé mais la balise body en fait je met ça sur mon bouton enter avec la balise td?


---------------
www.PostProdStudio.fr.st
n°392477
Ze Postman
yenamarre
Posté le 10-11-2003 à 19:03:02  profilanswer
 

mais c pas marqué kil est centré le popup là ??


---------------
www.PostProdStudio.fr.st
n°392478
the real m​oins moins
Posté le 10-11-2003 à 19:03:07  profilanswer
 

attend t'avais un onclik sur un td??


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°392479
the real m​oins moins
Posté le 10-11-2003 à 19:03:22  profilanswer
 

comment ça c'est pas *marqué* ?


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°392480
dd_005
multitask user
Posté le 10-11-2003 à 19:12:09  profilanswer
 

J'avais récupèré ca je sais plus trop ou. Y'a moyen de faire qqch de beaucoup moins compliqué parce que là le but était de centrer une popup en fonction de la taille de l'image présentée


<script LANGUAGE="JavaScript">
function getonme() {
el = event.srcElement ;
if (el.getAttribute("litUp1" ) != null) {
el.className = "onme1" ;
}
}
function getoffme() {
el = event.srcElement ;
if (el.getAttribute("litUp1" ) != null) {
el.className = "offme";
}
}
document.onmouseover = getonme ;
document.onmouseout = getoffme ;
function AfficherImage(img,nom){
  Image1= new Image();
  Image1.src=(img);
  Control(img,nom);
}
function Control(img,nom){
  if((Image1.width!=0)&&(Image1.height!=0)){
    VoirImage(img,nom);
  }
  else{
    fonction="Control('"+img+"')";
    intervalle=setTimeout(fonction,20);
  }
}
function VoirImage(img,nom){
  largeur=Image1.width+20;
  hauteur=Image1.height+100;
var winl = (screen.width - largeur) / 2;
var wint = (screen.height - hauteur) / 2;
var url = 'affichage_g.php?nom='+nom+'';
winprops = 'height='+hauteur+',width='+largeur+',top='+wint+',left='+winl+',scrollbars=,resizable=yes';
  proprietes="width="+ largeur +",height="+ hauteur;
  win=window.open(url,"",winprops);
}
</script>


avec ca...


echo "<td valign=\"top\"><a href=\"javascript:AfficherImage('picts/$res[2]','$res[2]')\"><img border=\"0\" src=\"picts/_$res[2]\"></a>";


 
je sais pas si ca peut t'aider [:spamafote]


---------------
http://blog.numerisound.com
n°392481
dd_005
multitask user
Posté le 10-11-2003 à 19:15:21  profilanswer
 

pinaise, d'un coup je comprend à moitié pourquoi ca marchait une fois sur 2. La moitié du truc est "inutil" si je me trome pas et j'appelais pas la bonne fonction...
Donc ca serait plutot ca:
 
echo "<td valign=\"top\"><a href=\"javascript:VoirImage('picts/$res[2]','$res[2]')\"><img border=\"0\" src=\"picts/_$res[2]\"></a>";
 
avec ca:
<scipt LANGUAGE="JavaScript">
function VoirImage(img,nom){
  largeur=Image1.width+20;
  hauteur=Image1.height+100;
var winl = (screen.width - largeur) / 2;
var wint = (screen.height - hauteur) / 2;
var url = 'affichage_g.php?nom='+nom+'';
winprops = 'height='+hauteur+',width='+largeur+',top='+wint+',left='+winl+',scrollbars=,resizable=yes';
  proprietes="width="+ largeur +",height="+ hauteur;
  win=window.open(url,"",winprops);
}
</script>
 


---------------
http://blog.numerisound.com
n°392484
Ze Postman
yenamarre
Posté le 10-11-2003 à 19:25:15  profilanswer
 

the real moins moins a écrit :

attend t'avais un onclik sur un td??


 
ah en fait ouai g mis un onclick pour ke mon action "ouvrir la fenetre" se passe en cliquant sur enter


---------------
www.PostProdStudio.fr.st
n°392485
Ze Postman
yenamarre
Posté le 10-11-2003 à 19:26:51  profilanswer
 

dd_005 a écrit :

pinaise, d'un coup je comprend à moitié pourquoi ca marchait une fois sur 2. La moitié du truc est "inutil" si je me trome pas et j'appelais pas la bonne fonction...
Donc ca serait plutot ca:
 
echo "<td valign=\"top\"><a href=\"javascript:VoirImage('picts/$res[2]','$res[2]')\"><img border=\"0\" src=\"picts/_$res[2]\"></a>";
 
avec ca:
<scipt LANGUAGE="JavaScript">
function VoirImage(img,nom){
  largeur=Image1.width+20;
  hauteur=Image1.height+100;
var winl = (screen.width - largeur) / 2;
var wint = (screen.height - hauteur) / 2;
var url = 'affichage_g.php?nom='+nom+'';
winprops = 'height='+hauteur+',width='+largeur+',top='+wint+',left='+winl+',scrollbars=,resizable=yes';
  proprietes="width="+ largeur +",height="+ hauteur;
  win=window.open(url,"",winprops);
}
</script>
 
 


 
 
euhhh oui surement :whistle:  
 
faut pas oublier que c mon premier site et que c aussi la première fois ke je m'atèle au html donc je pige pas tout.


---------------
www.PostProdStudio.fr.st
n°392487
dd_005
multitask user
Posté le 10-11-2003 à 19:35:38  profilanswer
 

Ze Postman a écrit :


 
 
euhhh oui surement :whistle:  
 
faut pas oublier que c mon premier site et que c aussi la première fois ke je m'atèle au html donc je pige pas tout.


ok, alors je vais un peu expliquer ce que je comprends...


<td valign="top"><a href="javascript:wOpenurl('popup.html')">Popup</a></td>
 
<scipt LANGUAGE="JavaScript">
function wOpenurl(url){
 largeur=400;                        //largeur de la popup
 hauteur=300;                        // Hauteur
var winl = (screen.width - largeur) / 2;         //pour centrer en largeur
var wint = (screen.height - hauteur) / 2;          // pareil pour la verticale
var url = '+url+';          
winprops = 'height='+hauteur+',width='+largeur+',top='+wint+',left='+winl+',scrollbars=,resizable=yes';
 proprietes="width="+ largeur +",height="+ hauteur;    //ici on donne les attribut d'avant à la popup
 win=window.open(url,"",winprops);    //et là on ouvre la popup
}
</script>


 
hmm, je suis pas du tout sûre de moi sur ce coup, surtout après la transformation que j'ai faite (j'ai jamais fait de java script :o )


Message édité par dd_005 le 10-11-2003 à 19:41:26

---------------
http://blog.numerisound.com
n°392499
lennelei
Posté le 10-11-2003 à 20:13:14  profilanswer
 

je me permets d'apporter quelques précisions ;)
 

Code :
  1. <html>
  2. <head>
  3. <script LANGUAGE="JavaScript">
  4. function wOpenurl(url) {
  5. //dimensions de la fenetre popup
  6. var largeur=400;
  7. var hauteur=300;
  8. //coordonnées utilisées pour centrer la popup
  9. var winl = (screen.width - largeur) / 2;
  10. var wint = (screen.height - hauteur) / 2;
  11. //propriétés de la popup:
  12. //1. attributs
  13. winprops  = "'fullscreen=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,directories=no,location=no,";
  14. //2. dimensions
  15. winprops += "height=" + hauteur + ",width=" + largeur + ",";
  16. //3. position
  17. winprops += "top=" + wint + ",left=" + winl + "'";
  18. //on ouvre la fenetre sur l'url passée en arguments, et avec les attributs précédents
  19. alert (winprops);
  20. win = window.open(url, "", winprops);
  21. }
  22. </script>
  23. </head>
  24. <body>
  25. <a href="javascript:wOpenurl('http://www.google.com')">click</a>
  26. </body>
  27. </html>


 
le code était bon je pense, mais avec les commentaires et les sauts a la ligne, ptet que ca pouvait induire en erreur ;)
 
sinon, pour l'explication: pour faire une popup, tu utilises la fonction javascript window.open qui (comme son nom l'indique, ouvre une fenetre :p) le truc, c'est que d'une part, elle prend pleins de parametres... et d'autre part, tu veux pouvoir centrer la popup, donc il te faut certaines infos (résolution du client, taille de la popup...)
Donc, tu créés une fonction wOpenurl qui va appeler window.open avec les bons paramètres. Le début de la fonction sert à calculer les coordonées du coin supérieur gauche de ta popup pour que celle si soit au milieu de l'écran et attention, au milieu de l'écran, pas de la page index (comme indiqué ds le premier message)
la suite créé la variable winprops qui va être utilisée dans l'appel de la fonction window.open pour spécifier les caractéristiques de la popup...
 
bon, j'espère que j'ai étais assez clair ? :D
 
euuuh, par contre, si tu veux vraiment ouvrir ta popup centrée sur la fenetre index... va falloir modifier  :whistle:


Message édité par lennelei le 10-11-2003 à 20:14:15
n°392505
Ze Postman
yenamarre
Posté le 10-11-2003 à 20:54:46  profilanswer
 

t un chef SenG
ouai je veux le faire sur l'index. comment on faittttttt :D


---------------
www.PostProdStudio.fr.st
n°392518
lennelei
Posté le 10-11-2003 à 23:33:51  profilanswer
 

alors la, je c pas =)
 
il faut voir si y a moyen de choper les coordonées du navigateur ou de la page ? je c pas si c possible [:spamafote]
 
sinon, tu peux faire ca avec un calque... mais bon, c plus compliqué :)
(un div en position absolue que tu caches ou affiches...)

n°392523
Ze Postman
yenamarre
Posté le 11-11-2003 à 01:16:39  profilanswer
 

autre pb et de taille paske g mm pas d'idée là.
G fait une iframe ds une cellule histoire ke le reste ne se charge pas tout le tps.
G une série de bouton à coté censés appeler ce ki doit s'afficher ds l'iframe.
Kelle est la commande ou la ligne HTML à insérer ds la balise du bouton pour appeler la bonne page HTML?


---------------
www.PostProdStudio.fr.st
n°392527
the real m​oins moins
Posté le 11-11-2003 à 01:30:56  profilanswer
 

les frames c'est mal
 
<a href="pouet.html" target="nomdetoniframe">pouet</a>
 
ou si tu as fait un bouton de formulaire, tu dois avoir un <form action="pouet.html" target="nomdetoniframe">
 
c moche et on s'en fout que le reste se recharge :o  


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°392531
Ze Postman
yenamarre
Posté le 11-11-2003 à 01:34:39  profilanswer
 

ayai g trouvé ct juste un pb de cible
par contre je pige pas paske la taille de mon iframe est pile poile la taile de la cellule et g deux barres de navigation.
 
 
bah vi il parait ke c mal mais je débute...:D


---------------
www.PostProdStudio.fr.st
n°392534
the real m​oins moins
Posté le 11-11-2003 à 01:46:31  profilanswer
 

/ ben c'est le contenu de ton iframe qui "dépasse"
 
/ ...ben justement, profites-en pour pas prendre de sales habitudes :D


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°392715
Ze Postman
yenamarre
Posté le 12-11-2003 à 01:19:23  profilanswer
 

bah pourtant g bien mis la mm taille ke mon tableau ds les paramètres de mon iframe


---------------
www.PostProdStudio.fr.st
n°392843
lennelei
Posté le 12-11-2003 à 12:36:02  profilanswer
 

oue, mais pour peu que tu aies des marges/espaces entre les cellules et hop... c ratai :D

n°393022
Ze Postman
yenamarre
Posté le 12-11-2003 à 17:18:10  profilanswer
 

ha voui ptet en effet :D


---------------
www.PostProdStudio.fr.st
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  centrage popup

 

Sujets relatifs
[Flash MX] getURL() -> Peut on afficher le lien dans une popup ?[flash MX] Comment ouvrir un popup lors du survol d'un bouton ?
popup sous dreamweaver 4 - [ RESOLU]popup dans flash
[WEB] site dans une popupCentrage de layer relatif sous Dreamweaver MX.
Plus de sujets relatifs à : centrage popup


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)