2MadGest
Я не очень силен в jQuery. Насколько я понял Ваш вариант решения моей проблемы предполагает использование плагина jQuery Form Plugin?
Я сделал вот так:
$('#myForm').live('submit', function(){
.....
после этих действий все данные отправляются аяксом!
Но возникла следующая проблема:
добавил ещё таймер(в отдельном div'е обратный отсчет) и кнопочку, нажав на которую этот div с убывающими
числами красиво "уплывают".
Но когда нажимаю на кнопочку "Дальше", появляется новый вопрос, новые ответы -- так и должно быть + НОВАЯ кнопочка "Таймер" - почему она появляется? Если нажать на F5 - "лишняя кнопочка Таймер" исчезает.
Ведь в обработчике я по сути загружаю новые данные только в
<div id="content">
Ссылку не могу дать, так как сижу на диалАп (
Код :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/func.js"></script>
<title>Система проверки знаний</title>
</head>
<script type="text/javascript">
$(function()
{
$("#timer_btn").click(function(event) {
event.preventDefault();
$("#div1").slideToggle();
});
});
$(document).ready(function(){
$('#myForm').live('submit', function(){
var idr = getCheckedValue(document.forms['testForm'].elements['answers']);
$.ajax({
type: "POST",
url: "test.htm",
data: "answers="+idr,
success: function(html){
$("#content").html(html);
}
});
return false;
});
});
</script>
<body >
<div id="div_timer_btn">
<input type="button" id="timer_btn" value="Таймер">
</div>
<div id="div1">
<span id="span"></span>
</div>
<div id="content">
<div id="nifty">
<form id="myForm" name="testForm">
<center>
<table cellpadding=4 cellspacing=2 border=0>
<tr>
<td class="question" colspan="2">${questionList.question}</td>
</tr>
<c:forEach items="${answerSet}" var="answer" varStatus="status">
<tr >
<td width="20">
<input type="radio" name="answers" value="${answer.id}" checked "></td>
<td>
<label>${answer.answer}</label>
</td>
</tr>
</c:forEach>
<tr>
<td colspan="2" align=center><input type="submit" id="subm" value="Дальше"></td>
</tr>
</table>
</center>
</form>
</div>
</div>
<script>
<!--
//
var milisec=0
var seconds=60
function display(){
if (milisec<=0){
milisec=9
seconds-=1
}
if (seconds<=-1){
milisec=0
seconds+=1
gg()
}
else
milisec-=1 ;
document.getElementById('span').innerHTML=seconds;
setTimeout("display();",100)
}
display()
-->
</script>
</body>
</html>
поэтому вот картинки:
До:
После ответа на вопрос:
