小编OIC*_*CJC的帖子

将特定XML节点拉入HTML文档

第一次海报.请温柔.

这个主题可能类似于其他几个问题,但据我所知,这是我试图解决的一个独特问题.FWIW,我主要是设计师; 我对Flash和HTML以及CSS很危险,但在其他一切杂草中都有一点危险.从搜索周围,我似乎正在寻找一个ajax/jquery解决方案,我需要一些帮助.

首先,我构建了一个相当复杂的Flash接口,该接口从格式良好且经过验证的XML文件中提取内容.这部分完成,效果很好.

但是,客户端希望为没有Flash的查看者创建一个简单的(r)javsScript版本的接口.并且,他们希望此版本从SAME XML文件中提取值(文本),因此他们只需编辑一个文件即可进行更改.

似乎是一个合理的请求,但执行它似乎并不那么简单.最大的障碍是我不想循环XML输出 - 我想将特定的节点值调用到特定的元素中.

这是一个简单的例子,我可以鼓起勇气.从XML这样:

<section>
    <page>
        <name image="image1.jpg">Section One</name>
        <copy>This is a description of section one.</copy>
    </page>
    <page>
        <name image="image2.jpg">Section Two</name>
        <copy>This is a description of section two.</copy>
    </page>
</section>
Run Code Online (Sandbox Code Playgroud)

我想像这样创建HTML:

<div id="greenBackground">
    <h1>[value from 1st XML <name> node]</h1>
    <p>[value from 1st XML <copy> node]</p>
    <img src="[value from 1st XML <name> node image attribute]" />
</div>

<div id="blueBackground">
    <h1>[Value of 2nd XML <name> node]</h1>
    <p>[Value of 2nd XML <copy> node]</p>
    <img src="[value from 2nd …
Run Code Online (Sandbox Code Playgroud)

html javascript xml ajax jquery

3
推荐指数
2
解决办法
3367
查看次数

标签 统计

ajax ×1

html ×1

javascript ×1

jquery ×1

xml ×1