Убрать кнопку с дисплея
Есть такой код
<head>
<script type="text/javascript">
var pressed=0;
function checkAnswer() {
var error = false;
var inputs = document.getElementsByTagName('input');
for(var i = 0; i < inputs.length ; i++){
var checked = inputs[i].checked;
var right = answer[i] == 1;
if (checked !== right){
error=true;
break;
}
}
if(pressed<attemptsanswer)
{
i = ++pressed;
}
else
{
alert("Вы исчерпали количество попыток,хотите попробовать ище?")
pressed=0;
var button = document.getElementById("id2");
button=this.style.display='none';
var button1 = document.getElementById("id2");
button1=this.style.display='none';
}
output.value=error ? ''+ResultTextFalse+'' : ''+ResultTextTrue+'';
return false;
}
</script>
</head>
<body>
<p><span id="meow"></span></p>
<form onsubmit="return checkAnswer()">
<table>
<div class='cont2' style="margin-left:180px"></div>
<div id="id">
<hr>
<div class='cont1' ></div>
<div align="center" class='cont' ></div>
<hr>
<div class="bond1"></div>
<div align="center" class='bond'></div>
<hr>
</div>
</table>
<p style="margin-top:430px"><button id="button" type="submit" ><div class='onki'></div></button> <button id="id2" type="reset"><div class='lolki'></div></button></p>
<p><textarea id="output" readonly></textarea></p>
</form>
</body>
Он работает коректно и ответы онуляютса галки убираютса в текстовое поле ничево не выводитса,тоесть тест можно проходить заново.Но мне хотелось бы добитса такого эфекта. Когда я захожу в
else
{
alert("Вы исчерпали количество попыток,хотите попробовать ище?")
pressed=0;
var button = document.getElementById("id1");
button=this.style.display='none';
var button1 = document.getElementById("id2");
button1=this.style.display='none';
}
хотелось бы что бы две существующие кнопки становились неактивными,их небыло видно на странице а оставалась какаята третья кнопка Пройти тест ище раз.Как это можно реализовать? И как правильно зделать проверку на количество нажатий на кнопку,чтобы заходило в elseне при следующем нажатии а при том которое было последнее? |
button.disabled = true; // отключаем кнопку button.style.display = 'none'; // скрываем кнопку button.style.display = ''; //показываем скрытую кнопку |
Я это все прочитал и как-бы так и делаю,но они не исчезают.Ну вернее они как-бы исчезают но я этого невижу=)
как мне зделать задержу или я незнаю как то назвать,чтобы на экране эти кнопки пропадали и это было видно пользователю,и дальнейшая работа программы происходила по нажатию на какуето третью кнопку? Я имею ввиду то что.При заходе в else работа всей программы останавливалась,пропадали кнопки но появлялась третья по нажати на которую программа начнет работу? Вот это собственно я и немогу зделать |
ну так создай обработчик события click на кнопке.
button.onclick = function(event){..} |
ну я немного ище натупил,да кнопки исчезают по попаданию программы в
else а как мне начать работу теста по новой по нажатию на какуето третью кнопку? а что должно быть в этом
button.onclick = function(event){..}
???у меня проблема не в синтаксисе а наверное больше в логике,с проблемой как начать работу теста по новой |
Цитата:
<script type="text/javascript">
var pressed=0;
function checkAnswer() {
var error = false;
var inputs = document.getElementsByTagName('input');
for(var i = 0; i < inputs.length ; i++){
var checked = inputs[i].checked;
var right = answer[i] == 1;
if (checked !== right){
error=true;
break;
}
}
var button2 = document.getElementById("id1");
button2.style.display='none';
if(pressed<attemptsanswer)
{
i = ++pressed;
}
else
{
alert("Вы исчерпали количество попыток,хотите попробовать ище?")
pressed=0;
var button = document.getElementById("button");
button.style.display='none';
var button1 = document.getElementById("id2");
button1.style.display='none';
var button2 = document.getElementById("id1");
button2.style.display='';
button2.onclick = function(event){
button.style.display='';
button1.style.display='';
}
}
output.value=error ? ''+ResultTextFalse+'' : ''+ResultTextTrue+'';
return false;
}
</script>
|
| Часовой пояс GMT +3, время: 04:55. |