Fonction de pop-up

Fonction de pop-up - HTML/CSS - Programmation

Marsh Posté le 16-08-2006 à 13:59:18    

Bonjour, j'ai un page html qui lance une pop-up quand je clique sur le premier bouton
Voici cette page
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.    "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4. <head>
  5.  <title>pop up</title>
  6.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7.  <script language="javascript">
  9.  <!--
  10.  function popUp(){
  11.   testFrame = window.open("pop-up.htm","test",'resizable=no, location=no, width=200, height=100, menubar=no, status=no, scrollbars=no, menubar=no');
  12.  }
  14.  function callPopUp(){
  15.   testFrame.test();
  16.  }
  17.  -->
  18. </script>
  19. </head>
  20. <body>
  21.  <FORM name="test">
  22.   <INPUT type="button" name="Ouverture du popUp" value="ouverture du popup" onClick="popUp()">
  23.   <INPUT type="button" name="Appel de la fonction du popUp" value="appel de la fonction" onClick="callPopUp()">
  24.  </FORM>
  25. </body>
  26. </html>


 
 
Si je clique sur le premier bouton, un pop-up s'ouvre.  
Voici la page du pop-up

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.    "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4. <head>
  5.  <title>pop up</title>
  6.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7.  <script language="javascript">
  8.  // ma fonction à lancer
  9.  <!--function test(){
  10.   alert("titi" );
  11.  }
  12.  -->
  13. </script>
  14. </head>
  15. <body><div>test</div>
  16. </body>
  17. </html>


 
J'aimerai ensuite, quand je clique sur le second bouton que ca appelle la fonction qui est contenue dans la page du pop-up.  
Cela ne fonctionne pas, vous savez pourquoi ?
 
 
merci

Message cité 1 fois
Reply

Marsh Posté le 16-08-2006 à 13:59:18   

Reply

Marsh Posté le 16-08-2006 à 14:03:23    

keyword: opener

Reply

Marsh Posté le 16-08-2006 à 14:17:34    

Le mieux c'est peut être un fichier javascript contenant l'ensemble de tes fonctions , non ?

Reply

Marsh Posté le 16-08-2006 à 14:29:00    

non car c'est une fonction spécifique au pop-up qui doit changer la couleur de fond en réalité.
 
Comment on utilise le opener dans ce cas la ?

Reply

Marsh Posté le 16-08-2006 à 14:29:56    

manutudescend a écrit :

...
 
J'aimerai ensuite, quand je clique sur le second bouton que ca appelle la fonction qui est contenue dans la page du pop-up.  
Cela ne fonctionne pas, vous savez pourquoi ?
 


 
Il suffit de mettre le résultat de window.open dans une variable visible partout
 

Code :
  1. <script type="text/javascript">
  2.   // définition d'une variable "globale"
  3.   // (visible de touts les bouts de code javascript de la page)
  4.   var maPopup;
  6.   function popUp() {
  7.     maPopup = window.open("pop-up.htm","test",'resizable=no, location=no, width=200, height=100, menubar=no, status=no, scrollbars=no, menubar=no');
  8.   }
  10.   function callPopUp() {
  11.     if (maPopup && !maPopup.closed) {
  12.       maPopup.test();
  13.     } else {
  14.       alert("La popup n'est pas ouverte !" );
  15.     }
  16.   }


Message édité par Bidem le 16-08-2006 à 14:30:51
Reply

Marsh Posté le 16-08-2006 à 14:42:05    

merci.  
 

Code :
  1. window.test = function(){
  2.   alert("titi" );
  3.  }


 
marche aussi sans mettre le pop-up en variable globale ;)

Reply

Sujets relatifs:

Leave a Replay

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