- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Javascript-coordinate x,y di un bottone
-
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() { document.write('<form><input type="button" value="Fullscreen" onclick="window.open(\'container.swf\',\'\',\'fullscreen,scrollbars=yes\');return(false)">'); } --> </script> </head> <body> <script language="JavaScript">fullscreen()</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 ?
-
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">
<!--
function fullscreen()
{
document.write('<form><input type="button" value="Fullscreen" onclick="window.open('container.swf','','fullscreen,scrollbars=yes');return(false)">');
}
-->
</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.
-
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.
-
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() { larghezza = window.screen.width / 2; altezza = window.screen.height / 2; document.write('<div id="Layer1" style="position:absolute; width:50px; height:30px; z-index:1; left: '+larghezza+'px; top: '+altezza+'px; margin-top: -80px; margin-left:-50px;"><form><input type="button" value="Fullscreen" onclick="window.open(\'container.swf\',\'\',\'fullscreen,scrollbars=yes\');return(false)"></form></div>'); } --> </script> </head> <body> <script language="JavaScript">fullscreen()</script> </body> </html>
Ieri avevo troppo sonno per farlo....
Ciao
-
grazie Claudio , proprio quello che mi serviva