JavaScript dialog box

44 Responses to JavaScript dialog box

1. Vladimir says:

   16.08.2010. at 13:12

   Great class. One question though, how do you pass a variable into the functions executed after the button press?

   For example this will ofcourse cause an error:

   onclick="REDIPS.dialog.show(400, 100, 'Test ?', 'Cancel', 'OK|askData('test')');return false"

   In a nutshell, the question is how to pass the word test as a variable to the functions Askdata()?
2. dbunic says:

   18.08.2010. at 08:39

   @Alexander - Script is fixed. Now it should be able to change speed and opacity level.

   @Vladimir - I added third element to define function parameter. You can call dialog this way:

   onclick="REDIPS.dialog.show(400, 100, 'Test ?', 'Cancel', 'OK|askData|test');return false"

   Parameter value "test" will be passed to the function "askData". Don't forget to define input parameter:

   function askData(param) {
       ...
       ...
   }
   

   Cheers!
3. Frank says:

   09.09.2010. at 14:17

   Great!
   But one question: Is it possible to have a dialog with text field for user input?
4. Ryan says:

   25.09.2010. at 05:44

   Great class! Thanks for sharing it!!
5. cs0815 says:

   18.01.2011. at 11:16

   Great class - thanks for sharing. I just came across two issues that almost drove me insane when I tried to incorporate it into one of my projects (xhtml strict):
   1. The input button (redips-dialog.js, line 171) threw an error in FF and Chrome, until I added a closing tag (/>).
   2. The CSS styles were never applied, until I changed the respective tags in redips-dialog.js to lowercase.
   Maybe this helps others.

   Cheers!
6. dbunic says:

   25.01.2011. at 21:07

   @cs0815 - Thanks to your suggestions, REDIPS.drag library is improved. Changes are saved to the redips4.tar.gz package. This will certainly help and thank you once again. Cheers!
7. adnan says:

   30.03.2011. at 00:38

   Hi,

   Great class thanks for sharing.

   Suggestion :
   visibilty function should check if the browser agent is ie6 than only should it hide all the iframes, selects and object. otherwise it created a problem with the hidden selects which were only visible based on the interaction from the user in my application.

   Regards,

   Adnan Akbar
8. vikram says:

   10.06.2011. at 15:29

   Hi,

   Nice class thanks for sharing
   I have a question,how to submit the form on click on a button in dialog box.
   Actually I am calling REDIPS.dialog.show(200, 100, 'Action on second button', 'Cancel', 'Yes|button2');return false onsubmit or onclick of a submit button,but the form is not submitting.
9. dbunic says:

   13.06.2011. at 15:06

   @adnan - You're right, visibility() method could be completely removed from REDIPS.dialog class because IE6 support is no needed any more. Please see The Internet Explorer 6 Countdown.

   @vikram - Maybe you can call button2() function and inside button2() put form submission. Something like this:

   function button2() {
       document.forms[0].submit();
   }
   
10. kungto says:

    13.06.2011. at 17:10

    Hi,
    How to show dialog from html page.

    REDIPS.dialog.show(640, 390, 'demo.php')
11. dbunic says:

    15.06.2011. at 11:32

    @kungto - New version 1.5.0 has option to show dialog from HTML (or PHP) page. Content of HTML page is closed within iframe and displayed in dialog box. Just download latest redips4.tar.gz package and try. Thank you!
12. Nikola says:

    15.06.2011. at 21:03

    hi

    i've made login form with iframe dialog, but when click submit button, iframe is still there...
    i want to hide iframe and dialog when i click submit button and load new page...

    now: http://prntscr.com/22f3d
    i want this: http://prntscr.com/22f3n

    how to do it?
13. dbunic says:

    16.06.2011. at 18:04

    @Nikola - I suppose that your form should have defined target property like:

    <form method="get" action="submit.php" target="_parent">
    

    This way result from submit.php will not be displayed inside iframe of dialog box but inside of the main window. After submitting form, dialog box will dissapear because new page will be loaded.
14. Emanuele says:

    10.08.2011. at 19:33

    Hi, i'm trying to include your class on my javascript web app but i have a problem on close button rendering: instead of a X i receive strange fonts

    This is the wrong rendering: http://imageshack.us/photo/my-images/217/mozillafirefox201108101.png/

    How can i fix this?

    Thanks for your work
15. Emanuele says:

    10.08.2011. at 20:12

    Solved!! I don't know how but now it works
16. dbunic says:

    10.08.2011. at 21:07

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

    Cheers!
17. Marcin says:

    17.08.2011. at 17:29

    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?
18. dbunic says:

    18.08.2011. at 15:37

    @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.
19. Marcin says:

    18.08.2011. at 22:58

    @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.
20. Aaron says:

    04.09.2011. at 02:18

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

    How do I fix it?