Accueil > Forum > > > > Glisser Déposer problèeme avec Event target sur firefox
 Glisser Déposer problèeme avec Event target sur firefox
mardi 29 novembre 2005 à 03:53:46 |
Glisser Déposer problèeme avec Event target sur firefox
ob1knob
|
Salut à tous,
Ca fait 2 jours que je cherche à trouver pourquoi sur firefox, lorsque je mousedown sur un div avec une posisiton absolute, et que je mouseup sur un autre objet du document, le target que l'évènement me renvoie est le div sur lequel j'ai initialement cliqué.
De plus, on peut remarquer, en passant, que le div1 pour lequel j'ai fixé une hauteur, ne s'est pas agrandit pour s'adapter au texte.
Sur IE, tout va bien.
HELP !!!!!
Voici le code de test :
*************
<html>
<head>
<title>Test event.target</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div style="position:relative;z-index:100;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="td1" name="td1" onmouseover="status=this.value;">TEST TD 1</td>
</tr>
<tr>
<td id="td2" name="td2" onmouseover="status=this.value;">TEST TD 2</td>
</tr>
</table>
</div>
<div id="divdrag" name="divdrag" style="position:absolute;top:200;left:0;border:1px;border-style:solid;height:50px;width:100px;z-index:0;">
Cliquez ici puis déplacez la souris en maintenant le bouton gauche jusqu'à un autre objet pour avoir le target...</div>
<div id="divdrag2" name="divdrag2">DIV 2</div>
<div id="divdrag3" name="divdrag3" >DIV 3</div>
</body>
</html>
<SCRIPT LANGUAGE="JavaScript">
if (!document.all)
document.addEventListener("mouseup", test, true);
else
document.attachEvent("onmouseup", test);
function test (ev)
{
msg=(!document.all)?ev.target.id:event.srcElement.id;
alert(msg);
}
</script>
*************
Merci de votre aide.
|
|
mardi 29 novembre 2005 à 10:15:43 |
Re : Glisser Déposer problèeme avec Event target sur firefox
MaX3315
|
"...De plus, on peut remarquer, en passant, que le div1 pour lequel j'ai
fixé une hauteur, ne s'est pas agrandit pour s'adapter au texte...."
=> pour ca vu que tu as precisé une position en absolue il faut
mettre height:auto; (et regarde aussi la propriété overflow en css, ca
peut de servire).
Pour le problème d'événement :
<SCRIPT LANGUAGE="JavaScript">
if (!document.all)
document.addEventListener("mouseup", test, true);
else
document.attachEvent("onmouseup", test);
if (!document.all)
document.addEventListener("mouseout", test2, true);
else
document.attachEvent("onmouseout", test2);
function test (ev)
{
msg=(!document.all)?ev.target.id:event.srcElement.id;
alert('up from '+ msg);
}
function test2 (ev)
{
msg=(!document.all)?ev.target.id:event.srcElement.id;
alert('out from '+msg);
}
</script>
Si tu dragues l'événement onmouseout n'a pas lieu... ca doit etre pour ca que la cible ne change pas.
A mon avis veut mieux que tu regardes du coteé des événements spécifique au drag & drop :
Exemple  [ Lien ]
Liste complète ici:
[ Lien ]
Attention toutefois selon les navigateurs certains événement se nomme pas pareil ou n'existe pas.
|
|
Cette discussion est classée dans : test, document, div, event, target
 Répondre à ce message
 Sujets en rapport avec ce message
connaitre la position (coordonnées) du curseur de la souris? [ par johanb ]
Bonjour à tous, tous est dis dans le titre.Je sais c'est censé être qqc de basique, mais j'ai du mal. Voici l'origine de mon probleme: j'ai une liste
Taille tableau.. [ par nashoy ]
Bonjour,Mon but est de pouvoir cacher/montrer une cellule donnée d'un tableau (en jouant avec son width) à l'aide d'une petite fonction qui me pose qq
Methode "document.getElementById" // Probleme de modification de plusieurs DIV [ par Gunsnake ]
Bonjour, Voici mon problème. J'aimerais, au moyen d'un bouton actionné, modifier plusieurs DIV de ma page web. Tout ceci dans le but d'éviter les fra
calques div [ par tonytruand ]
bonsoirUn petit coup de main SVPje n'arrive pas à coller les div "contenu" juste au dessous des div onglets ??????j'ai essayé en mettant le tout dans
deplacement de plusieurs div [ par pegasus77 ]
Bonjour , voila j'essaie de faire une fonction qui me permettra de deplacer plusieurs DIV. j'ai pris un code draganddrop qui me permet de deplacer u
mettre le contenu d'une basile dans une variable [ par techwarior2 ]
je voudrais pouvoir interpréter le texte de la balise , j'ai essayé beaucoup de truc commme :var test = oDiv.getElementsByTagName("SPAN");document.wri
Test sur un SELECT pour faire afficher une textbox [ par JeanSeb73 ]
BonjourJ'ai un formulaire en html avec un select, en fonction du choix de l'utilisateur, je voudrais (ou non) faire afficher un textbox pour qu'il rem
Pb de script PHP et Javascript [ par nicolas66 ]
Bonjour @ tous !Je pensé avoir trouvé une solution possible avec ce script en plaçant les coordonnées de la souris ds des boites de textes, puis récup
verification formulaire avec test() [ par ygsi5355 ]
J'avais une vérification qui fonctionnait bien.J'ai ajouté || (/^[0-9] {10}$/.test(document.quizz.tel.value))pour vérifier qu'il y a uniquement 10 chi
probleme script de controle de saisie [ par fredmorvant29 ]
bonjour, je suis en train de réaliser le controle de saisie sur mon formulaire.je souhaite tester deux choses : *que l'email soit valide (ça ça mar
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|