0

我正在通过该$xml=simplexml_load_file函数从 XML 文件加载和回显数据。一切正常,代码如下(部分):

<?php
$xml=simplexml_load_file('testfeed1.xml');
        $max = 12;
        $i = 1;
foreach($xml->someTag as $feed){ 
if ($i <= $max){

echo "<span class='previewImage' name='{$feed->some-subTag}' 
style='background:url({$feed->imageTag}) no-repeat center;'>";
                $i++;
            } 
          }  
    ?>

在此示例中,我从 XML 中的标记中绘制 URL 并将其放置在给定跨度的背景中,数组中的所有图像(如果该词的正确用法)显示没有任何问题。

我非常想弄清楚的是,如何根据onBlur页面上的表单字段中设置的函数来更改这个简短示例中的背景。

因此,如果我有以下代码:

Image URL: <input type='text' name='smallImage' id='someId' 
value='{$feed->imageTag}' />

如您所见,该字段也预加载了此处 XML 中的“imageTag”。

在编写新 URL 后,我可以使用什么语法或函数来更改上面 span 的背景。我假设该onBlur功能将是最好的。

<input type='text' name='smallImage' id='someId' value='{$feed->smallImage}' 
onblur="document.find(.imagePreview#{$feed->some-subTag}).setAttribute("background", .smallImage.someId.value);" />

同样,我对 js 和 php 完全陌生。

提前感谢任何提示、提示或技巧。

/布莱恩

4

1 回答 1

0

虽然很伤心,但我修改了 Dreamweaver 中内置的图像交换功能来解决这个问题。

Dreamweaver 有一个交换图像的代码,mouseOver用于交换和mouseOut恢复原始图像(我相信大多数人都知道这一点)。

而不是这些,我只是使用该onBlur功能来交换图像,省略任何恢复交换,然后我使用它,以便预览图像与在某个字段中输入的图像源交换。

<p>
<img name='flipflop{$feed->individualTag}' src='{$feed->smallImage}' />
</p>

这上面的代码相同。

对于字段条目:

onblur="MM_swapImage('flipflop{$feed->individualTag}','',(this.value),1);" />

当然,我复制了 MM-swapImage 脚本并将其放入文件中......显然。

不迷人,不聪明,没有创造力,没有才华......但功能齐全。

对于一个像我一样了解 js、jquery 和 php 的人来说......功能为王。

于 2012-08-05T05:08:34.483 回答