Discussion :

[learningcode]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

tu espères quoi là ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou si tu utilises JQuery:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

myAref.dataset.toggle = 'dropdown';

[SpaceFrog]

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

[Bovino]

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

[SpaceFrog]

HTML5 ...

[learningcode]

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 )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

myAref.dataset.toggle = 'dropdown';

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