Как извлечь данные из xml (в iframe) ONTO родительских с динамическими папками - PullRequest
0 голосов
/ 11 января 2010

Прочитав почти 100 сообщений на этом сайте, пытаясь найти кого-то, кто спросил что-то похожее на то, что мне нужно, я бросил и решил просто спросить себя. Простите остальную часть этого поста, поскольку он, вероятно, будет звучать глупо для экспертов .. но здесь идет

Я пытаюсь настроить своего рода "живую демонстрацию" для стилей CSS, которые я создаю. Идея состоит в том, чтобы иметь статическую страницу с заголовком высотой около 100 пикселей и выпадающим списком всех стилей. Пользователь выберет имя стиля из списка и загрузит этот стиль в iframe, который занимает остальную часть области просмотра (/styles/xx/index.html).

В дополнение к раскрывающемуся списку я хотел бы перечислить некоторые данные о каждом стиле, такие как автор, ссылка для скачивания, поддержка и т. Д.

Первоначально я думал о том, чтобы просто включить XML-файл в каждую из папок стилей, но я не могу понять, как вытащить эти данные из iframe на родительский.

Я нарисовал макет того, чего я пытаюсь достичь, чтобы мои ограниченные навыки объяснения были терпимы http://www.kanestyles.com/example.jpg

Красный текст - это то, что я хотел обновлять каждый раз, когда из выпадающего списка выбирается другой стиль.

Я должен также отметить, что я не зациклен на чем-либо, в отличие от большинства людей, которых я читал здесь. Я имею в виду, что мне совершенно не обязательно иметь определенный способ, и я полностью открыт для предложений о том, как быстро показать пользователям живые демонстрационные версии шаблонов CSS.

Заранее спасибо за любую помощь!

1 Ответ

0 голосов
/ 11 января 2010
  1. Как насчет того, чтобы использовать не файл XML, а файл JavaScript, который будет активно передавать информацию в родительский файл?

    parent.document.getElementById("author").innerHTML = "John Steinbeck"; parent.document.getElementById("rating").innerHTML = "5 out of 10";

или 2. Как насчет не использования файла XML, а файла JavaScript, содержащего функцию:

getinfo = function() { return  {'Author':'John Steinbeck','Rating' : '5 out of 10' ... } }

Вы можете получить доступ к массиву из родительского элемента и получить данные напрямую.

Конечно, есть более привлекательные способы размещения обеих идей. Но показать основную идею.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...