Question

如果有人对我的问题有所帮助，那就太棒了！到目前为止我有我的脚本，当你点击三个锚链接中的一个时，对应于该锚链接的图片出现在DIV中，然后在第二个选择它出现在那个旁边的div中，并且与第三个相同，我正在尝试找出如何从DIV中删除图像，以便我能够重新选择一个选项，并将新的选择放在DIV中，这是空的....我的例子只显示3个选项可供选择但是这将是24日。

此外，我如何从数据库中检索不同的信息以显示在DIVS中，并且能够根据您选择的选择将某些数据提交到数据库。

非常感谢你的时间！任何建议将不胜感激！。

的问候，阿利斯泰尔

<script type="text/javascript" language="javascript">
var pos = 0;
function showPic (whichpic) { 
if (document.getElementById) { 
try {
if ((document.getElementById('placeholder1').src+
document.getElementById('placeholder2').src+
document.getElementById('placeholder3').src).search(whichpic.href) > -1)
throw "blah";
document.getElementById('placeholder'+ ++pos).src = whichpic.href;
//document.getElementById('placeholder2').src = whichpic.href;
//document.getElementById('placeholder3').src = whichpic.href;
if (whichpic.title) { 
document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; 
} else { 
document.getElementById('desc').childNodes[0].nodeValue =           whichpic.childNodes[0].nodeValue; 
}
return false; 
} catch(e) {
alert("u mad?");
return false;
}
} else { 
return true; 
}
}
</script>

<div style="border: 1px solid #999; padding: 1em; margin: 0 0 15px 0;">
<ul>
<li><a onclick="return showPic(this)" href="http://jsfiddle.net/img/ico-add-       resource.png" title="img 1">img 1</a></li>
<li><a onclick="return showPic(this)" href="http://jsfiddle.net/img/info-close.png"      title="img 2">img 2</a></li>
<li><a onclick="return showPic(this)" href="http://jsfiddle.net/img/keys.png"  title="img    3">img 3</a></li>
</ul>

<p id="desc">Choose an image to begin</p>
<img id="placeholder1" src="http://jsfiddle.net/img/shadow.gif" alt="" />
<img id="placeholder2" src="http://jsfiddle.net/img/shadow.gif" alt="" />
<img id="placeholder3" src="http://jsfiddle.net/img/shadow.gif" alt="" />
</div>

Answer 1

查看代码，我看到您声明了一个变量pos并将其初始化为0.然后，每次用户点击显示图片时，都会读取pos以查看图片数量显示，然后找到显示下一张图片的元素的ID。最后，你增加pos。

如果您希望能够删除图片以便用户可以选择新图片，那么您将需要使用更复杂的系统。 pos，一个数字，可用于表示用户已显示的图片数量，但如果用户开始删除图片，则pos无法告诉您哪些。< / p>

我建议您使用数组来判断哪些元素中显示了图片。

var display = [ false, false, false ];

当用户在placeholderX中显示图片时，请执行

display[X] = true.

当用户从placeholderX中删除图片时，请执行

display[X] = false.

当用户想要显示新图片时，请执行

之类的操作

var i;
for(i=0; i<=3; i++) {
    if (display[i]==false) {
        showPictureAtElement('placeholder' + i.toString());
        display[i]=true;
        break;
    {
}

这有帮助吗？

Javascript选择和选择出现在div中

1 个答案: