2

Here is the JavaScript:

function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}

Here is the HTML:

<a href="javascript:unhide('verizon');">VERIZON<br>
<a href="javascript:unhide('sap');">SAP</a><br>

<div id="sap" class="hidden">
    <embed src="videos/sap.mov" height="270" width="480" scale="tofit"></embed>
</div>
<div id="verizon" class="hidden">
    <embed src="videos/verizon.mov" height="270" width="480" scale="tofit"></embed>
</div>

When I click on SAP the video plays. When I click on Verizon it also plays but the SAP video continues to play even though it is hidden.

I am very new to javascript.

Is there a better way to do this? How do I fix with the code I already have?

4

2 回答 2

0

我首选的解决方案是将该 div 的 HTML 设置为 null，而不是尝试操纵其中的内容以使其关闭。毕竟它是隐藏的，所以为什么还要把它放在那里。

document.getElementByID('div').innerHTML = "";

从而完全去除那里的任何东西。

并取消隐藏它（请注意，您可能需要对此有点烦躁才能使引号起作用）

document.getElementByID('div').innerHTML = '<embed src="videos/sap.mov" height="270" width="480" scale="tofit"></embed>';

我认为对于 Flash 或像视频播放器这样的重元素来说，这将是一个更好的解决方案，想象一个隐藏了 30 个这些元素的页面，它会非常陷入困境。

于 2013-03-17T22:20:19.507 回答
0

你可以这样做：

function unhide(divID) {
 var item = document.getElementById(divID);
 var other = {"verizon":"sap","sap":"verizon"};
 if (item) {
    item.className=(item.className=='hidden')?'unhidden':'hidden';
    var tar = document.getElementById(other[divID]);
    tar.className = 'hidden';
    tar.getElementsByTagName("embed")[0].stopVideo();
 }
}

Other 只是一个对象，它可以轻松访问要停止的视频的 id。它使用来自 divID 的字符串来获取另一个字符串。

然后，一旦你有了另一个元素，你就可以遍历它的子元素来找到这个embed元素。[0]用于获取第一个匹配元素（您的视频）。然后你可以使用javascript的stopVideo()方法来停止视频。

于 2013-03-17T22:04:03.627 回答