j'aimerais faire sous javascript un truc je pense pas trop compliquer
mais ne connaissant pas particulièrement bien le js je vous pose la
question :
est-il possible, en mettant un <input type=image...
les coordonnees lorsque l'utilisateur passe la souris sur l image (ds
mon cas uen carte geographique) de les afficher sur 2 champs text ?
si oui comment fait-on SVP ?
en vous remerciant par avance !
merci.
++
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
ASM
slt tt le monde,
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la question : est-il possible, en mettant un <input type=image... les coordonnees lorsque l'utilisateur passe la souris sur l image (ds mon cas uen carte geographique) de les afficher sur 2 champs text ?
function coords(e) { // capturer position de la souris xpos = e.layerX? e.layerX : e.offsetX? e.offsetX+document.body.scrollLeft : 0; ypos = e.layerY? e.layerY : e.offsetY? e.offsetY+document.body.scrollTop : 0; if(xpos!=0 && ypos !=0) { document.monForm.hauteur = xpos; document.monForm.largeur = ypos; // ou bien : document.getElementById('gauche').innerHTML = xpos; document.getElementById('haut').innerHTML = ypos; // ou bien (pour les navigateurs l'acceptant) window.status = 'X = '+xpos+' - Y = '+ypos; } } </script> <form name="monForm"> <p>Largeur : <input type=text name="largeur" size="5" /> pixels <br />Hauteur : <input type=text name="hauteur" size="5" /> pixels </form> <img src="carte.jpg" onmousemove="coords(event);" /><br /> Position X = <span id="gauche"></span> - Position Y = <span id="haut"></span>
L'origine est en haut-gauche de l'image.
-- Stephane Moriaux et son [moins] vieux Mac
slt tt le monde,
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué
avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la
question :
est-il possible, en mettant un <input type=image...
les coordonnees lorsque l'utilisateur passe la souris sur l image (ds
mon cas uen carte geographique) de les afficher sur 2 champs text ?
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la question : est-il possible, en mettant un <input type=image... les coordonnees lorsque l'utilisateur passe la souris sur l image (ds mon cas uen carte geographique) de les afficher sur 2 champs text ?
function coords(e) { // capturer position de la souris xpos = e.layerX? e.layerX : e.offsetX? e.offsetX+document.body.scrollLeft : 0; ypos = e.layerY? e.layerY : e.offsetY? e.offsetY+document.body.scrollTop : 0; if(xpos!=0 && ypos !=0) { document.monForm.hauteur = xpos; document.monForm.largeur = ypos; // ou bien : document.getElementById('gauche').innerHTML = xpos; document.getElementById('haut').innerHTML = ypos; // ou bien (pour les navigateurs l'acceptant) window.status = 'X = '+xpos+' - Y = '+ypos; } } </script> <form name="monForm"> <p>Largeur : <input type=text name="largeur" size="5" /> pixels <br />Hauteur : <input type=text name="hauteur" size="5" /> pixels </form> <img src="carte.jpg" onmousemove="coords(event);" /><br /> Position X = <span id="gauche"></span> - Position Y = <span id="haut"></span>
L'origine est en haut-gauche de l'image.
-- Stephane Moriaux et son [moins] vieux Mac
Neo-MatriX
slt tt le monde,
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la question : est-il possible, en mettant un <input type=image... les coordonnees lorsque l'utilisateur passe la souris sur l image (ds mon cas uen carte geographique) de les afficher sur 2 champs text ?
function coords(e) { // capturer position de la souris xpos = e.layerX? e.layerX : e.offsetX? e.offsetX+document.body.scrollLeft : 0; ypos = e.layerY? e.layerY : e.offsetY? e.offsetY+document.body.scrollTop : 0; if(xpos!=0 && ypos !=0) { document.monForm.hauteur = xpos; document.monForm.largeur = ypos; // ou bien : document.getElementById('gauche').innerHTML = xpos; document.getElementById('haut').innerHTML = ypos; // ou bien (pour les navigateurs l'acceptant) window.status = 'X = '+xpos+' - Y = '+ypos; } } </script> <form name="monForm"> <p>Largeur : <input type=text name="largeur" size="5" /> pixels <br />Hauteur : <input type=text name="hauteur" size="5" /> pixels </form> <img src="carte.jpg" onmousemove="coords(event);" /><br /> Position X = <span id="gauche"></span> - Position Y = <span id="haut"></span>
L'origine est en haut-gauche de l'image.
grd merci pour ce script ! @++
slt tt le monde,
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué
avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la
question :
est-il possible, en mettant un <input type=image...
les coordonnees lorsque l'utilisateur passe la souris sur l image (ds
mon cas uen carte geographique) de les afficher sur 2 champs text ?
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la question : est-il possible, en mettant un <input type=image... les coordonnees lorsque l'utilisateur passe la souris sur l image (ds mon cas uen carte geographique) de les afficher sur 2 champs text ?
function coords(e) { // capturer position de la souris xpos = e.layerX? e.layerX : e.offsetX? e.offsetX+document.body.scrollLeft : 0; ypos = e.layerY? e.layerY : e.offsetY? e.offsetY+document.body.scrollTop : 0; if(xpos!=0 && ypos !=0) { document.monForm.hauteur = xpos; document.monForm.largeur = ypos; // ou bien : document.getElementById('gauche').innerHTML = xpos; document.getElementById('haut').innerHTML = ypos; // ou bien (pour les navigateurs l'acceptant) window.status = 'X = '+xpos+' - Y = '+ypos; } } </script> <form name="monForm"> <p>Largeur : <input type=text name="largeur" size="5" /> pixels <br />Hauteur : <input type=text name="hauteur" size="5" /> pixels </form> <img src="carte.jpg" onmousemove="coords(event);" /><br /> Position X = <span id="gauche"></span> - Position Y = <span id="haut"></span>
L'origine est en haut-gauche de l'image.
grd merci pour ce script ! @++
Neo-MatriX
slt tt le monde,
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la question : est-il possible, en mettant un <input type=image... les coordonnees lorsque l'utilisateur passe la souris sur l image (ds mon cas uen carte geographique) de les afficher sur 2 champs text ?
function coords(e) { // capturer position de la souris xpos = e.layerX? e.layerX : e.offsetX? e.offsetX+document.body.scrollLeft : 0; ypos = e.layerY? e.layerY : e.offsetY? e.offsetY+document.body.scrollTop : 0; if(xpos!=0 && ypos !=0) { document.monForm.hauteur = xpos; document.monForm.largeur = ypos; // ou bien : document.getElementById('gauche').innerHTML = xpos; document.getElementById('haut').innerHTML = ypos; // ou bien (pour les navigateurs l'acceptant) window.status = 'X = '+xpos+' - Y = '+ypos; } } </script> <form name="monForm"> <p>Largeur : <input type=text name="largeur" size="5" /> pixels <br />Hauteur : <input type=text name="hauteur" size="5" /> pixels </form> <img src="carte.jpg" onmousemove="coords(event);" /><br /> Position X = <span id="gauche"></span> - Position Y = <span id="haut"></span>
L'origine est en haut-gauche de l'image.
et si on veut que lorsqu'il click sur l image que ca remplisse auto les
champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD il faut utilsier l'option onclick mais je ne sais pas comment récupérer les valeurs de xpos et ypos va falloir que je my mette au js ! merci
slt tt le monde,
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué
avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la
question :
est-il possible, en mettant un <input type=image...
les coordonnees lorsque l'utilisateur passe la souris sur l image (ds
mon cas uen carte geographique) de les afficher sur 2 champs text ?
function coords(e) { // capturer position de la souris
xpos = e.layerX? e.layerX :
e.offsetX? e.offsetX+document.body.scrollLeft : 0;
ypos = e.layerY? e.layerY :
e.offsetY? e.offsetY+document.body.scrollTop : 0;
if(xpos!=0 && ypos !=0) {
document.monForm.hauteur = xpos;
document.monForm.largeur = ypos;
// ou bien :
document.getElementById('gauche').innerHTML = xpos;
document.getElementById('haut').innerHTML = ypos;
// ou bien (pour les navigateurs l'acceptant)
window.status = 'X = '+xpos+' - Y = '+ypos;
}
}
</script>
<form name="monForm">
<p>Largeur : <input type=text name="largeur" size="5" /> pixels
<br />Hauteur : <input type=text name="hauteur" size="5" /> pixels
</form>
<img src="carte.jpg" onmousemove="coords(event);" /><br />
Position X = <span id="gauche"></span>
- Position Y = <span id="haut"></span>
L'origine est en haut-gauche de l'image.
et si on veut que lorsqu'il click sur l image que ca remplisse auto les
champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD
il faut utilsier l'option onclick mais je ne sais pas comment récupérer
les valeurs de xpos et ypos
va falloir que je my mette au js !
merci
j'aimerais faire sous javascript un truc je pense pas trop compliquer
si, c'est compliqué avec tous ces navigateurs qui réfléchissent chacun à sa manière.
mais ne connaissant pas particulièrement bien le js je vous pose la question : est-il possible, en mettant un <input type=image... les coordonnees lorsque l'utilisateur passe la souris sur l image (ds mon cas uen carte geographique) de les afficher sur 2 champs text ?
function coords(e) { // capturer position de la souris xpos = e.layerX? e.layerX : e.offsetX? e.offsetX+document.body.scrollLeft : 0; ypos = e.layerY? e.layerY : e.offsetY? e.offsetY+document.body.scrollTop : 0; if(xpos!=0 && ypos !=0) { document.monForm.hauteur = xpos; document.monForm.largeur = ypos; // ou bien : document.getElementById('gauche').innerHTML = xpos; document.getElementById('haut').innerHTML = ypos; // ou bien (pour les navigateurs l'acceptant) window.status = 'X = '+xpos+' - Y = '+ypos; } } </script> <form name="monForm"> <p>Largeur : <input type=text name="largeur" size="5" /> pixels <br />Hauteur : <input type=text name="hauteur" size="5" /> pixels </form> <img src="carte.jpg" onmousemove="coords(event);" /><br /> Position X = <span id="gauche"></span> - Position Y = <span id="haut"></span>
L'origine est en haut-gauche de l'image.
et si on veut que lorsqu'il click sur l image que ca remplisse auto les
champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD il faut utilsier l'option onclick mais je ne sais pas comment récupérer les valeurs de xpos et ypos va falloir que je my mette au js ! merci
ASM
function coords()
grd merci pour ce script !
Bon ... avec Safari ou FF çà ne me donne pas la position / image mais celle / à la fenêtre ... ! :-(
de plus pour les champs texte il y a une erreur dans la fonction il faut :
et si on veut que lorsqu'il click sur l image que ca remplisse auto les champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD il faut utilsier l'option onclick mais je ne sais pas comment récupérer les valeurs de xpos et ypos
çà c'est le boulot du PHP : récupérer les valeurs des champs et les mettre en BdD
<form action="mise_en_bdd.php" method="get">
va falloir que je my mette au js !
si on veut un onclick ... astucieusement on utilise un ... onclick
et si on veut que lorsqu'il click sur l image que ca remplisse auto les
champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD
il faut utilsier l'option onclick mais je ne sais pas comment récupérer
les valeurs de xpos et ypos
çà c'est le boulot du PHP :
récupérer les valeurs des champs et les mettre en BdD
<form action="mise_en_bdd.php" method="get">
va falloir que je my mette au js !
si on veut un onclick ... astucieusement on utilise un ... onclick
et si on veut que lorsqu'il click sur l image que ca remplisse auto les champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD il faut utilsier l'option onclick mais je ne sais pas comment récupérer les valeurs de xpos et ypos
çà c'est le boulot du PHP : récupérer les valeurs des champs et les mettre en BdD
<form action="mise_en_bdd.php" method="get">
va falloir que je my mette au js !
si on veut un onclick ... astucieusement on utilise un ... onclick
et si on veut que lorsqu'il click sur l image que ca remplisse auto les champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD il faut utilsier l'option onclick mais je ne sais pas comment récupérer les valeurs de xpos et ypos
çà c'est le boulot du PHP : récupérer les valeurs des champs et les mettre en BdD
<form action="mise_en_bdd.php" method="get">
ouai ca c pas le pb le php j y arrive mieux que le JS ! ^^
va falloir que je my mette au js !
si on veut un onclick ... astucieusement on utilise un ... onclick
et si on veut que lorsqu'il click sur l image que ca remplisse auto
les champs x et y pour pouvoir les utiliser ensuite pr stockage ds une
BDD il faut utilsier l'option onclick mais je ne sais pas comment
récupérer les valeurs de xpos et ypos
çà c'est le boulot du PHP :
récupérer les valeurs des champs et les mettre en BdD
<form action="mise_en_bdd.php" method="get">
ouai ca c pas le pb le php j y arrive mieux que le JS ! ^^
va falloir que je my mette au js !
si on veut un onclick ... astucieusement on utilise un ... onclick
et si on veut que lorsqu'il click sur l image que ca remplisse auto les champs x et y pour pouvoir les utiliser ensuite pr stockage ds une BDD il faut utilsier l'option onclick mais je ne sais pas comment récupérer les valeurs de xpos et ypos
çà c'est le boulot du PHP : récupérer les valeurs des champs et les mettre en BdD
<form action="mise_en_bdd.php" method="get">
ouai ca c pas le pb le php j y arrive mieux que le JS ! ^^
va falloir que je my mette au js !
si on veut un onclick ... astucieusement on utilise un ... onclick
