VPF::Как из кода HTML получить массив?

LuckyCat

Дата 20.4.2009, 19:29 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 15.6.2008

Репутация: нет
Всего: нет

Как из кода HTML

Код


    <ul>
        <li><a href="/cars/new_cars/index.aspx">Модельный ряд</a>
            <ul>
                <li><a href="/cars/new_cars/yaris/index.asp">Yaris</a></li>
                <li><a href="/cars/new_cars/auris/index.aspx">Auris</a></li>
                <li><a href="/cars/new_cars/corolla/index.aspx">Corolla</a></li>
                <li><a href="/cars/new_cars/hiace/index.aspx">Hiace</a></li>
                <li><a href="/cars/new_cars/index.aspx">Все модели</a></li>
            </ul>
        </li>
        <li><a href="#">Сервис и Аксессуары</a>
            <ul>
                <li><a href="/own/accessories/index.aspx">Аксессуары</a></li>
                <li><a href="/clients_support/index.aspx">Служба клиентской поддержки</a></li>
                <li><a href="/service/special/index.aspx">Специальные предлжения</a></li>
            </ul>
        </li>
        <li><a href="#">О компании Toyota</a>
            <ul>
                <li><a href="/about/toyotas_history/toyotas_history_06.aspx">История компании Toyota</a></li>
                <li><a href="/about/news_and_events/index.aspx">Новости и события</a></li>
            </ul>
        </li>
        <li><a href="#">Инновации</a>
            <ul>
                <li><a href="/innovation/design/concept_cars/index.aspx">Коцепт-кары</a></li>
                <li><a href="/safety_section/index.aspx">Безопасность</a></li>
            </ul>
        </li>
        <li><a href="#">Кредирование</a>
            <ul>
                <li><a href="http://www.toyota-bank.ru/autofinancing">Автокредитирование</a></li>
                <li><a href="http://www.toyota-bank.ru/subdivisions">Подразделения банка</a></li>
                <li><a href="http://www.toyota-bank.ru/faq">Вопросы и ответы</a></li>
            </ul>
        </li>
    </ul>

получить при помощи JavaScript такой вот массив:

Код


var JsTopMenu=[ 
    {url:'/cars/new_cars/index.aspx',label:'Модельный ряд',mchildren:[
        {url:'/cars/new_cars/yaris/index.asp',label:'Yaris'},  
        {url:'/cars/new_cars/auris/index.aspx',label:'Auris'},  
        {url:'/cars/new_cars/corolla/index.aspx',label:'Corolla'}, 
        {url:'/cars/new_cars/hiace/index.aspx',label:'Hiace'},  
        {url:'/cars/new_cars/index.aspx',label:'Все модели'} ]}, 
    {url:'/own/accessories/index.aspx',label:'Сервис и Аксессуары',mchildren:[
        {url:'/own/accessories/index.aspx',label:'Аксессуары'},
        {url:'/clients_support/index.aspx',label:'Служба клиентской поддержки'},
        {url:'/service/special/index.aspx',label:'Специальные предложения'} ]}, 
    {url:'/about/index.aspx',label:'О компании Toyota',mchildren:[
        {url:'/about/toyotas_history/toyotas_history_06.aspx',label:'История компании Toyota'},
        {url:'/about/news_and_events/index.aspx',label:'Новости и события'} ]},
    {url:'/innovation/design/index.aspx',label:'Инновации',mchildren:[ 
        {url:'/innovation/design/concept_cars/index.aspx',label:'Концепт-кары'},
        {url:'/safety_section/index.aspx',label:'Безопасность'} ]},
    {url:'http://www.toyota-bank.ru',label:'Кредитование',mchildren:[  
        {url:'http://www.toyota-bank.ru/about',label:'О Toyota Financial Services'},        
        {url:'http://www.toyota-bank.ru/autofinancing',label:'Автокредитование'},
        {url:'http://www.toyota-bank.ru/subdivisions',label:'Подразделения банка'},
        {url:'http://www.toyota-bank.ru/faq',label:'Вопросы и ответы'} ]}]

Это сообщение отредактировал(а) LuckyCat - 20.4.2009, 19:31

underW

Дата 20.4.2009, 20:44 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 142
Регистрация: 22.9.2008

Репутация: 2
Всего: 3

convert XML to JSON

LuckyCat

Дата 20.4.2009, 23:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 15.6.2008

Репутация: нет
Всего: нет

Спасибо за наводку, попробую переделать под себя..... smile

А вопрос пока остается открытым smile

Aliance

Дата 21.4.2009, 09:28 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Используй DOM.
Получаешь ссылку на главный ul (не важно как), например он 1 на странице, тогда так:

Код


var menu = document.getElementsByTagName( 'ul' )[0];

И дальше следуя концепции DOM проходишься по всем его "сыновьям", читая их аттрибуты ( this.getAttribute() ) и содержимое ( this.innerHTML )
Я бы советовал использовать jQuery - облегчит задачу ( точнее сократит кол-во кода ).

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

LuckyCat

Дата 21.4.2009, 17:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 15.6.2008

Репутация: нет
Всего: нет

Большое спасибо за ответы!
Вопрос решился несколько нестандартно. Для сайта используется CMS NetCat, и в шаблоне вывода навигации прописали саму структуру этого массива.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »