Bonjour,
J'ai une page dans lequel je fait un jQuery('#info').load('ma-page.php');
Dans ma page php j'ai un bouton qui fait appel à une fonction javascript qui "devrait" modifier un div présent dans la premiere page
Or j'ai une erreur la page php ne voit pas le div ni la fonction javascript présent dans la permiere page. Si je prend ma ligne de code du bouton et que je la met dans la premiere page tout marche correctement
Avez vous une idée / piste ou même solution
Pour la page php :
<script type="text/javascript">
jQuery('#map_info').load('wp-content/themes/zerif-lite/maj-div-date.php');
</script>
<div id="map_info" style="border:2px solid #ff0000;">
Donnée du div d'information
</div>
Pour ce qui est de la page php chargé dans le div :
<?php
echo '<button id="button1">Modifier div</button><br />';
?>
Javascript pour gestion jquery
<script type="text/javascript" language="javascript">
jQuery(document).ready(function() {
jQuery(function() {
jQuery('#button1').click(function() {
//jQuery('#map_info').load('wp-content/themes/zerif-lite/maj-div-date.php');
jQuery('#map_info').html("Donnée du div d'information");
});
});
});
</script>
En faite mon <button id="button1">Modifier div</button>
marche très bien quand il se trouve dans la premiere page php mais quand il se trouve dans la page php chargé en jquery dans le div il ne marche plus
Essaye ceci :
<script type="text/javascript" language="javascript">
jQuery(document).ready(
$('#button1').on('click', function() {
$('#map_info').html("Donnée du div d'information");
});
});
</script>
Il faut binder l'event click via la fonction on() de jQuery pour que les éléments ajoutés dans le DOM dynamiquement soient pris en compte.
Merci beaucoup cela m'enlève une bonne épine du pied je vais pouvoir bien avancer