Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.03.2013, 13:44
Профессор
Отправить личное сообщение для Vasy Посмотреть профиль Найти все сообщения от Vasy
 
Регистрация: 09.02.2013
Сообщений: 165

Убрать кнопку с дисплея
Есть такой код
<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
не при следующем нажатии а при том которое было последнее?

Последний раз редактировалось Vasy, 15.03.2013 в 13:55.
Ответить с цитированием
  #2 (permalink)  
Старый 15.03.2013, 13:53
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

button.disabled = true; // отключаем кнопку
button.style.display = 'none'; // скрываем кнопку
button.style.display = ''; //показываем скрытую кнопку
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2013, 13:57
Профессор
Отправить личное сообщение для Vasy Посмотреть профиль Найти все сообщения от Vasy
 
Регистрация: 09.02.2013
Сообщений: 165

Я это все прочитал и как-бы так и делаю,но они не исчезают.Ну вернее они как-бы исчезают но я этого невижу=)

как мне зделать задержу или я незнаю как то назвать,чтобы на экране эти кнопки пропадали и это было видно пользователю,и дальнейшая работа программы происходила по нажатию на какуето третью кнопку?

Я имею ввиду то что.При заходе в else работа всей программы останавливалась,пропадали кнопки но появлялась третья по нажати на которую программа начнет работу?

Вот это собственно я и немогу зделать

Последний раз редактировалось Vasy, 15.03.2013 в 14:04.
Ответить с цитированием
  #4 (permalink)  
Старый 15.03.2013, 14:15
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

ну так создай обработчик события click на кнопке.
button.onclick = function(event){..}
Ответить с цитированием
  #5 (permalink)  
Старый 15.03.2013, 14:18
Профессор
Отправить личное сообщение для Vasy Посмотреть профиль Найти все сообщения от Vasy
 
Регистрация: 09.02.2013
Сообщений: 165

ну я немного ище натупил,да кнопки исчезают по попаданию программы в
else

а как мне начать работу теста по новой по нажатию на какуето третью кнопку?

а что должно быть в этом
button.onclick = function(event){..}
???
у меня проблема не в синтаксисе а наверное больше в логике,с проблемой как начать работу теста по новой
Ответить с цитированием
  #6 (permalink)  
Старый 15.03.2013, 14:26
Профессор
Отправить личное сообщение для Vasy Посмотреть профиль Найти все сообщения от Vasy
 
Регистрация: 09.02.2013
Сообщений: 165

Сообщение от danik.js Посмотреть сообщение
ну так создай обработчик события click на кнопке.
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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Повесить событие на кнопку, не меняя кода кнопки Weks Общие вопросы Javascript 8 11.11.2012 16:13
Отметить радио кнопку leny Общие вопросы Javascript 2 12.10.2011 15:22
Как убрать кнопку и добавить надпись "Идет загрузка" Jnas Events/DOM/Window 9 29.08.2011 12:55
Запуск выполнения PHP при нажатие на кнопку??? Abibas220 Общие вопросы Javascript 1 05.01.2011 12:05
Как сделать так, чтобы JS при нажатии на кнопку не выполняла запрос со страницы. JSProgrammer Элементы интерфейса 3 18.05.2010 20:18