我正在嘗試構建ajax反饋表單,但我在顯示時遇到問題。反饋圖像顯示,但是當我點擊它時沒有任何反應。反饋表不顯示
我的表格:
<div id="feedback">
<img id="feedback_link" src="images/feedback.gif" href="javascript:open('feedback_form_wrapper');" />
<div id="feedback_form_wrapper" style="display:none;">
<a class="close light" style="float:right;margin-right:5px;" href="javascript:open('feedback_form_wrapper');" >CLOSE</a>
<form id="feedback_form" action="." onsubmit="submit(); return false;">
<div style="margin: 8px; width: 184px; float: left;">
<select name="subject">
<option value="bug">Found A Bug</option>
<option value="typo">Found A Typo</option>
<option value="other">Other</option>
</select>
Email:<br/>
<input type="text" class="email" name="email" /><br/>
<textarea name="body" id="feedback_body" style="height: 180px; margin-top: 8px;">Enter Feedback Here.</textarea>
<input type="submit" class="input_submit_button" value="submit" />
</div>
</form>
</div>
</div>
中的JavaScript:
function open(id){
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
function close(id){
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
控制檯中的任何錯誤?作爲一個附註,您可以使用框架(JQuery,Prototype或MooTools)將open()和close()縮短爲一行。 – 2010-01-17 01:57:07
不,沒有錯誤。 好的。 – 2010-01-17 01:58:45