Window Content replied by david @ Fri, 14 Mar 2008 15:23:22 -0000

david — Fri, 14 Mar 2008 15:23:22 -0000

ok, now what if I want to do do something via javascript, like get rest the overflow?

Window Content replied by david @ Fri, 14 Mar 2008 15:07:49 -0000

david — Fri, 14 Mar 2008 15:07:49 -0000

simple example:
lets say I have 2 windows open I want the content background of one to be blue, will the second window I want it to be white, the skins of the window otherwise are the same.

Window Content replied by david @ Fri, 14 Mar 2008 13:51:01 -0000

david — Fri, 14 Mar 2008 13:51:01 -0000

Working with multiple windows and multiple styles need effect a give windows content styles. Normally I’d just extend the function (create in this case) and add in the line:
this.content = createDiv(‘content’,{ id : this.options.id+’_content’ }).appendText(’ ‘);
however it seems to not accept it unless it’s in the prototype-ui script.
Question is it possible to add in the above line?
or
is there a better way to do this?

sticky windows replied by david @ Fri, 14 Mar 2008 13:37:16 -0000

david — Fri, 14 Mar 2008 13:37:16 -0000

thanks

sticky windows replied by david @ Thu, 13 Mar 2008 21:09:07 -0000

david — Thu, 13 Mar 2008 21:09:07 -0000

Notice if you double click or click half on/off the window it sticks to the mouse (does it even in your demo on the home page), it didn’t do this before. What happened?

controls out of place replied by david @ Thu, 06 Mar 2008 19:30:45 -0000

david — Thu, 06 Mar 2008 19:30:45 -0000

Only thing I can think of is you have a higher style that is affecting the windows styles, try remove style until the problem is resolved, or if your using firefox install firebug and step throw the styles tags.

Draggables inside Window replied by david @ Thu, 06 Mar 2008 19:28:12 -0000

david — Thu, 06 Mar 2008 19:28:12 -0000

Are you looking to drag the element from one window to another or within your window?
Code example help when your asking a question.

observe("blurred") replied by david @ Tue, 04 Mar 2008 19:02:03 -0000

david — Tue, 04 Mar 2008 19:02:03 -0000

Just a note and work around if your thinking of using a Dialog box and planning on have it be destroyed on ‘blurred’ make sure to set all additional destroys for that Window to ‘blur’, otherwise you get a nice string of errors.

var buttons = [
{ title: 'OK', className: 'ok', callback: function(win) { win.blur(); } },
{ title: 'Cancel', className: 'cancel', callback: function(win) { win.blur(); } }
]

options = {
buttons    : buttons,
width    : 250,
height    : 120,
theme    : 'dialog'
};

new UI.Dialog(options)
.center()
.setContent('hello')
.show()
.activate().observe("blurred", function(e) { UI.defaultWM.getWindow(Event.element(e).id).destroy(); });

Would be nice for in the future to have the destroy unset all observers on the window before remove the html

Suggestions for extending replied by david @ Mon, 21 Jan 2008 21:47:23 -0000

david — Mon, 21 Jan 2008 21:47:23 -0000

AjaxRequest this way we don’t have to have a header and footer and the javascript on this page will still fire.

setAjaxContentRequest: function(url, options) {
    options = Object.extend({
        onCreate: function() {
            this.loadIndicator.update('<div class="message">Please wait...</div><div class="spinner">   </div>').show()
        },
        onComplete: function(originalRequest) {
            this.loadIndicator.fade();
            Element.update(this.content, originalRequest.responseText);
        }
    }, options || {});
    // bind all callbacks to the window
    Object.keys(options).each(function(name) {
        if (Object.isFunction(options[name]))
        options[name] = options[name].bind(this);
    }, this);
    new Ajax.Request(url, options);
    return this;
}

get Content, Header, Footer

getContent: function () {
    return this.content;
},
getHeader: function(){
    return this.header;
},
getFooter: function(){
    return this.footer;
}

Also is there away to bind a function to a window event on a global level, like your shadow which gets fired by focus, blur, maximize, and restore like to add destroy in that list.
some like { onfocused : YOUR_FUNCTION }

Are you going to be adding the simple windows (alert,dialog,confirm) like you did in mr proto?

An ID would be nice for the content div (this.options.id+’_content’)

Data Grid replied by david @ Mon, 21 Jan 2008 21:12:36 -0000

david — Mon, 21 Jan 2008 21:12:36 -0000

Learn Json, it the simplest way specially coming from php
json_encode(YOUR_MYSQL_RESULTS)

Recent Posts by Cyberus | Prototype UI