OnClick... pourquoi ça marche pas??

OnClick... pourquoi ça marche pas?? - HTML/CSS - Programmation

Marsh Posté le 24-04-2006 à 19:03:34    

Bonsoir,
 
Je rencontre un problème très contrariant...
 
J'ai affecté une fonction javascript à chacun de mes éléments de ma page web.
ex : <div id="A1" onClick=mafonction("A1" );>
 
et le problème c'est que lorsque je clique sur cet élément ce n'est pas l'évènement onClick de celui-ci qui s'active... mais celui du conteneur global de la page...
 
Je vous remercie par avance de vos réponses!!

Reply

Marsh Posté le 24-04-2006 à 19:03:34   

Reply

Marsh Posté le 24-04-2006 à 19:09:20    

un évènement javascript doit retourner true ou false:
true-> l'évènement a été traité, ne pas faire traiter l'évènement par les éléments parents,
false-> l'évènement n'a pas été traité, faire traiter l'évènement par les éléments parents,
 
<<void>> est renvoyé par les fonction sans retour, interprété comme <<false>>.

Reply

Marsh Posté le 24-04-2006 à 19:12:09    

ah ok c cool de me le dire, dans une question similaire on m'avait dit de mettre false!! ok jvais essayer et je confirmerai

Reply

Marsh Posté le 24-04-2006 à 19:14:51    

... bon et le return true doit etre placé dans ma fonction appelée?
 
parce que si c le cas je confirme que ça ne marche tjs pas
 
Essayé également après l'appel de la fonction avec onclick... pareil ça ne marche pas


Message édité par Dorian BAC+4 le 24-04-2006 à 19:18:49
Reply

Marsh Posté le 24-04-2006 à 19:25:01    

Code :
  1. <div id="A1" onClick="mafonction(this); return true;">

Reply

Marsh Posté le 24-04-2006 à 19:27:54    

heu, j'ai un doute, je suis peut être en train de confondre true/false.

Reply

Marsh Posté le 24-04-2006 à 19:28:25    

nan true c bien ça, mais ça ne marche pas...
 
Par contre l'élément est bien appelé mais change (dans le cas du true dans la fonction)!! donc c un truc dans le genre, mais lequel...


Message édité par Dorian BAC+4 le 24-04-2006 à 19:38:57
Reply

Marsh Posté le 24-04-2006 à 19:40:49    

primo je confonds true/false,
secundo, ça ne fonctionne pas avec les parents mais uniquement avec l'action par défaut associé,
 
pour résourdre ton problème utilise une variable globales:

Code :
  1. var transmettre_parent=true;
  2. function transmettre(t)
  3. { transmettre_parent=t; }
  4. function fct_parent()
  5. {
  6.   if (!transmettre_parent) return;
  7.   ...
  8. }


Edit: ok


Message édité par nargy le 24-04-2006 à 19:42:43
Reply

Marsh Posté le 24-04-2006 à 19:47:29    

:S ma fonction appelée est une ouverture d'un popup ouvrant une page php avec passage en paramètre de l'id de l'élément cliqué...
 
tu as écris deux fct, qd est appelée la fct transmettre?

Reply

Marsh Posté le 24-04-2006 à 20:04:21    

:lol: kk

Code :
  1. <script type="text/javascript" language="JavaScript">
  2. var transmetre_parent=true;
  3. function transmettre(t)
  4. { return transmetre_parent=t; }
  5. function transmission()
  6. { return transmetre_parent; }
  7. </script>
  9. <div onclick="javascript: if(transmission()) window.alert('BODY');return transmission();">
  10. BODY
  11. <a href="/" onclick="javascript: if(transmission()) window.alert('A');return transmettre(false);">
  12. A
  13. </a>
  14. </div>

Reply

Marsh Posté le 24-04-2006 à 20:04:21   

Reply

Marsh Posté le 24-04-2006 à 20:32:06    

je ne comprend pas l'intérêt de tes fonctions...

Reply

Marsh Posté le 24-04-2006 à 20:34:13    

