Accueil > Forum > > > > Function qui ne functionne pas...
Function qui ne functionne pas...
lundi 20 juillet 2009 à 11:39:36 |
Function qui ne functionne pas...

Xiarea
|
Bonjour,
Je suis entrain d'essayer de faire ouvrir un popup lors d'un double clic sur une image. La nouvelle page doit connaitre les coordonées de la souris sur l'image ainsi que les références de l'image.
Pour le moment j'ai fait ceci dans le head :
Code Javascript : <script type ="text/javascript">
function AddNote()
{
//coordonnées absolues de la souris (lors du double clic)
var x = ondblclick.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
var y = ondblclick.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
window.open("editeur.php?cx="+ x +"&cy="+ y +"&refdoc=<?php echo $refdoc."&page=". $page?>");
}
</script>
et pour l'image :
Code PHP : <img src="<?php echo 'documents/'.$refdoc.'_'.$page.'.jpg'?>" ondblclick="Addnote();" style "z-index=0"/>
(puisque rien est simple, l'image change en fonction de la page, j'avais oublié de le dire...)
Cela ne vous étonnera peut-être pas, mais ça ne fonctionne pas!
Si vous avez des idées sur la méthode à employer...
Merci d'avance :)
|
|
lundi 20 juillet 2009 à 11:55:32 |
Re : Function qui ne functionne pas...
|
lundi 20 juillet 2009 à 12:00:50 |
Re : Function qui ne functionne pas...

Bul3
|
un exemple pour la position de la souris :
Code Javascript : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<div style="width:100%;height:600px;background-color:#FFFFAA;"
id="iddv">.</div>
<script type="text/javascript">
function Deplace( evt )
{ var posCur={ "x":0, "y":0 };
if ( window.event )
{ posCur.x=window.event.x+document.body.scrollLeft;
posCur.y=window.event.y+document.body.scrollTop;
}
else { posCur.x=evt.pageX;
posCur.y=evt.pageY;
}
return posCur;
}
document.body.onmousemove=function(event)
{ var p=Deplace( event );
document.getElementById("iddv").innerHTML="X:"+p.x+" / Y:"+p.y;
};
</script>
</body>
</html>

|
|
lundi 20 juillet 2009 à 13:01:53 |
Re : Function qui ne functionne pas...

Xiarea
|
Merci pour ton aide
j'ai corrigé l'erreur pour le style
le code HTML généré donne l'adresse de l'image :
Code HTML : <img src="documents/test_2.jpg" style ="z-index:0" ondblclick ="AddNote();" />
Et la fin de ma function AddNote() qui n'a pas changée :
Code Javascript : window.open("editeur.php?cx="+ x +"&cy="+ y +"&refdoc=test&page=2");
En théorie, la fonction AddNote() se lance bien lorsque l'utilisateur double clic sur l'image?
|
|
lundi 20 juillet 2009 à 13:26:03 |
Re : Function qui ne functionne pas...

Bul3
|
>>la fonction AddNote() se lance bien lorsque
>>l'utilisateur double clic sur l'image?
teste, fais des alert pour voir ce
qui se passe, debug si nécessaire...
ce que je peux te dire, c'est que
<img src="documents/test_2.jpg" style ="z-index:0"
ondblclick ="alert('toto');" />
ben... ça baigne

|
|
lundi 20 juillet 2009 à 14:01:58 |
Re : Function qui ne functionne pas...

Xiarea
|
Ouep :)
C'est mon truc de récupération de coordonées qui fonctionne pas...
Code Javascript : function AddNote(event)
{
var e = event || window.event;
//coordonnées absolues de la souris (lors du double clic)
var x = e.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
var y = e.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
window.open("editeur.php?cx="+ x +"&cy="+ y +"&refdoc=<?php echo $refdoc."&page=". $page?>");
}
ça bloque à var x = clientX...
|
|
lundi 20 juillet 2009 à 14:07:55 |
Re : Function qui ne functionne pas...
|
lundi 20 juillet 2009 à 14:08:27 |
Re : Function qui ne functionne pas...

Xiarea
|
My mistake!
ça fonctionne sous ie et pas sous ff... (une fois n'est pas coutume... ^^
|
|
lundi 20 juillet 2009 à 14:15:39 |
Re : Function qui ne functionne pas...
|
lundi 20 juillet 2009 à 14:33:26 |
Re : Function qui ne functionne pas...

Xiarea
|
Et bien... disons que je n'avais jamais eu a utiliser javascript, qui, il faut avouer, à une logique assez différente des autres langages de programmation que je connais...
Pour le reste des developpements web que j'ai fait, ie m'a toujours posé des problèmes, contrairement à Firefox...
Je ne mets absolument pas mes outils de developpements en cause... Et je reconnais volontier mon incompétence a manier js...
hmm... Pour en revenir au problème, il a suffit d'ajouter event en paramêtre à l'appel de la fonction.
Voir ce qui suit :
la fonction
Code Javascript : function AddNote(event)
{
var e = event || window.event;
//coordonnées absolues de la souris (lors du double clic)
var x = e.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
var y = e.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
window.open("editeur.php?cx="+ x +"&cy="+ y +"&refdoc=<?php echo $refdoc."&page=". $page?>");
}
l'appel à la fonction :
Code HTML : <img src="xxx.jpg" ondblclick="AddNote(event);" style = "z-index=0"/>
|
|
Cette discussion est classée dans : function, code, image, document, ondblclick
Répondre à ce message
Sujets en rapport avec ce message
multicalque pour image [ par shrogs ]
bonjour voila j ai un probleme je veux faire apparaitre et disparaitre des calque d image mais le hic c est que je ne sais pas pourquoi ca ne marche p
document.write() depuis 1 function [ par alonsyl ]
bonjour,par l'intermediaire d'une de mes "function" de mon j'actualise le contenu d'un via la commande suivante : document.monForm.monInput.value =
recupérer le code html d'une selection [ par caviar ]
Saluté ! j'ai un petit pb tout bête ...j'aimerai récupérer le code html selectionné lorsqu'un utilisateur fait un surlignage sur ma page ...par exempl
Intégration d'un diapo [ par dloc ]
Hello à tous, Je viens faire appel à vous pour un problème qui me casse fortement la tête et dont j'ai loin d'avoir les capacités nécessaire pour le
Tester le chargement du cache [ par typhoon ]
Bonjour, Après moultes recherches, je passe à la dernière étape : Poser une question... En effet, je n'arrive pas à résoudre le problème suivant: Je
Variable retour de function [ par bydouille ]
Bonjour, Je désire faire et utiliser une function qui me renvoie le contenu d'une ligne de tableau (3 cellules) avec comme id : cell-1, cell-2, cell-
soucis de lien sur image [ par YouSsoliVan ]
Bonjour, J ai un petit soucis avec le code javascript ci dessous, en fait, en cliquant sur le boutton "fermer", ceci annule les changements apportés
Mettre une légende sous une image dans une popup [ par Chris31000 ]
Bonjour, J'utilise un script pour ouvrir une image en taille réelle dans une popup en cliquant sur une miniature. J'aimerais qu'une légende puisse êtr
Retailler div apres chargement image [ par jashugan ]
Bonjour, Voilà mon problème, j'ai une lightbox que j'affiche, dans cette lightbox j'ai une image qui se charge. J'ai une fonction javascript qui me
L'élément document et le reste... [ par alexflex25 ]
Bonjour, En désespoir de cause je viens vous demander de l'aide une n-ème fois. Soit la class javascript suivante : [code=js] var alerting = Class.cr
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
|