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 :(
A voir également:
- Generer des données sur la même page
- Comment supprimer une page sur word - Guide
- Trier des données excel - Guide
- Imprimer tableau excel sur une page - Guide
- Effacer les données de navigation sur android - Guide
- Sauvegarde des données - Guide
1 réponse
Bonjour,
Il y a une erreur à la ligne :
J'ai rajouté des console log pour y voir plus clair, essaie comme ça :
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>
