jQWidgets Forums

jQuery UI Widgets › Forums › Dialogs and Notifications › Window › jqxWindow Usage

Tagged: , ,

This topic contains 3 replies, has 3 voices, and was last updated by  Dimitar 11 years, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    jqxWindow Usage Posts
  • March 1, 2013 at 6:22 pm jqxWindow Usage #16228

    cwnOnTheHill
    Member

    Hey guys, new poster so thanks for all your help!

    I am attempting to use jqxWindow in what I would think would be it’s most basic function, yet I am still having trouble. I have a basic link in a navigation window…

    <ul id=”navigationMenu”>
    <li>
    <a href=”#”>
    <span>Home</span>
    </a>
    </li></ul>

    # is going to be an already existing HTML document, and I would like for it to load up in a jqxWindow on this page. Going a step farther, it would ulimately be nice, if I could trigger the jqxWindow when any of the navigationMenu li elements are clicked, and display desired .html file within them. Can anyone assist?

    Thanks,

    Chris

     

    March 4, 2013 at 8:08 am jqxWindow Usage #16283

    Dimitar
    Participant

    Hello Chris,

    Here is the solution. Just change http://www.jqwidgets.com/ to your desired page.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>jQuery Window CSS Styling Sample</title>
        <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
        <link rel="stylesheet" href="../../jqwidgets/styles/jqx.summer.css" type="text/css" />
        <script type="text/javascript" src="../../scripts/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#jqxwindow").jqxWindow({ height: 500, width: 500, theme: 'summer', autoOpen: false });
                $(".link:eq(0)").click(function () {
                    $("#jqxwindow").jqxWindow('open');
                    $("#jqxwindow").jqxWindow('setContent', '<iframe src="http://www.jqwidgets.com/" width="100%" height="100%"></iframe>');
                });
            });
        </script>
    </head>
    <body>
        <ul>
            <li class="link"><a href="#">Page 1</a></li>
            <li class="link">Page 2</li>
            <li class="link">Page 3</li>
        </ul>
        <div id='jqxwindow'>
            <div>
                Header</div>
            <div id='content'>
            </div>
        </div>
    </body>
    </html>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    November 27, 2013 at 4:12 pm jqxWindow Usage #44931

    al3dv
    Participant

    Hi All, I have a question about the example above.

    It is perfect, but I need a result from the modal windows to the main windwos.

    Is possible to pass a parameter from the content of the modal to the caller windows?

    Sorry for my english, I hope my explanation/question is clear.

    thanks in advance
    Ale

    November 28, 2013 at 6:20 am jqxWindow Usage #45265

    Dimitar
    Participant

    Hello al3dv,

    Unfortunately, you cannot pass any parameters from the page in the iframe to its parent window.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.