innerHTMLで呼び出されるJavascript関数でこれを呼び出す

Question

私はWindows 7ガジェットを作成し、ユーザーがガジェットを使ってログインできるようにします。ガジェットは、ユーザーが提供する有効な（アプリケーションドメインによって定義された）アドレスにログインします。ここで私は問題に遭遇しています。誰がいいだろう上記のコードをフォーマットすることができれば、それはちょうど私が何をしようとしているの概念を知ることが起こっている内容を正確に把握する必要はありません。

function Object(address){ 
    this.address = address 
.... 
this.loginBox = gDocument.createElement("loginBox"); 
this.loginBox.innerHTML = "<FORM name = 'myForm' action='' method='GET'><input type='text' name='usernameBox' id = 'usernameBox' VALUE=''><input type='password' id = 'passwordBox'><button type = 'button' value = 'Ok' id = 'loginButton' onclick='login()'></FORM>"; 

（注：私はこのような何かを）

ログインでは、アドレスが各オブジェクトに保持されているため、アドレス取得にthis.addressを使用できません。 loginメソッドは、技術的にプロトタイプの一部ではありません。そうだった場合、HTMLから呼び出す方法はわかりません。 （そうではありませんが、それを呼び出す方法はわかりますが、関数を実行するプロトタイプメソッドとして呼び出す方法はわかりますが、ローカル変数はありません）。

ローカル変数を知るためにmyFormによって呼び出されるログインメソッドを取得する助けがあれば、大歓迎です。取得したい変数はthis.addressです。ログイン機能は単なる機能ログインです。

Answer 1

フォームにドキュメントをレンダリングし、IDでボタンをルックアップしてattachEventでイベントをアタッチするだけで、スコープを制御できるようにするだけで済みます。

this.loginBox = gDocument.createElement("loginBox"); 
this.loginBox.innerHTML = "<FORM name = 'myForm' action='' method='GET'><input type='text' name='usernameBox' id = 'usernameBox' VALUE=''><input type='password' id = 'passwordBox'><button type = 'button' value = 'Ok' id = 'loginButton'></FORM>" 

// add this.loginBox to the document here 

// Look up the button in the document and add the click handler 
var button = gDocument.getElementById('loginButton'); 
button.attachEvent('onclick', this.login); 

スコープをバインドするために何かする必要があるかもしれませんが、覚えていない可能性があります。

var $this = this; 
button.attachEvent('onclick', function() { 
    $this.login.apply($this, arguments); 
}); 

Answer 2

まあ、「汚い」の方法は、ちょうどこのように関数にアドレスを渡している：ヘムロックが示唆したようにエレガントな方法をやってます

this.loginBox.innerHTML = "<FORM .... id = 'loginButton' onclick='login(\"" + this.address + "\");'>Login</button></FORM>"; 

が、私は何であるかさっぱりだがとgDocument私はそれが必要な方法をサポートしているのか分からない。