Salut à tous,
J'essaie de mettre en place sur mon site un menu de ce type : collapse sidebar.
Je voudrais charger mon menu en ajax via jquery, voici mon code pour charger ce menu :
L'ouverture et le chargement du menu qui est contenu dans mon fichier popupMenu.php fonctionnent très bien mais une fois le menu chargé et affiché lorsque je clique sur les boutons <button class="dropdown-btn">, les sous-menus contenus dans la div <div class="dropdown-container"> ne s'ouvrent pas ![Frown :( :(](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f641.png)
Je pense que c'est un problème avec le DOM et la transmission de la class="dropdown-btn", voyez-vous une solution pour faire fonctionner cela ?
Merci d'avance pour vos réponses.
J'essaie de mettre en place sur mon site un menu de ce type : collapse sidebar.
Je voudrais charger mon menu en ajax via jquery, voici mon code pour charger ce menu :
Code:
$('body').on('click','.openbtn',function(){
var xmlhttp;
if(window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if(this.readyState==4 && this.status==200)
{
document.getElementById("mySidebar").style.width = "300px";
document.getElementById("mySidebar").innerHTML=xmlhttp.responseText;
document.getElementById("main").style.marginLeft = "300px";
}
}
xmlhttp.open("GET","../scripts/popupMenu.php",true);
xmlhttp.send();
});
![Frown :( :(](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f641.png)
Je pense que c'est un problème avec le DOM et la transmission de la class="dropdown-btn", voyez-vous une solution pour faire fonctionner cela ?
Merci d'avance pour vos réponses.