[problème] Php Ajax refresh, Js event

Php Ajax refresh, Js event [problème] - PHP - Programmation

Marsh Posté le 20-12-2022 à 16:14:29    

Bonjour

 

  Débutante, je suppose qu'il me manque un truc tout con pour que cela fonctionne
ou bien une subtilité que je n'ais pas

  

  j'ai ce genre de ce code :
    -   quand  je clique sur mon bouton "CONNECT!" s'affiche

 

Code :
  1. <div id="toto">
  2.      <input type="button" id="action-connect" value="connect"/>
  3. </div>
  4.        
  5. <script>
  6.        $('#action-connect').on('click', function(e) { alert("CONNECT!" )})
  7. </script>
 

   grâce à une requête Ajax je viens changer le contenu du <div> avec du texte
    tout en gardant la partie <script>

 

Code :
  1. <div id="toto">
  2.       Contenu bidon
  3. </div>
  4.        
  5. <script>
  6.        $('#action-connect').on('click', function(e) { alert("CONNECT!" )})
  7. </script>
 

   un  peut plus tard grâce à une requête Ajax je viens restaurer contenu du <div> avec mon bouton

 

Code :
  1. <div id="toto">
  2.      <input type="button" id="action-connect" value="connect"/>
  3. </div>
  4.        
  5. <script>
  6.        $('#action-connect').on('click', function(e) { alert("CONNECT!" )})
  7. </script>
 

 Et la rien a faire , le on click ne se lance plus....
 
je ne comprend pas la logique du truc.... ca me parait tellement basique , j'ai été faire un tour sur les tutos Ajax, mais pour le moment je n'ais rien....

 


   


Message édité par une IA le 20-12-2022 à 16:16:17
Reply

Marsh Posté le 20-12-2022 à 16:14:29   

Reply

Marsh Posté le 20-12-2022 à 17:08:09    

A priori :
    Le lien html<->handler se rompt au changement de contenu html
 
Une stratégie :  
    serait de plugger les handler sur des éléments englobants, jamais modifiés.
 
 
 
Au vu du nombre de handler que j'ai si je plus tout sur mon conteneur global... ca va être cocasse.


Message édité par une IA le 20-12-2022 à 17:12:19
Reply

Marsh Posté le 21-12-2022 à 11:21:57    

Pourquoi ne pas simplement masquer le bouton via un display=none (c'est du CSS mais tu peux appliquer une règle CSS via du javascript) ? ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 21-12-2022 à 15:27:33    

Finalement j'ai remonté mes handlers au niveau de mon container global.
 
ca fonctionne :)
 
 

Reply

Marsh Posté le 21-12-2022 à 15:29:07    

rufo a écrit :

Pourquoi ne pas simplement masquer le bouton via un display=none (c'est du CSS mais tu peux appliquer une règle CSS via du javascript) ? ;)


 
 
Je profite de ce petit exercice pour me mettre à jour sur les technos web, alors jasperait faire un truc aux petits oignons, limitant au max le code caché coté html
 
C'est tout :)  
 
 

Reply

Marsh Posté le 09-02-2023 à 14:29:11    

Salut,
Avec beaucoup de retard :
Version jQuery
Version Vanilla
++


---------------
Mon topic Achat/Ventes/Dons
Reply

Sujets relatifs:

Leave a Replay

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