Diferència entre revisions de la pàgina «Solució Finestres1»

De wikiserver
Dreceres ràpides: navegació, cerca
 
Línia 45: Línia 45:
 
     </head>
 
     </head>
 
     <body >    Finestra Principal. PAs de missatges   
 
     <body >    Finestra Principal. PAs de missatges   
 +
        <button onClick="openWindow();">obrir finestra</button> 
 +
        <button onClick="sendMessage();">enviarMissatge</button> 
 +
        <div id="resposta"></div>
 +
    </body>
 +
</html>
 +
</source>
 +
 +
 +
 +
'''Más simple primera parte'''
 +
<source lang="javascript">
 +
 +
 +
<html>
 +
    <head>
 +
        <script type="text/javascript" >
 +
 +
            var win;
 +
 +
            function openWindow() {
 +
                // es crea la finestra   
 +
                win = window.open('', 'exemple', 'width=300,height=300');
 +
               
 +
                //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) {
 +
                    win.document.write("Pinta en la pequeña: " + event.data + " "+ event.source +" "+event.origin);  //escribimos dentro de la ventana pequeña
 +
                }
 +
            }
 +
 +
            function sendMessage() {
 +
                var text = prompt("Envia un text a la finestra que s'ha obert");
 +
                win.postMessage(text, "*");    //enviem un missatge a la finestra win sense importar l'origen, per aixó possem '*' 
 +
            }
 +
        </script>
 +
        <style type="text/css">
 +
            html {
 +
                font-family: "courier new";
 +
            }
 +
        </style>
 +
    </head>
 +
    <body >    Finestra Principal.
 
         <button onClick="openWindow();">obrir finestra</button>   
 
         <button onClick="openWindow();">obrir finestra</button>   
 
         <button onClick="sendMessage();">enviarMissatge</button>   
 
         <button onClick="sendMessage();">enviarMissatge</button>   

Revisió de 18:48, 15 oct 2018

<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>  
        <div id="resposta"></div>
    </body>
</html>


Más simple primera parte

<html> 
    <head>
        <script type="text/javascript" >

            var win;

            function openWindow() {
                // es crea la finestra    
                win = window.open('', 'exemple', 'width=300,height=300');
                
                //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) {
                     win.document.write("Pinta en la pequeña: " + event.data + " "+ event.source +" "+event.origin);  //escribimos dentro de la ventana pequeña
                }
            }

            function sendMessage() {
                var text = prompt("Envia un text a la finestra que s'ha obert");
                win.postMessage(text, "*");    //enviem un missatge a la finestra win sense importar l'origen, per aixó possem '*'   
            }
        </script> 
        <style type="text/css"> 
            html { 
                font-family: "courier new";
            } 
        </style>
    </head>
    <body >    Finestra Principal.
        <button onClick="openWindow();">obrir finestra</button>  
        <button onClick="sendMessage();">enviarMissatge</button>  
        <div id="resposta"></div>
    </body>
</html>