// lancer le js quand le DOM est prêt $(document).ready(function(){ // detecter les clics sur les articles $('.liste_actus_item').on('click', function(event){ // ne pas propager l'evenement javascript event.preventDefault(); // on recupere l'id de l'article grace à l'attribut data-id var id_article_current = $(this).attr("data-id"); // on ajoute une classe "active" sur le bloc en cours $('.liste_actus_item.active').removeClass('active'); $(this).toggleClass('active'); // on appelle le fonction ajaxReload // pour rafraichir le bloc "vue actu" avec comme argument id_article $(".debug").html("Appel de l'article: " + id_article_current); ajaxReload('vue_actu', { args:{id_article:id_article_current}, callback:function(){ $(".debug").html("Article " + id_article_current + " chargé !"); }, }); }); });