Javascript-coordinate x,y di un bottone

flep

Javascript-coordinate x,y di un bottone

aiuto

ho questo file html:


<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript"> 
<!--
function fullscreen&#40;&#41;
&#123;
	document.write&#40;'<form><input type="button" value="Fullscreen" onclick="window.open&#40;\'container.swf\',\'\',\'fullscreen,scrollbars=yes\'&#41;;return&#40;false&#41;">'&#41;;
&#125;
-->
</script>
</head>

<body>
<script language="JavaScript">fullscreen&#40;&#41;</script>
</body>
</html>

al click del bottone mi apre un file swf in modalità fullscreen.
Vorrei poter accedere alle proprietà x e y di quel bottone per metterlo al centro pagina.
Come si fa ?

claudioweb

Più che sulle coordinate x, y la cosa più semplice da fare è intervenire sull'html.
Per centrarlo orizzontalmente basta mettere tutto in un div centrato, per l'allineamenteo verticale è un po' più complicato però potresti procerdere in maniera simile magari aggingendo qualche
prima del div.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript">

</script>
</head>

<body>

<div align="center">
<script language="JavaScript">fullscreen()</script>
</div>
</body>
</html>

Se questa soluzione non va bene vediamo di trovarne una un po' più elaborata. Magari potresti usare un layer da centrare o qualcosa di simile.

flep

ciao claudioweb,
effettivamente agendo sull'html potrei spostarmelo quelbottone.

La cosa che mi interessava sapere era se si può arrivare a farlo utilizzando javascript.
Non riesco a capire se javascript ha un metodo per settare o recuperare le 'coordinate' x ed y di un bottone da lui stesso creato.

claudioweb

Il modo esiste ed è questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Esempio creto da Claudio Matarrelli</title>
<script language="JavaScript">
<!--
function fullscreen&#40;&#41;
&#123;
larghezza = window.screen.width / 2;
altezza = window.screen.height / 2;
   document.write&#40;'<div id="Layer1" style="position&#58;absolute; width&#58;50px; height&#58;30px; z-index&#58;1; left&#58; '+larghezza+'px; top&#58; '+altezza+'px; margin-top&#58; -80px; margin-left&#58;-50px;"><form><input type="button" value="Fullscreen" onclick="window.open&#40;\'container.swf\',\'\',\'fullscreen,scrollbars=yes\'&#41;;return&#40;false&#41;"></form></div>'&#41;;

&#125;
-->
</script> 
</head>

<body>
<script language="JavaScript">fullscreen&#40;&#41;</script> 
</body>
</html>

Ieri avevo troppo sonno per farlo....

Ciao

flep

grazie Claudio , proprio quello che mi serviva