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