Java Script При создании компонента, не работает событие ONCLICK / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Java Script При создании компонента, не работает событие ONCLICK

21 сообщений из 21, страница 1 из 1

Java Script При создании компонента, не работает событие ONCLICK

#35434323

Dillok

Гость

Ребята, выручайте!
Вообщем следующая проблемка.
Мне нужно динамически добавлять строку в таблицу. Это у меня получается..
Но в этой строке, в одном из столбцов есть кнопочка "Продублировать", по нажатию на которую должна добавляться еще одна строка...
Вообщем, думаю будет понятней, если я выложу код:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

//В существующую таблицу добавляем строку
                var newRow=document.getElementById('test').insertRow( 0 ); 
//Создаеам новые столбцы
		var newCell = newRow.insertCell( 0 ); 
		newCell.align="center";
		newCell.innerHTML="<input type='text'>"; 
		var newCell2 = newRow.insertCell( 1 ); 
		newCell2.innerHTML=text; 

//Вот здесь проблемка.. Событие onclick в submit не отрабатывает.. 
		var newCell3 = newRow.insertCell( 2 ); 
		newCell3.innerHTML='<input type="submit" value="Продублировать" onclick="javascript:return NewTextBox('+text+'); ">'; 
	       document.getElementById('test').appendChild(newRow);
		
		
		return false;

Есть какиеөто идейки?

...

Рейтинг:

0 / 0

16.07.2008, 16:21

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35434456

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Делать онклик у субмита - только время терять...
Лучше использовать конструкцию

Код: plaintext

1.
2.

<form onsubmit='return NewTextBox()'>
...
<input type="submit" value="Продублировать" />

Или использовать обычную кнопку с онкликом...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT

...

Рейтинг:

0 / 0

16.07.2008, 16:46

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435102

IDVsbruck

Участник

Откуда: Украина

Сообщения: 4 289

Рейтинг: 0 / 0

Да не, какие проблемы?
Просто в innerHTML вставляется скрипт, но в текстовом виде - с какой стати он будет работать просто так? - Дудки!
Надо либо его "выполнять" с помощью eval(), либо, что является в данном случае лучшим вариантом, - вставлять элемент посредством DOM: создать инпут, назначить все нужные параметры, задать ему обработчик onclick и вставить в родителя. Работать будет гарантийно и гарантийно везде.

...

Рейтинг:

0 / 0

16.07.2008, 20:15

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435352

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

Dillok

Код: plaintext

1.
2.
3.

       var newRow=document.getElementById('test').insertRow( 0 ); 
       ...
       document.getElementById('test').appendChild(newRow);

что еще за манипуляции? insertRow и так вставляет строку в таблицу, зачем дублировать это appendChild'ом? insertRow(0) вставляет строку в начало таблицы, appendChild переносит ее же самую в конец таблицы. Все это эквивалентно операции insertRow(-1) - добавление строки в конец таблицы.

...

Рейтинг:

0 / 0

17.07.2008, 01:05

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435499

Dillok

Гость

IDVsbruckДа не, какие проблемы?
Просто в innerHTML вставляется скрипт, но в текстовом виде - с какой стати он будет работать просто так? - Дудки!
Надо либо его "выполнять" с помощью eval(), либо, что является в данном случае лучшим вариантом, - вставлять элемент посредством DOM: создать инпут, назначить все нужные параметры, задать ему обработчик onclick и вставить в родителя. Работать будет гарантийно и гарантийно везде.

IDVsbruck, ты имеешь в виду так:

var newElem=document.createElement("input");
newElem.type="button";
newElem.value="Продублировать";
newElem.onclick="javascript:return NewTextBox('+text+'); "

Все равно не работает.. может я что-то не так пишу??

...

Рейтинг:

0 / 0

17.07.2008, 08:01

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435634

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Dillok
IDVsbruck, ты имеешь в виду так:

var newElem=document.createElement("input");
newElem.type="button";
newElem.value="Продублировать";
newElem.onclick="javascript:return NewTextBox('+text+'); "

Все равно не работает.. может я что-то не так пишу??
Он имел в виду, что как в последней строчке писать нельзя.
Напиши, например newElem.onclick=MyFunc;
И далее опиши эту функцию. Для неё даже параметр не нужен. У тебя уже есть значение в newCell2.innerHTML.

...

Рейтинг:

0 / 0

17.07.2008, 09:35

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435640

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

DilloknewElem.onclick="javascript:return NewTextBox('+text+'); "

Все равно не работает.. может я что-то не так пишу??

