jQWidgets Forums

This topic contains 3 replies, has 2 voices, and was last updated by Peter Stoev 12 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

iframe with jqxMenu Posts

January 25, 2013 at 8:28 pm iframe with jqxMenu #14218

Participant

Hi,

I try to have a left menu where I can load a web page in a iframe at Right part of my web site. Is working except when the other web site have a jqxMenu. To try to explain the problem, I create this demo web page where I have a menu at left and your own web site at Right. At first, your web site show well. Now click Demo and after jqxMenu, all menu from your web page just disappear. Is it a problem with the iframe ?

$(document).ready(function () {
var theme = “”;
if (theme==””) {theme=getTheme();}
// Create a jqxMenu
$(“#MAIN_MENU”).jqxMenu({ autoOpen: true, autoCloseOnMouseLeave: false, showTopLevelArrows: true, theme: theme });
$(“#MAIN_MENU”).jqxMenu({ width: 90});
$(“#MAIN_MENU”).jqxMenu({ height: 70});
$(“#MAIN_MENU”).css(‘visibility’, ‘visible’);
});

function sizeFrame(frameId)
{
var F = document.getElementById(frameId);
F.height =$(window).height()-50;
}

PC products

Your browser does not support iframes

January 26, 2013 at 1:24 am iframe with jqxMenu #14225

Peter Stoev

Keymaster

Hi kingdomp,

All of our samples are opened within IFrame. If you have an issue with using the widgets within IFrame, please post a small sample which demonstrates it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

January 28, 2013 at 7:31 pm iframe with jqxMenu #14273

kingdomp

Participant

I create this file to show you what happen :

test.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     
    <link rel="stylesheet" href="/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="/scripts/gettheme.js"></script>
    <script type="text/javascript" src="/scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxmenu.js"></script>
 
</head>
<script type="text/javascript">
 $(document).ready(function () {
                var theme = "";
                if (theme=="") {theme=getTheme();}
                // Create a jqxMenu
                $("#MAIN_MENU").jqxMenu({  autoOpen: true, autoCloseOnMouseLeave: false, showTopLevelArrows: true, theme: theme });
                $("#MAIN_MENU").jqxMenu({ width: 90});
                $("#MAIN_MENU").jqxMenu({ height: 70});
                $("#MAIN_MENU").css('visibility', 'visible');
            });
            
function sizeFrame(frameId) 
{
    var F = document.getElementById(frameId);
    F.height =$(window).height()-50; 
}
</script>
<body>
    
<div id='jqxWidget'>
<table>
    <colgroup>
            <col width="75x" valign="top">
            <col width="100%" height="100%" >
    </colgroup>
    <tr>
            <td valign="top">
            <div id='MAIN_MENU' style='visibility: hidden; margin-left: 20px;margin-right: 20px;margin-left: 20px;'>
            <ul>    
                <li>
                        <a href="#PCProducts">PC products</a>    
                </li>  
             </ul>
            </div>
            </td>
        
            <td>
                <div id='FFA' >
                    <iframe src="http://www.jqwidgets.com" id="RightFrame" name="RightFrame" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" onload="sizeFrame('RightFrame');" >
                      <p>Your browser does not support iframes</p>
                    </iframe>
                </div>
            </td>
    </tr>
</table>
</div>
</body>
</html>

And this is the result in picture :

My menu with the right iframe
kingdomp.com/jqwima/ima1.jpg

When I click on Demo-Menu
kingdomp.com/jqwima/ima2.jpg

The menu don’t show
kingdomp.com/jqwima/ima3.jpg

January 28, 2013 at 8:17 pm iframe with jqxMenu #14275

Peter Stoev

Keymaster

Hi kingdomp,

With that example, you demonstrate that Ajax function does not make cross-browser calls by default. In our demos we use IFrame and we also use Ajax. If you load our demo from another server by making calls to our server, Ajax functions will not work for you.

Best Regards,
Peter Stoev

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.