Generer des données sur la même page

Fermé

majdou - 15 juin 2015 à 11:47
schweppes41 Messages postés 135 Date d'inscription mercredi 1 avril 2015 Statut Membre Dernière intervention 22 août 2016 - 19 juin 2015 à 11:34

BBonjour dans le cadre d'un projet je souhaite à l'aide de jquery générer sur la même page que mon menu nav des données qui se renouvèlent à chaque clique sur un lien du menu mais il y a apparemment un soucis :


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">     
jQuery(document).ready(function(){
$(".click").click(function(){
var encodeURIComponent = $(this).val();// poster chaque valeur de clic vers une autre page
 $.ajax
 ({
 url: "graph/aff.php", 
dataType: "html",
 type: 'POST', //Je veux un type  POST
 data: "graph="+encodeURIComponent, 
 success: function(data)
 { 
$("#menu-accordeon").html($data); 
 }
  });
}); 

});
</script>
					
<ul id="menu-accordeon">
						
	<li><a href="#"> Machine 1 </a>
	    <ul>
		<img src ="img/chart_bar.png">
	<li><a href ="#" class="click"> Graphique 1 </a></li>
	<li><a href ="#" class="click"> Graphique 2 </a></li>
	<li><a href ="#" class="click"> Graphique 3 </a></li>
	    </ul>
	</li>

merci de m'aider :(

A voir également:

Generer des données sur la même page
Comment supprimer une page sur word - Guide
Traduire la page - Guide
Comment générer un qr code - Guide
Word numéro de page 1/2 - Guide
Comment imprimer un tableau excel sur une seule page - Guide

1 réponse

Réponse 1 / 1

schweppes41 Messages postés 135 Date d'inscription mercredi 1 avril 2015 Statut Membre Dernière intervention 22 août 2016 26
19 juin 2015 à 11:34

Bonjour,
Il y a une erreur à la ligne :

$("#menu-accordeon").html($data);

J'ai rajouté des console log pour y voir plus clair, essaie comme ça :

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {
        $(".click").click(function () {
            var encodeURIComponent = $(this).val();// poster chaque valeur de clic vers une autre page
            console.log(encodeURIComponent);
            $.ajax
                    ({
                        url: "graph/aff.php",
                        dataType: "html",
                        type: 'POST', //Je veux un type  POST
                        data: "graph=" + encodeURIComponent,
                        success: function (data)
                        {
                            console.log(data);
                            $("#menu-accordeon").html(data);
                        }
                    });
        });

    });
</script>

<ul id="menu-accordeon">
    <li><a href="#"> Machine 1 </a>
        <ul>
            <img src ="img/chart_bar.png">
            <li><a href ="#" class="click"> Graphique 1 </a></li>
            <li><a href ="#" class="click"> Graphique 2 </a></li>
            <li><a href ="#" class="click"> Graphique 3 </a></li>
        </ul>
    </li>
</ul>

Discussions similaires

Code source couleur de fond

imprimer plusieurs fois la meme photos sur la meme page