Solució Finestres1

De wikiserver
La revisió el 13:37, 2 oct 2017 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb «<html> <head> <script type="text/javascript" > var win; function openWindow() { // es crea la finestra...».)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
Dreceres ràpides: navegació, cerca

<html>

   <head>
       <script type="text/javascript" >
           var win;
           function openWindow() {
               // es crea la finestra    
               win = window.open(, 'exemple', 'width=300,height=300');
               //es crea un element div amb informació dintre  
               var div2 = win.document.createElement('div');
               div2.setAttribute('id', 'mess');
               div2.innerHTML = "Hola a Totos";
               div2.style.fontSize = '15px';
               win.document.body.insertBefore(div2, win.document.body.firstChild);
               //s'associa una funció, anomenada listener'  que escolta si algú l'ha enviat informació'   
               win.addEventListener("message", listener, false);
               //es defineix la funció anomenada listener:   
               function listener(event) {
                   //modifica el div creat pel contingut enviat pel usuari de l'altre pàgina.'     
                   win.document.getElementById("mess").innerHTML = "rebut: " + event.data;
               }
           }
           function sendMessage() {
               var text = prompt("Envia un text a la finestra que s'ha obert");
               try {        //enviem un missatge a la finestra win sense importar l'origen, per aixó possem '*'   
                   win.postMessage(text, "*");    } catch (e) {
                   alert(e);
               }
           }



       </script> 
       <style type="text/css"> 
           html { 
               font-family: "courier new";
           } 
       </style>
   </head>
   <body >    Finestra Principal. PAs de missatges   
       <button onClick="openWindow();">obrir finestra</button>  
       <button onClick="sendMessage();">enviarMissatge</button>  
   </body>

</html>