Comments on: JavaScript dialog box

By: Yoni

Yoni — Fri, 03 Feb 2012 13:16:34 +0000

Hi,
I need to hide the dialog on timer event if no button clicked in dialog.
I called the hide event and got an error. How can I impleent this ? Could you embed a timer parameter
and close the dialog if no button pressed ?
Thanks.

By: dbunic

dbunic — Sun, 16 Oct 2011 07:17:24 +0000

@ashok kumar rathore - Here is example of initialization code for using REDIPS.dialog library. You should include REDIPS.dialog on you page:

and execute initialization:

// define redips_init variable
var redips_init;

// dialog box initialization (called from event)
redips_init = function () {
    REDIPS.dialog.init();
    REDIPS.dialog.op_high = 60;
    REDIPS.dialog.fade_speed = 18;
    //REDIPS.dialog.close_button = 'Z';
}

// add onload event listener
if (window.addEventListener) {
    window.addEventListener('load', redips_init, false);
}
else if (window.attachEvent) {
    window.attachEvent('onload', redips_init);
}

With these two steps REDIPS.dialog should work and you will be able to show dialogs. Cheers!

By: ashok kumar rathore

ashok kumar rathore — Wed, 12 Oct 2011 21:14:51 +0000

How can use redips in our .net application ...

It shows the error undefine var redips.

By: dbunic

dbunic — Tue, 06 Sep 2011 06:35:52 +0000

@Aaron - It seems like a code page problem. Anyway, in a new 1.5.1 version you can define a character for close button. Here is example how to define Z instead of default character:

// close button definition
REDIPS.dialog.close_button = 'Z';

Please download new version and try. Hope this improvement will help. Cheers!

By: Aaron

Aaron — Sun, 04 Sep 2011 00:18:34 +0000

I got what Emanuele got ---> http://imageshack.us/photo/my-images/217/mozillafirefox201108101.png/

How do I fix it?

By: Marcin

Marcin — Thu, 18 Aug 2011 20:58:19 +0000

@dbunic - thx for solution. I'm changed init function in niceforms.js:

// Initialization function
function NFInit() {
    try {
        document.execCommand('BackgroundImageCache', false, true);
    } catch(e) {}
    if(!document.getElementById) {return false;}
    // initialize dialog box
    REDIPS.dialog.init();
    REDIPS.dialog.op_high = 60;
    REDIPS.dialog.fade_speed = 18;
    //alert("click me first");
    NFDo('start');
}

and I deleted:

// initialize dialog box
window.onload = function () {
REDIPS.dialog.init();
REDIPS.dialog.op_high = 60;
REDIPS.dialog.fade_speed = 18;
}

from header of my page. Now it's working gr8.

By: dbunic

dbunic — Thu, 18 Aug 2011 13:37:09 +0000

@Marcin - The problem is in window.onload. If you open main.js, you will find line:

window.onload = init;

REDIPS.drag also needs to be initialized, so dialog demo uses the same event for initialization. In your case, first definition of window.onload is overwritten with second. Solution to this problem is to move REDIPS.dialog initialization to the main.js file. Here is how:

function init() {
    if(!document.getElementById) {return false;}
    try {
        document.execCommand('BackgroundImageCache', false, true);
    } catch(e) {}
    if(document.getElementsByTagName("body")[0].className == "project") {stopShow = document.getElementById("stopShow"); startShow();}
    if((document.getElementsByTagName("body")[0].className == "home") || (document.getElementsByTagName("body")[0].className == "about awards")) {doTransitions();}
    if(document.getElementsByTagName("body")[0].className == "projects weekly") {fixFloats();}
    doRollovers();
    emailCloak();
    // initialize dialog box
    REDIPS.dialog.init();
    REDIPS.dialog.op_high = 60;
    REDIPS.dialog.fade_speed = 18;
}

... and don't forget to delete window.onload initially used by REDIPS.drag lib. Your page should have only one definition of windows.onload event.

By: Marcin

Marcin — Wed, 17 Aug 2011 15:29:49 +0000

Hi,
when I'm trying use redips dialog with niceforms (http://www.emblematiq.com/lab/niceforms/) javascript catch exception, and niceforms doesn't work.
If I delete excerpt:

// initialize dialog box
window.onload = function () {
    REDIPS.dialog.init();
    REDIPS.dialog.op_high = 60;
    REDIPS.dialog.fade_speed = 18;
}

niceforms works correct.

Anyone have any idea how to use redips dialog with niceforms?

By: dbunic

dbunic — Wed, 10 Aug 2011 19:07:25 +0000

@Emanuele - I'm glad you solved the problem and thank you for using REDIPS.dialog library.

Cheers!

By: Emanuele

Emanuele — Wed, 10 Aug 2011 18:12:28 +0000

Solved!! I don't know how but now it works