Code :
  1. var popup;
  2. function essai(id)
  3. {
  4.   popup = window.open('popup.php?id='+id,'Titre','width=375,height=300,toolbal=no,location=no,directories=no,status=no,menubar=no=scrollbars=no,resilable=no');
  5.   return true;
  6. }


 

Code :
  1. <div id='A1B1' onClick="javascript:essai();">
  2. <div id='A1B2' onClick="javascript:essai();">
  3. <img id='A3B1' onClick="javascript:essai();">


 
j'obtiens tjs A1B1 qui est le conteneur global du site

Reply

Marsh Posté le 24-04-2006 à 21:11:10    

remplacer essai() dans les onclicks par:

Code :
  1. if(transmission()) essai();return transmettre(false);


C'est à dire si transmission() de l'évènement autorisé, executer la fonction essai(), retourner transmettre(false) pour inactiver la transmission de l'évènement.

Reply

Marsh Posté le 01-05-2006 à 12:03:01    

bon et si g envie d'utiliser plusieurs fois la fonction, maintenant elle est bloquée..

Reply

Marsh Posté le 01-05-2006 à 12:04:14    

tu postes tout le code JS et HTML de ta page qu'on puisse te dire ce qui ne fonctionne pas, à mon avis c'est parce que c'est mal programmé [:petrus75]

Reply

Marsh Posté le 01-05-2006 à 12:06:26    

return transmettre(true);
pour la débloquer.
poste plutôt un lien, histoire de pas trop spammer.. :D

Reply

