Printable View
Ragazzi io dovrei trovare le cooridinate di un ellemnto secondo voi cosi è giusto?
richiamata tramite un onclick...Codice PHP:function nos(){
var div1_X = e.pageX - document.getElementById("div1");
var div1_y = e.pageY - document.getElementById("div1");
/*Poi con ajax invio i dati ad una pagina php è li salvo*/
}
Non credo si possa fare la sottrazione tra un numero ed un elemento!
Al limite con una proprietà.
Saluti!Codice PHP:var div1_X = e.pageX - parseInt(document.getElementById("div").style.left.split("px")[0]); // rimuovo da style.left px e trasformo la stringa in intero.
var div1_Y = e.pageY - parseInt(document.getElementById("div").style.top.split("px")[0]); // rimuovo da style.top px e trasformo la stringa in intero.
no, io non devo fare la sotrazzione, io devo ricavare la coordinata...ad esempio div1 x=60 y=100 poi mi creo un array e la salvo nel db...
E allora il meno cosa fa??? Somma?
Il codice sopra è quello giusto.
Saluti!
Quindi facendo cosi mi restituisce le coordinate del div?
Codice PHP:<html>
<head>
<style>
.div1{
position:absolute;
left:212px;
top:27px
}
</style>
</head>
<body>
<div id="div1" class="div1"></div>
<input type="button" name="button1" value="Mostro Coordinate" onclick="salva()" />
<script type="text/javascript">
<!--
function salva(){
var div1_X = e.pageX - document.getElementById("div1");
var div1_y = e.pageY - document.getElementById("div1");
alert(Posiozioni+div1_X+div1_Y)
/*Poi con ajax invio i dati ad una pagina php è li salvo*/
}
//-->
</script>
</body>
</html>
Come ti hanno detto queste righe:
non hanno senso!Codice HTML:var div1_X = e.pageX - document.getElementById("div1");
var div1_y = e.pageY - document.getElementById("div1");
Ciao!
allora, potrei fare cosi?
Codice PHP:var elemento = document.getElementById("div1");
var divY = elemento.pageY
var divX = elemento.pageX
Ma... Ma cosa stai dicendo?
Hai provato così?
Hai provato?Codice HTML:var div1_X = e.pageX - parseInt(document.getElementById("div").style.left.split("px")[0]); // rimuovo da style.left px e trasformo la stringa in intero.
var div1_Y = e.pageY - parseInt(document.getElementById("div").style.top.split("px")[0]); // rimuovo da style.top px e trasformo la stringa in intero.
Funziona?
Ciao!
Simì, peccato che non funzioni...prova tu stesso...
In realtà l'errore è in e.
Il debugger di firefox mi dice:
Prova a modificare la pagina così:Codice:e is not defined
Saluti!Codice HTML:<html>
<head>
<style>
.div1{
position:absolute;
left:212px;
top:27px;
background-color: #000000
}
</style>
</head>
<body>
<div id="div1" class="div1">Questo è il div</div>
<input type="button" name="button1" value="Mostro Coordinate" onclick="salva(event)" />
<script type="text/javascript">
<!--
function salva(e){
e = (e) ? e : window.event;
var div1_X = e.pageX - parseInt(document.getElementById("div1").style.left.split("px")[0]); // rimuovo da style.left px e trasformo la stringa in intero.
var div1_Y = e.pageY - parseInt(document.getElementById("div1").style.top.split("px")[0]); // rimuovo da style.top px e trasformo la stringa in intero.
alert("Posiozioni"+div1_X+"e"+div1_Y);
/*Poi con ajax invio i dati ad una pagina php è li salvo*/
}
//-->
</script>
</body>
</html>
Non credo che funzioni... l'alert mi canta la ninna nanna!!!! guarda cosa mi dice:
Citazione:
PosiozioniNaNeNaN
:lolloso: la ninna nanna!!!!
Me ne sono accorto dopo. Ho provato :lol: e ho capito che lo stile lo devi impostarlo tramite l'apposito attributo:
Non sò perchè tramite il tag style, javascript non lo riconosce come settato e come valore ritorna NaN!Codice HTML:<html>
<head>
<title>Test</title>
<script type="text/javascript">
/* <![CDATA[ */
function salva() {
var elemento = document.getElementById("div1");
alert("X: " + elemento.style.left + " | Y: " + elemento.style.top);
}
/* ]]> */
</script>
</head>
<body>
<div id="div1" style="position: absolute; left: 212px; top: 27px; background-color: #000">Questo è il div</div>
<input type="button" name="button1" value="Mostro Coordinate" onclick="salva()" />
</body>
</html>
Almeno a me fa così!
Saluti!