jQWidgets Forums

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

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

Author

Window not react Posts

April 13, 2014 at 1:24 pm Window not react #52995

Participant

Excuse me Why I did not react?

   $('#showWindowButton').click(function () {
                $('#window').jqxWindow('open');
            
            });

            $('#window').jqxWindow({
               
                width: 500,
                height: 400,
                minWidth: 300,
                minHeight: 300
            });
         
            $('#showWindowButton').jqxButton({width: '100px' });


<body class="default">
      <input type="button" value="Show" id="showWindowButton" />
             <div id="window"  style="overflow:hidden">
               <input id="up" type="button" value="audit" /> 
            </div>
</body>

April 13, 2014 at 3:14 pm Window not react #52997

Peter Stoev

Keymaster

Hi Inverse,

jqxWindow requires a DIV tag and 2 nested DIV tags. That means that the HTML Structure which you use is invalid and the widget cannot be initialized from it. In order to learn how to use our jQuery Window widget, please look at: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxwindow/jquery-window-getting-started.htm

Best Regards,
Peter Stoev

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

April 13, 2014 at 5:43 pm Window not react #53002

Inverse

Participant

I just want to click buttn go after the trigger window

There are ways? Please ~Thank you

<script type="text/javascript">
    $("#Testbutton").click(function () {
        $("#jqxwindow ").jqxWindow({ height:90, width: 150, theme: 'summer' });
    });
</script>  

<input type="button" id="Testbutton" value="test">
<div id='jqxwindow'>
	<div>Header</div>
	<div>Content</div>
</div>

April 14, 2014 at 6:09 am Window not react #53015

Peter Stoev

Keymaster

Hi Inverse,

Your current code will create a new window in case the jquery framework, jqxcore.js, jqx.base.css and jqxwindow.js references are added to your web page.

Best Regards,
Peter Stoev

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

April 14, 2014 at 7:18 am Window not react #53019

Inverse

Participant

I added already but it still not executed ….Σ(´д｀;)

   <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.classic.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.energyblue.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.edit.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.pager.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxnumberinput.js"></script>
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.export.js"></script> 
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.export.js"></script>
    <script type="text/javascript" src="../../jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.columnsresize.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.aggregates.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdocking.js"></script>

April 14, 2014 at 8:04 am Window not react #53023

Peter Stoev

Keymaster

Hi Inverse,

Could you please share a complete sample? You can use http://jsfiddle.net/ for that purpose. Looking forward to you reply.

Best Regards,
Peter Stoev

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

April 15, 2014 at 6:09 am Window not react #53083

Inverse

Participant

OK Successful implementation ~

Peter Stoev Thank you very much~ヾ(*´∀｀*)ﾉ

http://jsfiddle.net/V4d7A/

Author

Posts

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

You must be logged in to reply to this topic.