Javascript.RU

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

Подключить метод объекта к элементу HTML
Всем Привет!

Помогите решить вопрос.

- Есть конструктор с набором методов и свойств (CON)
- Усть функция, в которой переменная (VAR) инициализирует создание объекта используя CON (FN)
- У CON есть метод (M1), который принимает в качестве параметра некий html (HTML) и добавляет его по средствам INNERHTML в уже подготовленный CON элемент (ELM).

Вопрос в том, как мне добавить к HTML на onlckick метод (M2), который имеется у объекта VAR? Что-то типа onclick="VAR.M2()"

Кусок кода редактировал прямо в форумовском редакторе, может где затесалась синтаксическая ошибка

function fn() {
var modalwindow = createNewWindow();
  modalwindow.show('10',
    '<table style="margin: auto" width="100%">' +
    '<tr>' +
    '<td width="50%">' +
    '<input type="button" value="OK" onclick="???" width="100%" style="display: inline; border: solid 1px #44AAFF; font-size: 110%">' +
    '</td>' +
    '<td width="50%">' +
    '<input type="button" value="Cancel" onclick="???" width="100%" style="display: inline; border: solid 1px #44AAFF; font-size: 110%">' +
    '</td></tr>' +
    '</table>'
    );
}
var createNewWindow = function() {
var elm;
...
this.metod1 = function(html) {
...
elm.innerHTML(html);
};
this.metod2 = function() {
};
};

Последний раз редактировалось AndreyAndrey, 16.02.2017 в 12:39.
Ответить с цитированием
  #2 (permalink)  
Старый 17.02.2017, 11:48
Интересующийся
Отправить личное сообщение для AndreyAndrey Посмотреть профиль Найти все сообщения от AndreyAndrey
 
Регистрация: 16.02.2017
Сообщений: 10

В общем как ни думал ни гадал, пришлось вынести переменную (VAR) в глобальную область видимости - как и следовало ожидать всё заработало, но всё же это не совсем то чего я хотел. Всем спасибо за посещение вопроса и да прибудут с вами знания!

var modalwindow = createNewWindow();
function fn() {
  modalwindow.show('10',
    '<table style="margin: auto" width="100%">' +
    '<tr>' +
    '<td width="50%">' +
    '<input type="button" value="OK" onclick="modalwindow.progress()" width="100%" style="display: inline; border: solid 1px #44AAFF; font-size: 110%">' +
    '</td>' +
    '<td width="50%">' +
    '<input type="button" value="Cancel" onclick="modalwindow.close()" width="100%" style="display: inline; border: solid 1px #44AAFF; font-size: 110%">' +
    '</td></tr>' +
    '</table>'
    );
}
var createNewWindow = function() {
var elm;
...
this.metod1 = function(html) {
...
elm.innerHTML(html);
};
this.metod2 = function() {
};
};

Последний раз редактировалось AndreyAndrey, 17.02.2017 в 11:51.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Метод html(); zzzzzz jQuery 4 26.03.2013 20:25
добавление атрибута HTML элементу с помощью JavaScript brainload Events/DOM/Window 4 23.12.2012 11:18
Вызов функции вне html объекта arwprod jQuery 25 05.10.2010 00:14
При загрузке подключить HTML sugoj Общие вопросы Javascript 0 04.10.2010 20:02
Метод pasteHTML объекта Range вырезает комментарии в IE orange Internet Explorer 6 28.12.2009 19:44