АРМАДА
Передача из xml в html
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

AlexGr
Свой
Зарегистрирован: 12.10.2014
Сообщений: 32
Обратиться по нику
# Добавлено:Вс Янв 25, 2015 12:41 pmДобавить в избранноеОтветить с цитатой
Когда-то давно занимался этой темой, сейчас напрочь все забыл. А потребность появилась вновь. И так, ближе к делу.

Надо из xml документа передавать данные на html страницу.

Вот пример xml кода
Код:
<?xml version='1.0' standalone='yes'?>
<game>
<name>Assassin's Creed Unity Gold + Программа «Братство»</name>
<price>1599</price>
<id>1777427</id>
<act>Uplay</act>
</game>



Как теперь вывести это в html.
Заранее спасибо за ответ!

AlexGr
Свой
Зарегистрирован: 12.10.2014
Сообщений: 32
Обратиться по нику
# Добавлено:Вс Янв 25, 2015 2:27 pmОтветить с цитатой
Я застрял вот на этом моменте.

Вот мой xml
Код:
<?xml version="1.0" encoding="utf-8" ?>
<RecentBooks>
  <Book>
    <Title>Заголовок</Title>
    <Description>Описание описание описание описание</Description>
    <Smallimg>assets/small1.jpg</Smallimg>
   <Bigimg>assets/1.jpg</Bigimg>
   <Linkurl>http://cargocollective.com/jaimemartinez/</Linkurl>
  </Book>
</RecentBooks>



Вот скрипт
Код:
$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "assets/parser.xml",
        dataType: "xml",
        success: xmlParser
    });
});
function xmlParser(xml) {
    $('#load').fadeOut();
    $(xml).find("Book").each(function () {

        $(".all").append('<a href="' + $(this).find("Linkurl").text() + '" data-largesrc="' + $(this).find("Bigimg").text() + '" data-title="' + $(this).find("Title").text() + '" data-description="' + $(this).find("Description").text() + '">
                     <img src="' + $(this).find("Smallimg").text() + '" alt="img01"/>
                  </a>');
        $(".main").fadeIn(1000);

    });

}



Так вывожу
Код:
<div class="main">
<div class="all">
</div>
</div>



Если в скрипте пишу так
Код:
<img src="' + $(this).find("Smallimg").text() + '" alt="img01"/>


То картинка отображается.

Но мне надо, что бы картинка была ссылкой и я делаю так
Код:
<a href="' + $(this).find("Linkurl").text() + '" data-largesrc="' + $(this).find("Bigimg").text() + '" data-title="' + $(this).find("Title").text() + '" data-description="' + $(this).find("Description").text() + '">
                     <img src="' + $(this).find("Smallimg").text() + '" alt="img01"/>
                  </a>



И у меня картинка пропадает совсем.

Подскажите где ошибка?

Adler
V.I.P.
Зарегистрирован: 23.07.2014
Сообщений: 2252
Обратиться по нику
# Добавлено:Пн Фев 02, 2015 11:37 amОтветить с цитатой
Посмотрите здесь:

Связывание данных: отображение XML-документа на Web-странице
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры