Generer des données sur la même page
majdou
-
schweppes41 Messages postés 140 Statut Membre -
schweppes41 Messages postés 140 Statut Membre -
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 :
merci de m'aider :(
<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 :(
1 réponse
-
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>
