Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3679 connectés 

  FORUM HardWare.fr
  Programmation
  PHP

  [problème] Php Ajax refresh, Js event

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[problème] Php Ajax refresh, Js event

n°2436142
une IA
01010111 01010100 01000110
Posté le 20-12-2022 à 16:14:29  profilanswer
 

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
mood
Publicité
Posté le 20-12-2022 à 16:14:29  profilanswer
 

n°2436158
une IA
01010111 01010100 01000110
Posté le 20-12-2022 à 17:08:09  profilanswer
 

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
n°2436235
rufo
Pas me confondre avec Lycos!
Posté le 21-12-2022 à 11:21:57  profilanswer
 

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
n°2436259
une IA
01010111 01010100 01000110
Posté le 21-12-2022 à 15:27:33  profilanswer
 

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

n°2436260
une IA
01010111 01010100 01000110
Posté le 21-12-2022 à 15:29:07  profilanswer
 

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 :)  
 
 

n°2440028
gregs11
Posté le 09-02-2023 à 14:29:11  profilanswer
 

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


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  [problème] Php Ajax refresh, Js event

 

Sujets relatifs
PHP - Récupérer le rating dans les exif d'une photoProblème avec char
[Javascript - Nodejs - Mongoose] Problème Fetch PUT form-dataproblème de récupération de texte avec une fonction
inclure un modal dans un script JSPHP rentre 0 au lieu de NULL
Microservices : Go, Swoole ou Php Natif ?Saut de ligne code PHP
Problème affichage avec tabletteDivers - problème de formulaire HTML / CSS / JS
Plus de sujets relatifs à : [problème] Php Ajax refresh, Js event


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)