onclick = object.method

[cmygeHm]

Ребят, код упростил, проблема только в том месте где комментарий, в других местах синтаксические и прочие ошибки не ищите, все работает там.
Вот код:

function SimpleInput() {
    
    this.addSymbol = function(symb) {
	
	console.log(symb);
        
    }
}


function SimpleKeypad(inputObj) {

    this.inputObj = inputObj;
    this.html = '';
    this.create = function() {
        
        for (var i = 0; i < 10; i++) {
            
            this.html = this.html + "<div onclick='" + this.inputObj(i) +"; return false;' >"+ i + "</div>"; // вот здесь хочу чтобы привязался вызов функции, а она вызывается сразу при создании объекта. в html-коде же остается только onclick="undefined; return false;". Помню там какая-то тонкость при написании этой строчки, что-то да как-то надо в кавычки взять. Кстати, пока писал это вспомнил что делал ранее вызов метода объекта в setInterval и там эту тонкость и встречал. щас глянем.
        }
        
        document.getElementById('asdfasdf').innerHTML = this.html;
    }
    
}



$(document).ready(function(){
    SCR3_input = new SimpleInput();
    SCR3_input.create();
    SCR3_keypad = new SimpleKeypad();
    SCR3_keypad.create(SCR3_input);
});

[Matre]

"<div onclick='this.inputObj(" + i + "); return false;'>"

[cmygeHm]

ммммммм.... помоему пробывал. но все равно перепроверю...

[Amphiluke]

В данном случае корректнее будет привязывать обработчик не через инлайновый атрибут onclick, а через Javascript-свойство onclick динамически создаваемого объекта HTMLDivElement. Или при помощи методов добавления слушателя.

Например,

function SimpleKeypad(inputObj) {
    this.inputObj = inputObj;
    this.html = '';
    this.create = function() {
        var div, frag = document.createDocumentFragment();
        for (var i = 0; i < 10; i++) {
            div = frag.appendChild(document.createElement("div"));
            div.onclick = (function(foo, j) { return function() { foo(j); }; })(this.inputObj, i);
        }
        document.getElementById('asdfasdf').innerHTML = "";
        document.getElementById('asdfasdf').appendChild(frag);
    }
}

[cmygeHm]

Вот это всяко правильнее, спасибо. А вот это

"<div onclick='this.inputObj(" + i + "); return false;'>"

не должно работать, так как this.inputObj не будет указывать на этот объект и его метод в момент, когда страница будет сгенерирована и выдана в браузер.

[cmygeHm]

Только не понятно что это за комбинация такая:

div.onclick = (function(foo, j) { return function() { foo(j); }; })(this.inputObj, i);

. зачем такая громоздкость, вместо

div.onclick = (function(foo, j) { return this.inputObj(j); });

и что это вообще обозначает ???

[cmygeHm]

div.onclick = (function(foo, j) { return function() { foo(j); }; })(this.inputObj, i);

Блин понятно, первый раз встречаю такое: http://www.sql.ru/forum/actualthread.aspx?tid=577072

[Amphiluke]

Блин понятно, первый раз встречаю такое

Разобрались с понятием замыкания? Ну, отлично. Тогда не буду расписывать.

[melky]

как-то быстро у меня на это два дня ушло

[cmygeHm]

как-то быстро у меня на это два дня ушло

Я ПОНЯЛ, ЧТО НИЧЕГО НЕ ПОНЯЛ!!! Сижу читаю замыкания.

Тут еще один вопросик, если можно - здесь же. Внутри функции create:

this.create = function() {
        var div, frag = document.createDocumentFragment();
        for (var i = 0; i < 10; i++) {
            div = frag.appendChild(document.createElement("div"));
            div.onclick = (function(foo, j) { return function() {
/*здесь хочу обратиться к this.SecondMethodOfMyClass(), но вылетает мол "эт не функция". Т.е. не видит этот метод, хотя он втутри этого же "класса" объявлен */
              foo(j); 
              }; })(this.inputObj, i);
        }
        document.getElementById('asdfasdf').innerHTML = "";
        document.getElementById('asdfasdf').appendChild(frag);
    };
    this.SecondMethodOfMyClass() = function() {
               return 1;
    }