http://wikiserver.infomerce.es/index.php?action=history&feed=atom&title=Soluci%C3%B3_envia_i_confirma_missatge
Solució envia i confirma missatge - Historial de revisió
2026-05-09T17:49:35Z
Historial de revisió per a aquesta pàgina del wiki
MediaWiki 1.28.0
http://wikiserver.infomerce.es/index.php?title=Soluci%C3%B3_envia_i_confirma_missatge&diff=5090&oldid=prev
Asalinas a 18:17, 25 set 2015
2015-09-25T18:17:44Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ca'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Versió més antiga</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revisió del 18:17, 25 set 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l50" >Línia 50:</td>
<td colspan="2" class="diff-lineno">Línia 50:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>           win.document.getElementById("mess").innerHTML = "rebut: "+ event.data;</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>           win.document.getElementById("mess").innerHTML = "rebut: "+ event.data;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>           //es crea el missatge enviat des de win a ala finestra que origina l'event'</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>           //es crea el missatge enviat des de win a ala finestra que origina l'event'</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>           event.source.postMessage('<del class="diffchange diffchange-inline">rebut, gracies!</del>', "*");</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>           event.source.postMessage<ins class="diffchange diffchange-inline">(win.prompt</ins>('<ins class="diffchange diffchange-inline">Contesta:</ins>'<ins class="diffchange diffchange-inline">)</ins>, "*");</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>     }</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>     }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>      </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>      </div></td></tr>
</table>
Asalinas
http://wikiserver.infomerce.es/index.php?title=Soluci%C3%B3_envia_i_confirma_missatge&diff=5083&oldid=prev
Asalinas a 16:06, 23 set 2015
2015-09-23T16:06:31Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ca'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Versió més antiga</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revisió del 16:06, 23 set 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22" >Línia 22:</td>
<td colspan="2" class="diff-lineno">Línia 22:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Codi Javascript de l'exercici :'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Codi Javascript de l'exercici :'''</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">pre</del>></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">source lang="javascript"</ins>></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>var win;</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>var win;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>//es crea un listener per si algú es vol comunicar amb la finestra principal</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>//es crea un listener per si algú es vol comunicar amb la finestra principal</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67" >Línia 67:</td>
<td colspan="2" class="diff-lineno">Línia 67:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>     }</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>     }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></<del class="diffchange diffchange-inline">pre</del>></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></<ins class="diffchange diffchange-inline">source</ins>></div></td></tr>
</table>
Asalinas
http://wikiserver.infomerce.es/index.php?title=Soluci%C3%B3_envia_i_confirma_missatge&diff=294&oldid=prev
Asalinas: Es crea la pàgina amb «'''Codi html de l'exercici : ''' <pre> <html> <head> <script type="text/javascript" src="missatges.js"></script> <style type="text/css"> html { font-family: "courier …».
2013-10-18T12:08:21Z
<p>Es crea la pàgina amb «'''Codi html de l'exercici : ''' <pre> <html> <head> <script type="text/javascript" src="missatges.js"></script> <style type="text/css"> html { font-family: "courier …».</p>
<p><b>Pàgina nova</b></p><div>'''Codi html de l'exercici : '''<br />
<pre><br />
<html><br />
<head><br />
<script type="text/javascript" src="missatges.js"></script><br />
<style type="text/css"><br />
html<br />
{<br />
font-family: "courier new";<br />
}<br />
</style><br />
</head><br />
<body ><br />
Finestra Principal. PAs de missatges<br />
<button onClick="openWindow();">obrir finestra</button><br />
<button onClick="sendMessage();">enviarMissatge</button><br />
<div id="resposta"></div><br />
</body><br />
</html><br />
<br />
</pre><br />
<br />
'''Codi Javascript de l'exercici :'''<br />
<pre><br />
var win;<br />
//es crea un listener per si algú es vol comunicar amb la finestra principal<br />
window.addEventListener("message", listener2, false);<br />
function listener2(event){<br />
//modifica el div resposta i posa el missatge que l'han enviat'<br />
document.getElementById("resposta").innerHTML = event.data;<br />
<br />
}<br />
<br />
function openWindow(){<br />
// es crea la finestra<br />
win = window.open('', 'exemple', 'width=300,height=300');<br />
<br />
//es crea un element div amb informació dintre<br />
var div2 = win.document.createElement('div');<br />
div2.setAttribute('id', 'mess');<br />
div2.innerHTML="Hola a Totos";<br />
div2.style.fontSize = '15px';<br />
win.document.body.insertBefore(div2, win.document.body.firstChild );<br />
<br />
//s'associa una funció, anomenada listener' que escolta si algú l'ha enviat informació'<br />
win.addEventListener("message", listener, false);<br />
//es defineix la funció anomenada listener:<br />
function listener(event){<br />
//modifica el div creat pel contingut enviat pel usuari de l'altre pàgina.'<br />
win.document.getElementById("mess").innerHTML = "rebut: "+ event.data;<br />
//es crea el missatge enviat des de win a ala finestra que origina l'event'<br />
event.source.postMessage('rebut, gracies!', "*");<br />
}<br />
<br />
}<br />
<br />
function sendMessage(){<br />
<br />
var text = prompt("Envia un text a la finestra que s'ha obert");<br />
try{<br />
//enviem un missatge a la finestra win sense importar l'origen, per aixó possem '*'<br />
win.postMessage(text, "*");<br />
}<br />
catch(e)<br />
{<br />
alert(e);<br />
}<br />
}<br />
</pre></div>
Asalinas