2012-04-24 120 views
0

我知道我必须做错什么,但是我又不完全明白我在做什么。 我正在创建一个表单,它将多个按钮链接到JavaScript函数来完成任务。我在这两个按钮在同一页面上的基本点,当你onMouseOver,onMouseDown,onMouseUp,onMouseOut它改变我的按钮的图像。第二个JS按钮触发第一个JS按钮

我知道还有其他方法可以做到这一点(更好的方法),但我正朝这个方向努力,至少可以更好地理解JavaScript的工作原理。我知道我会有更复杂的事情要做,可能需要这样的事情,我希望当我到达那里时能够理解。

我遇到的问题是,当您尝试使用它时,第二个按钮不会执行任何操作。第一个按钮工作正常,但第二个按钮不正确当您尝试使用第二个按钮时,它会使第一个按钮熄灭。所以如果我在小鼠过按钮2上,按钮1会显示影响。我尝试将我的图像文件复制到一个新的设置,以便他们不使用相同的图像,但是这只是告诉我当我使用按钮2时,为按钮2设置的功能正在应用于按钮1.

总之,这里的HTML代码....

<input type="hidden" value="0" id="theValue" /> 
<p><a href="javascript:addElement()" ><img id="button" onMouseOver="hover_over()" 
onMouseOut="hover_off()" onMouseDown="click_add()" onMouseUp="release()" 
src="images/add_default.png" name="add" width="43" height="21"></a></p> 


<input type="hidden" value="0" id="theValue2" /> 
<p><a href="javascript:addProduct()" ><img id="button2" 
onMouseOver="hover_over_second()" onMouseOut="hover_off_second()" 
onMouseDown="click_add_second()" onMouseUp="release_second()" 
src="images/add_default2.png" name="add2" width="43" height="21"></a></p> 

这里是JavaScript ....

//// 
//----------------Button Animation 1------------------- 
//// 

function hover_off() { 
document.images.add.src='images/add_default.png'; 
} 

function hover_over() { 
document.images.add.src='images/add_hover.png'; 
} 

function click_add() { 
document.images.add.src='images/add_click.png'; 
} 

function release() { 
document.images.add.src='images/add_hover.png'; 
} 
//// 
//--------------------------------------------------- 
//// 

//// 
//----------------Button Animation 2------------------- 
//// 
function hover_off_second() { 
document.images.add.src='images/add_default2.png'; 

} 
function hover_over_second() { 
document.images.add.src='images/add_hover2.png'; 
} 
function click_add_second() { 
document.images.add.src='images/add_click2.png'; 
} 
function release_second() { 
document.images.add.src='images/add_hover2.png'; 
} 
//// 
//--------------------------------------------------- 
//// 

我在做什么错在这里?我如何让这些链接实际上彼此分开工作?

请教我明智的。我知道这一定很简单。

回答

0

你在第二个按钮处理程序中定位同一个元素,它应该是add2而不是像第一个那样添加,这就是为什么第一个元素的src属性被改变而不是另一个。

function hover_off_second() { 
document.images.add2.src='images/add_default2.png'; 
} 
function hover_over_second() { 
document.images.add2.src='images/add_hover2.png'; 
} 
function click_add_second() { 
document.images.add2.src='images/add_click2.png'; 
} 
function release_second() { 
document.images.add2.src='images/add_hover2.png'; 
} 
+0

OMG THANK YOU !!我知道我错过了一些非常愚蠢的事情。 – fender357 2012-04-24 21:46:59

相关问题