Bootstrap data-toggle="dropdown" Dynamique

Bonjour a tous
J'essais de créé dynamiquement des dropdownmenu avec BootStrap
J'ai le code HTML et j'essai de la reproduire en javascript
Mais sa bloque l'attribution de la class
J'ai un erreur (missing ; ) pour l'item data-toggle="dropdown"
data-toggle est-ce une class ou une attr.
Merci

Code:

---

1 2 3 4

var myAref = document.createElement("a"); myAref.href = "#"; myAref.className = "btn btn-default dropdown-toggle" data-toggle="dropdown"; myAref.innerHTML = " État ";

---

Code:

---

myAref.className = "btn btn-default dropdown-toggle" data-toggle="dropdown";

---

tu espères quoi là ?? :)

Code:

---

1 2 3 4

myAref.className = "btn btn-default dropdown-toggle"; myAref.setAttribute("data-toggle","dropdown");

---

ou si tu utilises JQuery:

Code:

---

var myAref = $('<a/>").attr("href","#").addClass("btn btn-default dropdown-toggle).data("toggle","dropdown").html( " État ");

---

Code:

---

myAref.dataset.toggle = 'dropdown';

---

dataset ?
je ne connaissais pas, c'est l'instruction js pour l'attribut data ?

Oui, c'est l'API dataset : http://www.w3.org/TR/html5/dom.html#dom-dataset ;)

HTML5 ...

Citation:

---

Tu espères quoi là ??

---

Franchement je ne savais aucunement c'était quoi... un attribut ou une classe ( j'essai de reproduire le code html ):roll:

Citation:

---

Envoyé par Bovino

Code:

---

myAref.dataset.toggle = 'dropdown';

---

---

Citation:

---

Oui, c'est l'API dataset : http://www.w3.org/TR/html5/dom.html#dom-dataset

---

Merci Bovino pour la solution ET le lien pour comprendre

Bah oui, mais en même temps, les attributs data-*, c'est du HTML5. :aie:
Et si tu rajoutes

Code:

---

1 2 3

<!--[if lt IE 11]> <h1>Votre navigateur est une bouse, changez-en !</h1> <![endif]-->

---

l'API dataset devient compatible tous navigateurs ! :P

Citation:

---

Envoyé par learningcode

Franchement je ne savais aucunement c'était quoi...

---

Le prérequis pour faire du JavaScript (ou du CSS et encore plus du PHP), c'est de connaitre parfaitement HTML. ;)

Citation:

---

Bah oui, mais en même temps, les attributs data-*, c'est du HTML5.

---

Jquery était en avance sur son temps ^^

Pas sûr que même des habitués sont au fait de tout les api html 5
Du coups si tout le monde s'aurait tout... Ce forum n'aurait pas d'utilité
J'apprend et ne demande jamais deux fois la meme question
ET
Est reconnaissant envers ceux qui m'aide:P