Marsh Posté le 01-05-2006 à 12:06:40    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <HTML>
  4. <HEAD>
  5. <TITLE>Page d'accueil
  6. </TITLE>
  7. <STYLE type='text/css'>
  8. *
  9. {
  10. margin:0;
  11. padding:0;
  12. }body
  13. {
  14. width: 100%;
  15. height: 100%;
  16. overflow:auto;
  17. margin: 0;
  18. padding: 0;
  19. font-family:'Verdana';
  20. font-weight: bold;
  21. font-size:12px;
  22. background-image: url(Fonds/back.jpg);
  23. background-repeat: repeat-x;
  24. background-attachment: fixed;
  25. color:#E0E0FF;
  26. }
  27. img#A3B1
  28. {}
  29. div#A1B2
  30. {height:50px;
  31. padding:10px;
  32. text-align:right;
  33. font-family:'Verdana';
  34. font-weight: bold;
  35. font-style:italic;
  36. border: 1px solid #A0E014;}
  37. div#A1B3
  38. {position: absolute;
  39. padding:5px;
  40. top:150px;
  41. left:10px;
  42. width: 130px;
  43. height: 100px;
  44. background-color:#BBBBFF;
  45. border: 1px solid #A0E014;}
  46. div#A1B5
  47. {margin-top:20px;
  48. background: url(Fonds/btexte.jpg) #0073DD repeat-x;
  49. padding:15px;
  50. border: 1px solid #A0E014;}
  51. div#A1B4
  52. {margin-left: 160px;
  53. margin-right: 10px;
  54. width: auto;
  55. color:#E0E0FF;}
  56. div#A1B1
  57. {width: 100%;
  58. height: 100%;
  59. position: absolute;}
  60. </STYLE>
  61. <SCRIPT LANGUAGE='Javascript' type='text/javascript'>
  62. var popup;
  63. var transmetre_parent=true;
  64. function transmettre(t)
  65. {
  66.   return transmetre_parent=t;
  67. }
  68. function transmission()
  69. {
  70.   return transmetre_parent;
  71. }
  73. function insert_option(field,value,value_text)
  74. {
  75.   index=field.options.length;
  76.   field.options[index]=new Option(value,value_text);
  77. }
  78. function essai(id)
  79. {
  80. if (! window.focus)return true;
  81. var mylink = 'popupbasic.html';
  82. var href;
  83. if (typeof(mylink) == 'string')
  84. href='popup.php?id=';
  85. else
  86. href=mylink.href;
  87. window.open(href+id, 'Titre', 'width=375,height=300,toolbal=no,location=no,directories=no,status=no,menubar=no=scrollbars=no,resilable=no');
  88. return false;
  89. }
  90. </SCRIPT>
  91. </HEAD>
  92. <BODY>
  93. <div id='A1B1' onClick="javascript: if(transmission()) essai('A1B1');return transmettre(false);">
  94. <div id='A1B2' onClick="javascript: if(transmission()) essai('A1B2');return transmettre(false);">
  95. <img id='A3B1' onClick="javascript: if(transmission()) essai('A3B1');return transmettre(false);">
  96. </div>
  97. <div id='A1B3' onClick="javascript: if(transmission()) essai('A1B3');return transmettre(false);">
  98. </div>
  99. <div id='A1B4' onClick="javascript: if(transmission()) essai('A1B4');return transmettre(false);">
  100. <div id='A1B5' onClick="javascript: if(transmission()) essai('A1B5');return transmettre(false);">essai<br>
  101. la suite bientôt
  102. </div>
  103. </div>
  104. </div>
  105. </BODY>
  106. </HTML>


 
mouep ça fait bcq...


Message édité par Dorian BAC+4 le 01-05-2006 à 12:17:09
Reply

Marsh Posté le 01-05-2006 à 12:09:30    

déjà ferme tes DIV je comprend pas pourquoi tes div ne sont pas fermés :o
 
ferme chaque div et vire moi le paté de BR

Reply

Marsh Posté le 01-05-2006 à 12:10:16    

ils le sont!

Reply

Marsh Posté le 01-05-2006 à 12:18:12    

je peux comprendre pourquoi tu as pleins de div imbriqués .

Reply

Marsh Posté le 01-05-2006 à 12:19:44    

Reply

Marsh Posté le 01-05-2006 à 14:28:28    

up

Reply

Marsh Posté le 01-05-2006 à 14:34:31    

ET pourquoi tes divs sont imbriqués :/ avec des onclicks de partout sur chaque div :/

Reply

Marsh Posté le 01-05-2006 à 14:35:12    

et c'est quoi qui marche pas :/
le fait d'ouvrir une popup ? ou la popup qu n'interagit pas avec la fenetre ouvrante (sachant que c'est mal codé d'office)

Reply

Marsh Posté le 01-05-2006 à 14:41:53    

les imbrications j'ai pas le choix c comme ça
 
pour ce qui est du problème c le fait soit qu'en cliquant sur l'élément l'appel boucle sur lui meme juskà atteindre le conteneur global A1B1
 
soit que l'appel se fait correctement dans l'exemple montrait ci-dessus mais qu'il ne peut etre fait qu'une fois...
 
et je souhiaterais pouvoir appeler le popup autant de fois ke je veux... et surtout sur l'élément que je veux

Reply

Marsh Posté le 01-05-2006 à 14:49:34    

tu fous '_blank' a la place de 'titre' :/
ca t'ouvrira une nouvelle popup à chaque window.open

Reply

Marsh Posté le 01-05-2006 à 15:00:32    

okayy avis aux amateurs ki ne comprennent rien à ceux qu'ils écrivent... merci bien je me passerai de vos réponses à 2 sous.
 
j'attends avec impatience vos réponses constructives ;)

Message cité 1 fois
Reply

Marsh Posté le 01-05-2006 à 15:01:48    

vous avez tous mon code source sur http://webtoulon.free.fr/Sam/
et vous pouvez le copier pour le tester
 
pas de réponses qui ne marchent pas merci

Reply

Marsh Posté le 01-05-2006 à 15:03:28    

Dorian BAC+4 a écrit :

okayy avis aux amateurs ki ne comprennent rien à ceux qu'ils écrivent... merci bien je me passerai de vos réponses à 2 sous.
 
j'attends avec impatience vos réponses constructives ;)


et moi j'attends avec impatience le pourquoi de ce post
 
edit: et si possible, sans fautes d'orthographe niveau CM2 ou de SMS Style. merci

Message cité 1 fois
Message édité par Harkonnen le 01-05-2006 à 15:10:00

---------------
J'ai un string dans l'array (Paris Hilton)
Reply

Marsh Posté le 01-05-2006 à 15:08:29    

J'ai la vague impression que tu ne sais même pas ce que tu as codé [:petrus75]

Reply

Marsh Posté le 01-05-2006 à 15:14:00    

Harkonnen a écrit :

edit: et si possible, sans fautes d'orthographe niveau CM2 ou de SMS Style. merci


 
Ho oui fouette moi à coup de corrections d'orthographe :love:  

Reply

Marsh Posté le 01-05-2006 à 15:15:47    

Explication :
 
Je souhaiterais pouvoir ouvrir un popup lors d'un clic sur un des éléments de ma page.
Chaque élément a son Id propre qui passé en paramètre lors de l'ouverture du popup, me permettra ensuite d'agir sur l'élément sélectionné.

Reply

Marsh Posté le 01-05-2006 à 15:17:25    

Le problème actuel est que je ne peux pas faire autrement que d'utiliser des imbrications et ce que j'ai eu l'occasion de tester jusqu'à présent m'a soit limité à l'ouverture d'un seul popup (puis plus possible d'en ouvrir d'autre), soit d'ouvrir autant de popup que je veux mais toujours en ayant pour paramètre le conteneur global

Reply

Marsh Posté le 01-05-2006 à 15:21:00    

Le problème viendrait soit-disant du renvoie de true ou false.
Les deux codes tester font :
 
- je renvoie false... mais je peux plus utiliser la fonction ensuite
- je renvoie true... la fonction semble boucler jusqu'à parvenir au conteneur parent global

Reply

Marsh Posté le 01-05-2006 à 16:32:25    

up

Reply

Marsh Posté le 01-05-2006 à 16:33:22    

http://gatsu.ftp.free.fr/html/popupinteraction/
tu lances principale.html
 
les onclicks sur les id sont automatisés
la fonction Popup(obj, AllowMultiplePopup)  
obj = correspond à l'objet sur lequel tu as cliqué
AllowMultiplePopup = booleen,  
-true : chaque objet aura sa popup,  
-false ou rien du tout = tous les objets auront la même popup
 
exemples de lancement de cette fonction :  
Popup(this)
Popup(this,true)
Popup(this,false)
 
et dans popup.html, je récupère l'id passé en paramètres dans l'url (oui je suis une grosse feignasse)
et baste :o
 
C'est pas exempt de défauts hein :o
 
Par exemple il faudrait rajouter un control de dimensions afin de ne pas avoir de hauteur et largeur négative, afin de ne pas se prendre de alert dans le coin de la gueule.


Message édité par gatsu35 le 01-05-2006 à 16:49:10
Reply

Marsh Posté le 01-05-2006 à 16:59:57    

tu n'a pas du comprendre la méthode.
dans le tout premier div, tu remplace false par true.

Reply

Marsh Posté le 01-05-2006 à 17:16:09    

je veux que TOUT meme le premier div puisse etre modifié
et nan gatsu ça marche pas
 
Cf modifications : http://webtoulon.free.fr/Sam/


Message édité par Dorian BAC+4 le 01-05-2006 à 17:25:43
Reply

Marsh Posté le 01-05-2006 à 17:22:07    

gatsu pk te limites tu aux div en plus?

Reply

Marsh Posté le 01-05-2006 à 17:33:43    

Bon c'est bon ça marche :o
J'ai un booleen, qui est à false par defaut
dès qu'on click il passe à true et empeche les autres onclicks des autres div d'ouvrir une popup. Ensuite dès que la popup est totalement chargée le booleen repasse à false à partir de la popup.
 
Et si je me limite au div c'st parce que dans ton exemple ya que des div :o, et que j'ai juste une fonction d'initialisation
tu peux très bien le faire sur ce que tu veux :o
ou bien rajouter l'évènement onclick à la main sur n'importe quoi :o
 
<a href="#" id="objet" onclick="Popup(this, true)">ta reum </a>


Message édité par gatsu35 le 01-05-2006 à 17:34:07
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed