Проблема со скриптом взаимодействующим с Radio

Boron · April 1, 2009

Я плохо знаю JS, поэтому обращаюсь за помощью к вам...

В общем первый раз на моей памяти, Firefox подкладывает мне такую свинью.

В общем на странице http://hot.ee/lagunas/ можете посмотреть что вышло. JS смотрит какой язык И статус человека выбран (при помощи Radio), в следствии чего показывает тот или иной DIV.

В Opera, Konqueror и !IE6! всё работае нормально, а Firefox 3.0.8 не показывает слои.

Кто-нибудь может подсказать в чём дело?

P.S. Не мог бы кто проверить работу скрипта в IE7? Просто у меня его не поставить... :huh:

P.P.S. Вот код страницы:

<html>
  <head>
	<title>Анкета / Ankeet</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<style>
	  .linkspan { cursor: pointer; color: #FF0000 }


	  .bar { 
			position: absolute;
			width: 100%;
			text-align: center;
			visibility: hidden;
		   }
	</style>

	<script>
	  var closewindow = true;
	  var openwindow = '';

	  function show_bar(ev, id)
	  {
		if ((closewindow == true) && (openwindow != ''))
		  {
			document.getElementById(openwindow).style.visibility="hidden";
		  }
		openwindow = "win[" + id + "]";
		obj = document.getElementById(openwindow);
		obj.style.visibility = "visible";
	  }

	  function hide_bar(id)
	  {
		document.getElementById("win[" + id + "]").style.visibility="hidden";
	  }

	  function logic()
	  {
		var currentradio;
		currentradio='all';
		if (document.forma.language[0].checked)
		  {
			if (document.forma.status[0].checked)
			  {
				show_bar(event, 1);
			  }
			if (document.forma.status[1].checked)
			  {
				show_bar(event, 2);
			  }
			if (document.forma.status[2].checked)
			  {
				show_bar(event, 3);
			  }
			if (document.forma.status[3].checked)
			  {
				show_bar(event, 4);
			  }
		  }
		if (document.forma.language[1].checked)
		  {
			if (document.forma.status[0].checked)
			  {
				show_bar(event, 5);
			  }
			if (document.forma.status[1].checked)
			  {
				show_bar(event, 6);
			  }
			if (document.forma.status[2].checked)
			  {
				show_bar(event, 7);
			  }
			if (document.forma.status[3].checked)
			  {
				show_bar(event, 8);
			  }
		  }
	  }

</script>
  </head>

  <body>
<table align="center"><tr><td>
  <form name="forma">
   <p><b>Valige keel / Выбирите язык:</b></p>
	 <input type="radio" name="language" value="est" onclick="logic()">Eesti / Эстонский<br />
	 <input type="radio" name="language" value="rus" onclick="logic()">Vene / Русский<br />
   <p><b>Te olete / Вы:</b></p>

	 <input type="radio" name="status" value="1" onclick="logic()">Kooli juhatus / Управление школой<br />
	 <input type="radio" name="status" value="2" onclick="logic()">Lapsevanem / Родитель<br />
	 <input type="radio" name="status" value="3" onclick="logic()">Õpilane / Ученик<br />
	 <input type="radio" name="status" value="4" onclick="logic()">Õpetaja / Учитель<br />
  </form>
</td></tr></table>

  <div id="win[1]" class="bar">

	<a href="http://spreadsheets.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVpRjdTcnZ5QWpOQkE6MA..">Alustame</a>
  </div>

  <div id="win[2]" class="bar">
	<a href="http://spreadsheets0.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVoU0dBTjJKTTRrZXc6MA..">Alustame</a>
  </div>

  <div id="win[3]" class="bar">
	<a href="http://spreadsheets5.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVqbDhib1NhVTZ3WHc6MA..">Alustame</a>

  </div>

  <div id="win[4]" class="bar">
	<a href="http://spreadsheets2.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVneVhKVHRDNUkxRmc6MA..">Alustame</a>
  </div>

  <div id="win[5]" class="bar">
	<a href="http://spreadsheets1.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVqX0VzN2x0QzdZVVE6MA..">Начнём</a>
  </div>

  <div id="win[6]" class="bar">
	<a href="http://spreadsheets3.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVpUjgxaFFpWDJxUXc6MA..">Начнём</a>
  </div>

  <div id="win[7]" class="bar">
	<a href="http://spreadsheets6.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVnZk5XQW5GZjZCUlE6MA..">Начнём</a>
  </div>

  <div id="win[8]" class="bar">
	<a href="http://spreadsheets4.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVqeTl1dWI5aUU2WFE6MA..">Начнём</a>
  </div>
  </body>
</html>

e1f · April 1, 2009

Firebug:

event is not defined
[Break on this error] show_bar(event, 3);

function logic(event)

Впрочем пока по коду непонятно, зачем там передача события в show_bar(ev, id) :huh:

Edited April 1, 2009 by e1f

Boron · April 1, 2009

e1f, не помню... Вчера по примерам делал пол ночи... Читал и комментарии к коду, но реально не помню зачем там передача события... А я сам, как уже написал, в JS не очень силён (т.е. готовый код читать умею, сам синтаксиса не изучал, поэтому сам мало что напишу).

Если ты сразу понял, как записать правильно, не мог бы мне написать? Просто мне сегодня сдавать эту страницу, и не очень бы хотелось писать пользователям FireFox, чтобы они заходили с IE... :huh:

А с JS мне сегодня уже не получится разобраться (физически не успеваю)...

Edited April 1, 2009 by Boron

e1f · April 1, 2009

Так вроде ж уже написал... Просто передать надо в logic тот самый event, а то ругается, а в ИЕ не ругается, ибо в нем есть window.event

Вот весь код, событие оставил, может тебе потом когда-то понадобится...

<html>
  <head>
	<title>Анкета / Ankeet</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<style>
	  html, body {margin:0;padding:0}
	  .linkspan { cursor: pointer; color: #FF0000 }


	  .bar { 
			position: absolute;
			width: 100%;
			text-align: center;
			visibility: hidden;
		   }
	</style>

	<script>
	  var closewindow = true;
	  var openwindow = '';

	  function show_bar(ev, id)
	  {
		ev = ev||window.event;
		if ((closewindow == true) && (openwindow != ''))
		  {
			document.getElementById(openwindow).style.visibility="hidden";
		  }
		openwindow = "win[" + id + "]";
		obj = document.getElementById(openwindow);
		obj.style.visibility = "visible";
	  }

	  function hide_bar(id)
	  {
		document.getElementById("win[" + id + "]").style.visibility="hidden";
	  }

	  function logic(ev)
	  {
		ev = ev||window.event;
		var currentradio;
		currentradio='all';
		if (document.forma.language[0].checked)
		  {
			if (document.forma.status[0].checked)
			  {
				show_bar(ev, 1);
			  }
			if (document.forma.status[1].checked)
			  {
				show_bar(ev, 2);
			  }
			if (document.forma.status[2].checked)
			  {
				show_bar(ev, 3);
			  }
			if (document.forma.status[3].checked)
			  {
				show_bar(ev, 4);
			  }
		  }
		if (document.forma.language[1].checked)
		  {
			if (document.forma.status[0].checked)
			  {
				show_bar(ev, 5);
			  }
			if (document.forma.status[1].checked)
			  {
				show_bar(ev, 6);
			  }
			if (document.forma.status[2].checked)
			  {
				show_bar(ev, 7);
			  }
			if (document.forma.status[3].checked)
			  {
				show_bar(ev, 8);
			  }
		  }
	  }

</script>
  </head>

  <body>
<table align="center"><tr><td>
  <form name="forma">
   <p><b>Valige keel / Выберите язык:</b></p>
	 <input type="radio" name="language" value="est" onclick="logic(event)" checked="checked">Eesti / Эстонский<br />
	 <input type="radio" name="language" value="rus" onclick="logic(event)">Vene / Русский<br />
   <p><b>Te olete / Вы:</b></p>

	 <input type="radio" name="status" value="1" onclick="logic(event)">Kooli juhatus / Управление школой<br />
	 <input type="radio" name="status" value="2" onclick="logic(event)">Lapsevanem / Родитель<br />
	 <input type="radio" name="status" value="3" onclick="logic(event)">Õpilane / Ученик<br />
	 <input type="radio" name="status" value="4" onclick="logic(event)">Õpetaja / Учитель<br />
  </form>
</td></tr></table>

  <div id="win[1]" class="bar">
	<a href="http://spreadsheets.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVpRjdTcnZ5QWpOQkE6MA..">Alustame</a>
  </div>

  <div id="win[2]" class="bar">
	<a href="http://spreadsheets0.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVoU0dBTjJKTTRrZXc6MA..">Alustame</a>
  </div>

  <div id="win[3]" class="bar">
	<a href="http://spreadsheets5.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVqbDhib1NhVTZ3WHc6MA..">Alustame</a>

  </div>

  <div id="win[4]" class="bar">
	<a href="http://spreadsheets2.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVneVhKVHRDNUkxRmc6MA..">Alustame</a>
  </div>

  <div id="win[5]" class="bar">
	<a href="http://spreadsheets1.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVqX0VzN2x0QzdZVVE6MA..">Начнём</a>
  </div>

  <div id="win[6]" class="bar">
	<a href="http://spreadsheets3.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVpUjgxaFFpWDJxUXc6MA..">Начнём</a>
  </div>

  <div id="win[7]" class="bar">
	<a href="http://spreadsheets6.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVnZk5XQW5GZjZCUlE6MA..">Начнём</a>
  </div>

  <div id="win[8]" class="bar">
	<a href="http://spreadsheets4.google.com/viewform?hl=ru&formkey=cFdxQnRrYWtsUzVqeTl1dWI5aUU2WFE6MA..">Начнём</a>
  </div>
  </body>
</html>

Boron · April 1, 2009

e1f, огромное тебе спасибо!

Я просто не понял что там не так с событиями. :huh:

Страницу поправил теперь всё работает нормально...

e1f · April 1, 2009

Не за что :huh:

Sign In

Проблема со скриптом взаимодействующим с Radio

Question

Boron

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

e1f

Link to comment

Share on other sites

Boron

Link to comment

Share on other sites

e1f

Link to comment

Share on other sites

Boron

Link to comment

Share on other sites

e1f

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information