[JS] MessageBox

[BasSpruit]

Ik ben bezig met een javascript te bouwen (en testen). Ik zit echter met regel 16 (button onclick). De oplossing zal misschien simpel zijn, maar ik kom er dus niet uit. (dit script bevindt zich nog in de ontwerpfase.) wat moet ik doen om die "Close" knop werkend te krijgen.

Ik zit al 2 dagen hierover te piekeren, maar ik krijg het niet voor elkaar.

JavaScript:

// JScript File

function Box(width, height)
{
    this.Width = width;
    this.Height = height;
    this.Container = makeNewElement("div");
    this.Container.setAttribute("style", "background-color: red; width: " + width + "px; height: " +
        height + "px; position: absolute; visibility: hidden; z-index: 100; left: 100px; top: 100px;");
    
    this.Container.innerHTML = "<span>Text</span>";
    
    var b = makeNewElement("input");
    b.setAttribute("value", "Close");
    b.setAttribute("type", "button");
    b.onclick = Hide;
    this.Container.appendChild(b);
    
}

Box.prototype = {
    Show:function()
    {
        this.Container.style.visibility = "visible";
        document.getElementsByTagName("body")[0].appendChild(this.Container);
    },

    Hide:function()
    {
        if(this.Container)
        {
            this.Container.style.visibility = "hidden";
            this.Container = null;
        }
    }
}

function makeNewElement(element)
{
    if(document.createElementNS)
    {
        return document.createElementNS("http://www.w3.org/1999/xhtml", element);
    } 
    else if(document.createElement)
    {
        return document.createElement(element);
    }
}

var b = new Box(200, 200);
b.Show();

[Johnny]

b.onclick = function() {Hide()};

[André]

JavaScript:

var self = this;
b.onclick = function() { self.Hide(); }

[BasSpruit]

André schreef op vrijdag 26 januari 2007 @ 11:45:

JavaScript:

var self = this;
b.onclick = function() { self.Hide(); }

Thankz very much! hier had ik dus nooit zelf achter gekomen (in elk geval vandaag nog niet )