Diferència entre revisions de la pàgina «Solució Finestres1»
De wikiserver
(Hi ha 2 revisions intermèdies del mateix usuari que no es mostren) | |||
Línia 8: | Línia 8: | ||
// es crea la finestra | // es crea la finestra | ||
win = window.open('', 'exemple', 'width=300,height=300'); | win = window.open('', 'exemple', 'width=300,height=300'); | ||
− | //es crea un element div amb informació dintre | + | |
+ | //es crea un element div amb informació dintre | ||
var div2 = win.document.createElement('div'); | var div2 = win.document.createElement('div'); | ||
div2.setAttribute('id', 'mess'); | div2.setAttribute('id', 'mess'); | ||
Línia 14: | Línia 15: | ||
div2.style.fontSize = '15px'; | div2.style.fontSize = '15px'; | ||
win.document.body.insertBefore(div2, win.document.body.firstChild); | win.document.body.insertBefore(div2, win.document.body.firstChild); | ||
+ | |||
//s'associa una funció, anomenada listener' que escolta si algú l'ha enviat informació' | //s'associa una funció, anomenada listener' que escolta si algú l'ha enviat informació' | ||
win.addEventListener("message", listener, false); | win.addEventListener("message", listener, false); | ||
Línia 43: | 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>