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...».)
<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>