Не работает onclick

Creat · №1

Прошу помочь по следующему вопросу:
FF не хочет обрабатывать событие onclick, тот же код работает в IE и Opera отлично
Код взят с http://developer.mozilla.org/en/docs/DO … nt.onclick

Выделить код

Код:

<html>

<head>
<title>onclick event example</title>

<script type="text/javascript">

function initElement()
 {
 var p = document.getElementById("foo");
 p.onclick = showAlert;
 };

function showAlert()
 {
 alert("onclick Event detected!")
 }
</script>

<style type="text/css">
<!--
#foo {
border: solid blue 2px;
}
-->
</style>
</head>

<body onload="initElement()";>
<span id="foo">My Event Element</span>
<p>click on the above element.</p>
</body>
</html>

в чем проблема? В консоле ошибок никаких нет, просто не реагирует на клик

Отредактировано Creat (21-02-2008 09:48:44)

cerberus · №2

p.onclick = showAlert; у меня работает. Только у меня FF3. Можешь попробовать следующие комбинации

Выделить код

Код:

...
p.setAttribute("onclick", "showAlert()");
...

или

Выделить код

Код:

...
p.onclick = function(){showAlert();}
...

Отредактировано cerberus (21-02-2008 11:23:33)

Sergeys · №3

=> Разработка

Anton · №4

Creat
У меня (FF2.0.0.12) код работает без каких-либо изменений.

Creat · №5

У меня тоже 2.0.0.12 но не работает, все испробовал уже и не знаю что делать((

ru-vadik · №6

Creat пишет

У меня тоже 2.0.0.12 но не работает, все испробовал уже и не знаю что делать((

Попробовать на новом профиле

Creat · №7

Попробовать на новом профиле smile

Спасибо большое, помогло

x_spam · №8

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
<!--
.square {
    border: 1px solid #FF0000;
background: #DFC;
    position: absolute;
}
-->
</style>
<script type="text/JavaScript">

var d;var posx;var posy;var initx=false;var inity=false

function testfunc () 
	{ 
	alert("есть контакт"); 
	}


function getMouse(obj,e)
	{
	posx=0;posy=0;
	var ev=(!e)?window.event:e;//Moz:IE
	if (ev.pageX)
		{//Moz
		posx=ev.pageX+window.pageXOffset;
		posy=ev.pageY+window.pageYOffset;
		}

	else	//old browsers
		{
		return false
		}

	obj.onmousedown=function()
		{
		if (obj.hasChildNodes() )
			{
			obj.removeChild(document.getElementById("ttrt"));
			}
		initx=posx; inity=posy;
		d = document.createElement('div');
		d.className='square'
		d.style.left=initx+'px';d.style.top=inity+'px';
		d.setAttribute("id", "ttrt");
		d.addEventListener("click", testfunc, true);
		obj.appendChild(d)
		}

	obj.onmouseup=function()
		{
		initx=false;inity=false;
		}
	if(initx)
		{
		d.style.width=Math.abs(posx-initx)+'px';d.style.height=Math.abs(posy-inity)+'px';
		d.style.left=posx-initx<0?posx+'px':initx+'px';
		d.style.top=posy-inity<0?posy+'px':inity+'px';
		}
	}
</script>
</head>
<body>
<div id="Canvas" style="width:600px; height:600px; border:solid black; " onmousemove="getMouse(this,event)";></div>
</body>
</html>

подскажите что исправить,чтоб нарисованный div реагировал на событие click

rix_lv · №9

Не срабатывает событие onclick в фоксе 3.6.8 3.6.9 (други версии не проверял)
В ие и опере все ок.
Если забрать первых две строчки из кода, либи перед ними любой текст или тег - то начинает работать.

Выделить код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</title>

    <link rel="stylesheet" href="css/main.css" type="text/css" />
</head>

<body>

<body>

  <table width="95%" border="0" cellpadding="3" cellspacing="0">
    <tr>
      <td align="right" class="style20">&nbsp;</td>
      <td align="left" class="style20"><p>
        <label>
          <input type="checkbox" name="NeedHotel" id="NeedHotel" onclick="document.all.RoomPlaces_0.disabled =
               !this.checked; document.all.fldst_Hotel.disabled =!this.checked; document.all.RoomPlaces_1.disabled =!this.checked; document.all.ForespeakerName.disabled = !this.checked;"/>
          Бронировать гостиницу</label>
      </p></td>
    </tr>
    <tr>
      <td align="right" class="style20">&nbsp;</td>
      <td align="left" class="style20"><fieldset id="fldst_Hotel" disabled="disabled">
        <legend>Гостиница</legend>
        <label><br />
          <input name="RoomPlaces" type="radio" id="RoomPlaces_0" value="1" checked="checked" disabled="disabled"/>
          Одноместный номер<br />
        </label>
        <label>
          <input name="RoomPlaces" type="radio" id="RoomPlaces_1" value="2" disabled="disabled"/>
          Двухместный номер</label>
        <p>
          <label>Бронировать на имя: </label>
          <br />
          <input name="ForespeakerName" type="text" id="ForespeakerName" size="55" disabled="disabled"/>
        </p>
      </fieldset></td>
    </tr>
  </table>
</body>
</html>

sentaus · №10

rix_lv

Вроде 2010 год на дворе, а document.all почему-то ещё пытаются пользоваться. Учите DOM!
onlick здесь ни при чём.

document.all.RoomPlaces_0 - неверно
document.getElementById("RoomPlaces_0") - верно

rix_lv · №11

Спасибо, учим, стараемся

Полезная информация

№121-02-2008 09:47:19