我正在通过$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后,我可以使用什么语法或函数来更改上述跨度的背景。我假设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的新手。
提前感谢任何提示,提示或技巧。
/布赖恩
答案 0 :(得分:0)
尽管很难过,但我将Dreamweaver内置的图像交换功能模糊化以解决问题。
Dreamweaver有一个代码可以使用mouseOver
交换图像进行交换,使用mouseOut
来恢复原始图像(我确定大多数人都知道这一点)。
我只是简单地使用onBlur
函数交换图像,省略任何恢复交换,然后我玩它以便预览图像与在某个字段中输入的图像源交换。 / p>
<p>
<img name='flipflop{$feed->individualTag}' src='{$feed->smallImage}' />
</p>
以上代码相同。
对于字段条目:
onblur="MM_swapImage('flipflop{$feed->individualTag}','',(this.value),1);" />
当然我复制了MM-swapImage脚本并放在文件中....显然。
不富有魅力,不聪明,没有创造力,没有天赋......但功能齐全。
对于一个像我一样知道js,jquery和php的人.....功能是王道。