我已阅读关于此主题的许多帖子,但没有一篇适合我的问题。在img标签上的onclick动作中,我想要发生几件事情。setAttribute在Safari中运行,而不在IE中
- 图像必须改变(+到 - 或反之亦然);
- set de alt for img tag;
- 重写onclick动作以指向将来的另一个函数。
- 隐藏(或取消隐藏)一个div(包括ofcourse内容。
这在Safari工作完美无瑕(在使用Mac),但我正在写(和将使用这个菜单)的应用将主要被用于。在IE嘛,你猜怎么着,它不能在IE浏览器
我已经建立2个功能,一些CSS和HTML offcourse下面是一些片段:。
的JavaScript:
function changeDaSign(menuNumber) {
if (menuNumber=='menu1') {
document.getElementById("submenu1_sign").setAttribute("src","images/minus.gif");
document.getElementById("submenu1_sign").setAttribute("alt","-");
document.getElementById("submenu1_sign").setAttribute("onclick","changeDaSignBack('menu1')");
document.getElementById("submenu1").setAttribute("class","submenu");
}
function changeDaSignBack(menuNumber) {
if (menuNumber=='menu1') {
document.getElementById("submenu1_sign").setAttribute("src","images/plus.gif");
document.getElementById("submenu1_sign").setAttribute("alt","+");
document.getElementById("submenu1_sign").setAttribute("onclick","changeDaSign('menu1')");
document.getElementById("submenu1").setAttribute("class","hidden");
}
的CSS:
.hidden {
display: none;
color:#444;
}
ul.menu {
margin-left:5px;
color: #C00;
list-style-type: none;
}
ul.submenu {
margin-left: 10px;
color: #C90;
list-style-type: none;
}
a.tobemade {
font-style:normal;
text-decoration: none;
color: #C00;
}
div.submenu {
border: #00F thin solid"
}
的HTML:
<ul class="menu">
<li>
<img id="submenu1_sign" src="images/plus.gif" alt="+" onclick="changeDaSign('menu1')"; return false; />
<a href="#" class="tobemade" onclick="nav_other_div_to_other_content(arg_meegeven)"; return false;>Menu Item 1</a>
<div class="hidden" id="submenu1">
<ul class="submenu" id="submenu1">
<li>
<a href="#" class="tobemade" onclick="nav_other_div_to_other_content(arg_meegeven)"; return false;> submenu item 11 </a>
</li>
<li>
<a href="#" class="tobemade" onclick="nav_other_div_to_other_content(arg_meegeven)"; return false;> submenu item 12 </a>
</li>
</ul>
</div>
</li></ul>
建议,帮助在IE和Safari浏览器,请这方面的工作,以及对代码整形手术。
'document.getElementById'出现8次在14线长代码块。这是一个相当长的名字,考虑别名... – 2011-12-29 02:24:55