L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
102144 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     L'écriteau
     Faro-dessing
     Images gifs an...
     Netsources
     Easy-script.com
     Création de site
     Créer son site...
     Je javascript
     Les autres
     Votre site ici ?


Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]


[ Forums >> JavaScript >> Problèmes sur les cours de JavaScript >> Coordonnées du curseur sur une zone déterminée ]

> Coordonnées du curseur sur une zone déterminée
[ Posté par nikocoko ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 27-05-2008 à 15:40 | 1 messages ]

Bonjour,
je conçoit une appli en web, pour permettre a un utilisateur de renseigner la position d'un point sur un plan.

J'ai trouvé ce script qui affiche les positions du curseur en temps réel:



<SCRIPT language=javascript>
function mouseMove (evt) {
var x=0; var y=0;
if (document.calque1) {
x=evt.x; y=evt.y;
}
else

if (document.all) {
x=event.clientX; y=event.clientY;
} else {
if (document.getElementById) {
x=evt.clientX; y=evt.clientY;
}
}
window.status = "X="+x + '; Y=' + y;
}
if (document.calque1)
{document.calque1.captureEvents(calque1.Event.MOUSEMOVE);
//if (document.calque1 || document.all)
document.calque1.onmousemove = mouseMove;}
if (document.addEventListener)
document.addEventListener('mousemove', mouseMove, true);

</SCRIPT>

Mais comment pourrais je afficher les coordonnées seulement sur l'image (le coin inférieur gauche de l'image serait de coordonnées 0,0 quelquesoit la position de l'image dans ma page html) ??

Merci



[ Posté par sfresnel ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 28-07-2008 à 16:17 | 16 messages ]

Essaye comme ca pour voir
function mousemove ( event ) {
if ( !event )
event = window.event;

var x = (event.pageX || event.clientX + document.body.scrollLeft - document.body.clientLeft) - (event.source || event.target || event.srcElement).offsetLeft;
var y = (event.pageY || event.clientY + document.body.scrollTop - document.body.clientTop) - (event.source || event.target || event.srcElement).offsetTop;

window.status = x + "/" + y;
}


________________
http://www.o2blog.fr Ajax, ca pique les yeux, mais c'est pas grave!




Services email :

Vous devez vous identifier pour profiter des services par email du forum.
Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]






34 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
LDLC
Un des plus anciens magasin en ligne d'informatiquye en France. Ils sont un peu chers, mais vraiment tres serieux.
http://www.ldlc.com/
Cat : Hardware
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
54814 membres
8894 comptes CountUs
1456 comptes myCircle

     LES FORUMS :
14 forums
39162 topics
188630 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Graphisme / Présentation" du jour par KevBrok
Si vous voulez que votre site soit bien lisible, n'utilisez surtout pas de fond dérière du contenu, à part de légés dégradés. Utilisez aussi une couleur contraire à la couleur de fond: Sur fond blanc, Le texte devrait être noir; sur fond noir, il devrait être blanc. Enfin, n'écrivez pas trop petit
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 28/08/2008 19:22:48 | Design by Studcrea | Gen. en 0.447 sec.