http://wikiserver.infomerce.es/index.php?action=history&feed=atom&title=Soluci%C3%B3_Moure_Finestra
Solució Moure Finestra - Historial de revisió
2026-04-21T10:42:06Z
Historial de revisió per a aquesta pàgina del wiki
MediaWiki 1.28.0
http://wikiserver.infomerce.es/index.php?title=Soluci%C3%B3_Moure_Finestra&diff=5074&oldid=prev
Asalinas a 17:23, 18 set 2015
2015-09-18T17:23:10Z
<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 17:23, 18 set 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td>
<td colspan="2" class="diff-lineno">Línia 1:</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 HTML de la pàgina que controla la finestra:'''</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 HTML de la pàgina que controla la finestra:'''</div></td></tr>
<tr><td colspan="2"> </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 style="font-weight: bold; text-decoration: none;"><source lang="html"></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;"></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="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 style="font-weight: bold; text-decoration: none;"><pre></del></div></td><td colspan="2"> </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><html></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><html></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><head></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><head></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l29" >Línia 29:</td>
<td colspan="2" class="diff-lineno">Línia 29:</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></body></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></body></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></html></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></html></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>
<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 del fitxer Javascript:'''</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 del fitxer Javascript:'''</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;"></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="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>/*  </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>  * Exercici Moure una finestra per la pantalla</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>  * Exercici Moure una finestra per la pantalla</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l176" >Línia 176:</td>
<td colspan="2" class="diff-lineno">Línia 176:</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>     document.getElementById("dades").innerHTML = 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>     document.getElementById("dades").innerHTML = 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>}</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_Moure_Finestra&diff=285&oldid=prev
Asalinas a 09:24, 18 oct 2013
2013-10-18T09:24:43Z
<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 09:24, 18 oct 2013</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td>
<td colspan="2" class="diff-lineno">Línia 1:</td></tr>
<tr><td colspan="2"> </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 style="font-weight: bold; text-decoration: none;">'''Codi HTML de la pàgina que controla la finestra:'''</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;"></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="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 style="font-weight: bold; text-decoration: none;">'''Codi HTML de la pàgina que controla la finestra:'''</del></div></td><td colspan="2"> </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 style="font-weight: bold; text-decoration: none;">Pots baixar-te l'html aqui: [[Fitxer:controls.html]]</del></div></td><td colspan="2"> </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><pre></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><pre></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><html></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><html></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l33" >Línia 33:</td>
<td colspan="2" class="diff-lineno">Línia 32:</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 del fitxer Javascript:'''</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 del fitxer Javascript:'''</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">Pots baixar-te l'html aqui: [[Fitxer:mourefinestra.js]]</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> </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><pre></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><pre></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_Moure_Finestra&diff=284&oldid=prev
Asalinas: Es crea la pàgina amb « '''Codi HTML de la pàgina que controla la finestra:''' Pots baixar-te l'html aqui: Fitxer:controls.html <pre> <html> <head> <script type="text/javascript" src="mour…».
2013-10-18T09:23:13Z
<p>Es crea la pàgina amb « '''Codi HTML de la pàgina que controla la finestra:''' Pots baixar-te l'html aqui: <a href="/index.php?title=Fitxer:Controls.html&action=edit&redlink=1" class="new" title="Fitxer:Controls.html (encara no existeix)">Fitxer:controls.html</a> <pre> <html> <head> <script type="text/javascript" src="mour…».</p>
<p><b>Pàgina nova</b></p><div><br />
'''Codi HTML de la pàgina que controla la finestra:'''<br />
Pots baixar-te l'html aqui: [[Fitxer:controls.html]]<br />
<pre><br />
<html><br />
<head><br />
<script type="text/javascript" src="mourefinestra.js"></script><br />
<style type="text/css"><br />
html<br />
{<br />
font-family: "courier new";<br />
}<br />
</style><br />
</head><br />
<body ><br />
<button onclick="openPopUp();">obrir</button><br />
<button onclick="reset();">reset</button><br />
<button onclick="closePopUp();">tancar</button><br />
<br />
<center><br />
<p><button onclick="mouadalt();">dalt</button></p><br />
<p><br />
<button onclick="mouesquerra();">esquerra</button><br />
<button onclick="moudreta();">dreta</button><br />
</p><br />
<p><button onclick="mouabaix();">baix</button></p><br />
<br />
</center><br />
<div id="dades"></div><br />
</body><br />
</html><br />
</pre><br />
<br />
'''Codi del fitxer Javascript:'''<br />
Pots baixar-te l'html aqui: [[Fitxer:mourefinestra.js]]<br />
<pre><br />
/* <br />
* Exercici Moure una finestra per la pantalla<br />
* <br />
*/<br />
var comprimir = 5;<br />
var margenErrorX = 10;<br />
var margenErrorY = 30;<br />
var scroll = 100;<br />
var width = 150;<br />
var height = 150;<br />
var win;<br />
<br />
<br />
function mouesquerra(){<br />
// moure la finestra cap a la esquerra<br />
<br />
if(win.screenX <= margenErrorX){<br />
// si la finestra es troba en el marge esquerra de la pantalla de l'usuari<br />
// modifiquem la mida de la finestra fent-la més petita (5px cada cop)<br />
win.resizeBy(-comprimir, 0);<br />
}else{<br />
// la finestra no es troba en el marge esquerra<br />
if(win.outerWidth < width){<br />
//però la mida de la finestra no es la apropiada.<br />
//modifiquem la mida de la finestra abans de moure-la<br />
win.resizeBy(-comprimir,0);<br />
}<br />
else{<br />
//la finestra no es troba en el marge esquerra <br />
//la finestra té la mida apropiada<br />
//llavors podem mour-la cap a la esquerra.<br />
win.moveBy(-scroll,0);<br />
}<br />
} <br />
showDades(); <br />
}<br />
<br />
function mouadalt(){<br />
//moure la finestra cap a dalt<br />
<br />
if(win.screenY <= margenErrorY){<br />
//si la finestra es troba en el marge superior de la pantalla de l'usuari<br />
//modifiquem la mida de la finestra fent-la més petita<br />
win.resizeBy(0,-comprimir);<br />
}<br />
else{<br />
//la finestra no es troba en el marge superior de la pantalla de l'usuari'<br />
if(win.outerHeight < height){<br />
// però no té la mida correcta<br />
win.resizeBy(0,-comprimir);<br />
}<br />
else{<br />
//la finestra no es troba en el marge superior<br />
//la finestra té la mida apropiada<br />
//llavors podem moure-la<br />
win.moveBy(0,-scroll);<br />
}<br />
}<br />
<br />
showDades();<br />
}<br />
<br />
function moudreta(){<br />
// moure la finestra cap a la dreta <br />
<br />
if(win.screenX + win.outerWidth + margenErrorX >= win.screen.availWidth){<br />
// si la finestra es troba en el marge dret de la pantalla del usuari<br />
// modifiquem la mida de la finestra aumentan 5 pixel cada cop<br />
win.resizeBy(comprimir, 0);<br />
}else{<br />
//si la finestra no es troba en el marge dret<br />
if(win.outerWidth < width){<br />
// però la mida de la finestra no es la correcta<br />
// modifiquem la mida de la finestra abans de moure-la<br />
win.resizeBy(comprimir,0);<br />
}<br />
else{<br />
//la finestra no es troba en el marge dret<br />
//la mida de la finestra es correcte<br />
//llavors podem moure la finestra cap a la dreta.<br />
win.moveBy(scroll,0);<br />
}<br />
<br />
}<br />
showDades();<br />
}<br />
<br />
function mouabaix(){<br />
// moure la finestra cap aball<br />
<br />
if(win.screenY + win.outerHeight + margenErrorY >= win.screen.availHeight){<br />
//si la finestra es troba en el marge inferior de la pantalla de l'usuari<br />
//modifiquem la mida de la finestra fent-la mes gran<br />
win.resizeBy(0,comprimir); <br />
}<br />
else{<br />
//si la finestra no es troba en el marge inferior<br />
if(win.outerHeight < height){<br />
//però la mida de la finestra no es la correcta<br />
win.resizeBy(0,comprimir);<br />
}<br />
else{<br />
//la finestra no es troba en el marge inferior<br />
//la finestra té la mida correcta<br />
win.moveBy(0,scroll);<br />
}<br />
}<br />
<br />
showDades();<br />
}<br />
<br />
function openPopUp(){<br />
win = window.open("","mou","left=0,top=0,width=150,height=150");<br />
showDades();<br />
}<br />
<br />
function closePopUp(){<br />
win.close();<br />
document.getElementById("dades").innerHTML = "";<br />
}<br />
<br />
function reset(){<br />
closePopUp(); <br />
openPopUp();<br />
}<br />
<br />
function showDades(){<br />
<br />
var data = "";<br />
data = data + "Informacio sobre la finestra : " + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>top:</b> " + win.screenY + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>left:</b> " + win.screenX + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>width:</b> " + win.outerWidth + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>height:</b> " + win.outerHeight + "<br>";<br />
data = data + "Informacio sobre la pantalla del usuari :" + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>availWidth:</b> " + win.screen.availWidth + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>availHeight:</b> " + win.screen.availHeight + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>Width:</b> " + win.screen.width + "<br>";<br />
data = data + "&nbsp;&nbsp;&nbsp;&nbsp;<b>Height:</b> " + win.screen.height + "<br>";<br />
<br />
document.getElementById("dades").innerHTML = data;<br />
}<br />
</pre></div>
Asalinas