créer un menu dynamique en utilisant JSON, Html, JS et CSS pour les plates-formes mobiles

Question

Am créant un menu dynamique de l'objet JSON (téléchargé à partir du serveur) en utilisant html, js & css pour les plates-formes mobiles sans utiliser les bibliothèques comme JQuery

i lu comme "document.write ne doit pas être utilisé dans les gestionnaires d'événements comme onLoad() ou onclick(). mieux vaut utiliser DOM"

plz donner vos précieuses suggestions.

Answer 1

Vous pouvez créer des éléments en javascript en utilisant DOM en utilisant la méthode .createElement().

Exemple: Créez une div pour votre menu et attribuez-lui un nom de classe CSS.

menudiv = document.createElement('div'); 
menudiv.className = 'menu'; 

Vous pouvez maintenant y connecter vos données json en créant d'autres éléments. Par exemple si vous souhaitez créer un lien en utilisant DOM.

link = document.createElement('a'); 
link.setAttribute('href', 'urlFromYourJsonData'); 
link.appendChild(document.createTextNode('Your Link Description')); 
menudiv.appendChild(link); 

et ainsi de suite ...

Je vous suggère de jeter un oeil à: https://developer.mozilla.org/en/DOM/document.createElement et faites votre chemin à partir de là. Edit: Après avoir vu votre deuxième commentaire, je vous suggère également de regarder http://json.org pour voir ce que JSON est. Si vous souhaitez copier du code HTML dans votre page, vous devez utiliser l'attribut innerHTML.

Exemple:

div = document.createElement('div'); 
div.className = 'menu'; 
div.innerHTML = yourAjaxResponseHere;