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

[Bovino]

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

Code html :

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

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

l'API dataset devient compatible tous navigateurs !

[Bovino]

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.

[SpaceFrog]

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

Jquery était en avance sur son temps ^^

[learningcode]

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