Dovrei creare un piccolo script che cliccando su un'area di 150px per 150px mi trasmetta in un campo sottostante le coordinate, in modo che poi posso spedirle con altre informazioni tramite POST. COme posso fare?![]()
Grazie
Dovrei creare un piccolo script che cliccando su un'area di 150px per 150px mi trasmetta in un campo sottostante le coordinate, in modo che poi posso spedirle con altre informazioni tramite POST. COme posso fare?![]()
Grazie
http://qzit.altervista.org
<script>
function on_MouseMove(e) {
// compatibilità crossbrowser
// se (e) è null ( quindi IE ) lo imposto con window.event
if (!e) var e = window.event;
// scrivo dentro l’elemento con ID advisor le coordinate del mouse
document.getElementById(”advisor”).innerHTML = “x: ” + e.clientX + ” | y: ” + e.clientY
return false;
}
document.onmousemove = mouse_move
</script>
le coordinate qui le metti in un elemento html...
e le prelevi su tutto il body....
da questo codice penso tu possa modificarlo a piacere per fare ciò che cerchi... spero di averti aiutato.
Ciao
![]()
Scusa, ma avrei bisogno ancora di un aiutino, non sono affatto ferrato in javascript... Come lo inserisco nella pagina?![]()
http://qzit.altervista.org
Posta il tuo codice html dai che vedo di inserirtelo esattamente come vuoi...
Ehm... è indifferente, poichè il file html per ora contiene solo quello essendo poi incluso in un'altra pagina... quindi praticamente ho solo la mia area, che ho sistemato come un'immagine:
[img]areaclick.gif[/img]
Grazie.![]()
http://qzit.altervista.org
Occhio al titolo.... leggi il regolamento![]()
![]()
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" >
function on_MouseMove(e) {
// compatibilità crossbrowser
// se (e) è null ( quindi IE ) lo imposto con window.event
if (!e) var e = window.event;
// scrivo dentro l’elemento con ID advisor le coordinate del mouse
document.getElementById(”advisor”).innerHTML = “x: ” + e.clientX + ” | y: ” + e.clientY
return false;
}
document.onmousemove = mouse_move;
</script>
<title></title>
</head>
<body>
<span id="advisor"></span>
[img]areaclick.gif[/img]
</body>
</html>
-------------------------------------------------------------------
così dovrebbe prendere le coordinate di tutta la pagina...
se al posto di 'document.onmousemove = mouse_move;' metti
document.getElementById(”areaclick”).onmousemove = mouse_move; dovrebbe farlo sull'area ma non sono certo..
Ma dopo come lo passo con il POST?? Grazie di tutto!
http://qzit.altervista.org
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" >
function on_MouseMove(e) {
// compatibilità crossbrowser
// se (e) è null ( quindi IE ) lo imposto con window.event
if (!e) var e = window.event;
// scrivo dentro l’elemento con ID advisor le coordinate del mouse
document.getElementById(”advisor”).innerHTML = “x: ” + e.clientX + ” | y: ” + e.clientY
location.href = 'pagina.php?x='+e.clientX +'&y='+e.clientY;
}
document.onclick= mouse_move;
</script>
<title></title>
</head>
<body>
<span id="advisor"> </span>
[img]areaclick.gif[/img]
</body>
</html>
Ma così non passa in GET al posto che in POST??
http://qzit.altervista.org