ага. Опять в onclick строку суваете, а не функцию. В общем случае это будет выглядеть примерно так:

Код: plaintext

newElem.onclick=function(txt){return function(){alert(txt);}}(text);

...

Рейтинг:

0 / 0

17.07.2008, 09:36

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435647

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

ShSerge
Напиши, например newElem.onclick=MyFunc;
И далее опиши эту функцию. Для неё даже параметр не нужен. У тебя уже есть значение в newCell2.innerHTML.
как-то некузяво из innerHTML поднимать... а если там вдруг откуда ни возмись еще какие-нить теги появятся? Но тоже вариант конечно.

...

Рейтинг:

0 / 0

17.07.2008, 09:39

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435653

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

illion

Код: plaintext

newElem.onclick=function(txt){return function(){alert(txt);}}(text);

Ну да этот код кошернее.

...

Рейтинг:

0 / 0

17.07.2008, 09:42

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435661

Dillok

Гость

Код: plaintext

newElem.onclick=function(txt){return function(){alert(txt);}}(text);

Что-то очень непонятно.. Не могли бы Вы разъяснить касательно моего примера..

...

Рейтинг:

0 / 0

17.07.2008, 09:46

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435678

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

DillokЧто-то очень непонятно.. Не могли бы Вы разъяснить касательно моего примера..

Код: plaintext

newElem.onclick=function(txt){return function(){  NewTextBox(txt);  }; }(text);

...

Рейтинг:

0 / 0

17.07.2008, 09:52

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435689

Dillok

Гость

Ладно, спрошу по другому...

Код: plaintext

newElem.onclick=function(txt){return function(){alert(txt);}}(text);

что такое TXT и что такое TEXT ??

...

Рейтинг:

0 / 0

17.07.2008, 09:57

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435697

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

return забыла. return NewTextBox(txt); (если конечно NewTextBox возвращает true или false)

...

Рейтинг:

0 / 0

17.07.2008, 09:59

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435707

Dillok

Гость

illion, так что такое txt и text?? и куда теперь вставлять return NewTextBox(txt);

Объясни дураку популярно пожалуйста ))

...

Рейтинг:

0 / 0

17.07.2008, 10:03

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435724

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

Код: plaintext

newElem.onclick=function(txt){return function(){  return NewTextBox(txt);   }}(text);

есть функция function(txt){return function(){ return NewTextBox(txt); }}, которая при вызове возвращает функцию function(){ return NewTextBox(txt); }. Здесь txt - просто имя переменной. Затем эта функция вызывается с параметром text: function(txt){return function(){alert(txt);}} (text) ;, и переменной txt присваивается значение text на тот момент времени, когда было совершено присваивание.

...

Рейтинг:

0 / 0

17.07.2008, 10:06

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435734

Dillok

Гость

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

...

Рейтинг:

0 / 0

17.07.2008, 10:10

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435798

Dillok

Гость

Есть.. Заработало.. Спасибо, ребята.. Выручили! Ура!!! )))

...

Рейтинг:

0 / 0

17.07.2008, 10:26

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435935

Dillok

Гость

А еще, ребята, как сделать чтобы при нажатии на кнопку она исчезала???
Т.е. при нажатии на кнопку "Дублировать", нужно чтобы она исчезла и с помощью джава скрипта уже создается новая кнопка..

...

Рейтинг:

0 / 0

17.07.2008, 10:59

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35435945

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Код: plaintext

onclick="this.style.display='none';"

...

Рейтинг:

0 / 0

17.07.2008, 11:01

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35436122

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

DillokА еще, ребята, как сделать чтобы при нажатии на кнопку она исчезала???

а исчезала - насовсем, или с возможностью восстановления? Если насовсем, то лучше

Код: plaintext

onclick = "this.parentNode.removeChild(this)"

а если не на совсем, то через display (см. предыдущий пост).

...

Рейтинг:

0 / 0

17.07.2008, 11:47

| Ответить | Цитировать | Написать

Java Script При создании компонента, не работает событие ONCLICK

#35436225

Dillok

Гость

Спасибо, друзья :) Работает!

...

Рейтинг:

0 / 0

17.07.2008, 12:13

| Ответить | Цитировать | Написать

21 сообщений из 21, страница 1 из 1

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=35435102&tid=1456188]:	0ms
get settings:	9ms
get forum list:	17ms
check forum access:	4ms
check topic access:	4ms
track hit:	82ms
get topic data:	10ms
get forum data:	3ms
get page messages:	70ms
get tp. blocked users:	2ms
others:	251ms

total:	452ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы