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

4 réponses


Salut,

pourrais-tu nous poster ton code Javacript entier (concernant cette partie) ?

Merci.

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