Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.11.2012, 15:21
Новичок на форуме
Отправить личное сообщение для Pavel2012 Посмотреть профиль Найти все сообщения от Pavel2012
 
Регистрация: 23.11.2012
Сообщений: 2

Ошибка формирования onclick в IE
Добрый день!
Формирую ява скриптом кнопки с событием onclick. Так вот, если кнопка была явно прописана на странице, то в IE(версии 9 и 10) onclick отрабатывает, если кнопка сформирована JS, то нет...

Пример кода:
<html>
<head>
<title></title>
</head>
<script language="JavaScript">
function test1() {
var bl = document.getElementById('test');
var bt1 = document.createElement("button");
bl.appendChild(bt1);
bt1.setAttribute("type", "button");
bt1.setAttribute("onclick", "test2();");
var tn1 = document.createTextNode("Button 2");
bt1.appendChild(tn1);
}
function test2() {
var bl = document.getElementById('test1');
var bt1 = document.createElement("button");
bl.appendChild(bt1);
bt1.setAttribute("type", "button");
bt1.setAttribute("onclick", "test3();");
var tn1 = document.createTextNode("Button 3");
bt1.appendChild(tn1);
}
function test3() {
var s = 0;
}
</script>
<body>
<table>
<tr>
<td>
<button type="button" onclick="test1();">Button 1</button>
</td>
<td id="test">
</td>
<td id="test1">
</td>
</tr>
</table>
</body>
</html>

При нажатии на кнопку 1 формируется кнопка 2, так вот у кнопки 2 не отрабатывает onclick.

В остальных браузерах (firefox, chrome, opera) все работает как задумано.
Ответить с цитированием
  #2 (permalink)  
Старый 23.11.2012, 16:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function test1() {
	var bl = document.getElementById('test');
	var bt1 = document.createElement("button");
	bt1.setAttribute("type", "button");
	bt1.onclick=test2;
	var tn1 = document.createTextNode("Button 2");
	bt1.appendChild(tn1);
	bl.appendChild(bt1);
}
function test2() {
	var bl = document.getElementById('test1');
	var bt1 = document.createElement("button");
	bt1.setAttribute("type", "button");
	bt1.onclick=test3;
	var tn1 = document.createTextNode("Button 3");
	bt1.appendChild(tn1);
	bl.appendChild(bt1);
}
function test3() {
	alert('Ok');
}
</script>
</head>
<body>
<table>
	<tr>
		<td>
			<button type="button" onclick="test1();">Button 1</button>
		</td>
		<td id="test"></td>
		<td id="test1"></td>
	</tr>
</table>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 23.11.2012, 18:06
Новичок на форуме
Отправить личное сообщение для Pavel2012 Посмотреть профиль Найти все сообщения от Pavel2012
 
Регистрация: 23.11.2012
Сообщений: 2

Большое спасибо
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
firebug пишет ошибка invalid range in character class Dim@ Общие вопросы Javascript 5 10.05.2012 16:52
OnClick ячейки таблицы и ссылки в этой ячейке MasDen Javascript под браузер 2 30.06.2011 10:34
Событие onClick avtor01 Events/DOM/Window 3 03.09.2009 18:01
То-ли лыжи не едут, толи... возможно ошибка в коде. AzriMan Общие вопросы Javascript 19 18.05.2009 16:07
IE: неизвестная ошибка выполнения _Kpot_ Internet Explorer 1 03.04.2008 11:00