создание динамического меню с использованием json, html, JS & css для мобильных платформ - PullRequest
Новая
       10

создание динамического меню с использованием json, html, JS & css для мобильных платформ

1 голос
/ 17 июня 2011

Создаю динамическое меню из объекта json (загруженного с сервера) с использованием html, js & css для мобильных платформ без использования таких библиотек, как JQuery

я читаю как "document.write не должен использоваться в обработчиках событий, таких как onLoad () или onclick (). Лучше использовать DOM"

Пожалуйста, дайте ваши ценные предложения.

1 Ответ

1 голос
/ 18 июня 2011

Вы можете создавать элементы в javascript, используя DOM, используя метод .createElement ().

Пример: Создайте div для вашего меню и присвойте ему имя класса css. 

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

Теперь вы можете подключить к нему данные JSON, создав другие элементы. Например, если вы хотите создать ссылку, используя DOM. 

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

и так далее ...

Я предлагаю вам взглянуть на: https://developer.mozilla.org/en/DOM/document.createElement и пройти отсюда.

Изменить: После просмотра вашего второго комментария я также предлагаю вам взглянуть на http://json.org, чтобы посмотреть, что такое JSON. Если вы хотите скопировать HTML-код на свою страницу, вы должны использовать атрибут innerHTML.

* * Пример тысяча двадцать-один: * * 1 022 
div = document.createElement('div');
div.className = 'menu';
div.innerHTML = yourAjaxResponseHere;
...