Bonjour à tous,
Je ne sais pas si c’est le confinement, mais je vais peter un plomb sur du javascript.
Donc, mon probléme :
J’ai menu qui ressemble à :
<nav id="menuben">
<ul>
<li id="1">
<a href="index.php?v=d&p=dashboard&object_id=1&childs=0 "> <i class="icon maison-house112"></i> Maison</a> </li>
<li id="2">
<a href="index.php?v=d&p=dashboard&object_id=2&childs=0"> <i class="icon loisir-diving1"></i> Piscine</a> </li>
...
Je génére mon menu en Javascript:
var navItems = [
{id: '1', href: 'index.php?v=d&p=dashboard&object_id=1&childs=0 ', text: '<i class="icon maison-house112"></i> Maison'},
{id: '2',href: 'index.php?v=d&p=dashboard&object_id=2&childs=0', text: '<i class="icon loisir-diving1"></i> Piscine'},
];
// A few variables for use later
var navElem = document.createElement("nav"),
navList = document.createElement("ul"),
navItem, navLink;
navElem.id = 'menuben';
navElem.appendChild(navList);
// Cycle over each nav item
for (var i = 0; i < navItems.length; i++)
{
// Create a fresh list item, and anchor
navItem = document.createElement("li");
navLink = document.createElement("a");
// Set properties on anchor
navLink.href = navItems[i].href;
navLink.innerHTML = navItems[i].text;
// Add anchor to list item, and list item to list
navItem.appendChild(navLink);
navList.appendChild(navItem);
var Idlink = document.createAttribute("ID");
Idlink.value = navItems[i].id;
navItem.setAttributeNode(Idlink);
};
// Set first list item as current
//$(document).ready(function(){
var planID = (location.search.split('object_id' + '=')[1] || '').split('&')[0];
alert(planID);
Bref tout va bien mais quand je cherche à poser la class « active » je n’y arrive pas (je suis trop null)
Je récupere bien mon PlanID qui correspond à mon ID de <li id="1">
Je pense que c’est un truc du genre :
$(’#menuben li’ + planID).addClass(« active »); mais ca ne marche pas.
Pour info, dans le code que j’avais récupéré,
navList.children[0].className = « active »; marche mais le 0 est le numéro de ma liste dans ma var navItems tout en haut du code.
Donc mon besoin pour être plus clair : Je récupere un ID (N), puis je change la classe
> <li id="N">.
Merci d’avance