jQWidgets Forums

March 27, 2013 at 2:19 pm calendar shows behind popup window #18157
levieu
Member
Not work. Example:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>jqwidgets jqxWindow with jqxDateTimeInput and jqxDropDownList</title>
		<script src="/jquery/jquery-1.9.1.js" type="text/javascript"></script>
		
		<script type="text/javascript" src="/jqwidgets/jqxcore.js"></script>
		
		<link rel="stylesheet" href="/jqwidgets/styles/jqx.base.css" type="text/css"/>
		<script type="text/javascript" src="/jqwidgets/jqxwindow.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxdatetimeinput.js"></script> 
		<script type="text/javascript" src="/scripts/gettheme.js"></script>
		
		<script type="text/javascript" src="/jqwidgets/jqxinput.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxbuttons.js"></script>
		
		<script type="text/javascript" src="/jqwidgets/jqxexpander.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxnavigationbar.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxmaskedinput.js"></script>
		<script type="text/javascript" src="/jqwidgets/globalization/jquery.global.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxcalendar.js"></script> 
		<script type="text/javascript" src="/jqwidgets/jqxdropdownlist.js"></script>
		
		<script type="text/javascript" src="/jqwidgets/jqxdata.js"></script> 
		<script type="text/javascript" src="/jqwidgets/jqxscrollbar.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.selection.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxtabs.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxcombobox.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxlistbox.js"></script>
		
		<script type="text/javascript" src="/jqwidgets/jqxnumberinput.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxradiobutton.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxtooltip.js"></script>
		
		<script type="text/javascript" src="/jqwidgets/jqxdata.js"></script>
		<script type="text/javascript" src="/jqwidgets/jqxgrid.edit.js"></script>
	
	</head>
	
	<script type="text/javascript">
		function show(){
           $('#data').jqxDateTimeInput({ width:210, height: 25, formatString: "dd/MM/yyyy", popupZIndex: 999999});
			
			var source = [
                    "Affogato",
                    "Americano",
                    "Bicerin",
                    "Breve",
                    "Café Bombón",
                    "Café au lait",
                    "Caffé Corretto",
                    "Café Crema",
                    "Caffé Latte",
                    "Caffé macchiato",
                    "Café mélange",
                    "Coffee milk",
                    "Cafe mocha",
                    "Cappuccino",
                    "Carajillo",
                    "Cortado",
                    "Cuban espresso",
                    "Espresso",
                    "Eiskaffee",
                    "The Flat White",
                    "Frappuccino",
                    "Galao",
                    "Greek frappé coffee",
                    "Iced Coffee?",
                    "Indian filter coffee",
                    "Instant coffee",
                    "Irish coffee",
                    "Liqueur coffee"
		        ];
                
                $("#combo").jqxDropDownList({ source: source, selectedIndex: 1, width: '200', height: '25', popupZIndex: 999999 });
			
			$('#popUp').jqxWindow({isModal: true, autoOpen: false, showCollapseButton: false, 
								maxHeight: 275, maxWidth: 500, minHeight: 275, minWidth: 500, height: 275, width: 500, resizable: false,
								title: '<b><font style="color:#0B333C;">popup</font></b>'});
			
			$('#popUp').jqxWindow('open');
			
        }
		
	</script>
	
	<body>
		<input type="button" onclick="show()" value="popUp"/>
		<div id="popUp" style="display:none;">
			<div id="popUpHeader">
				PopUp
			</div>
			<div style="overflow: hidden; background-color:#E8EEE8;" id="ic_pnl_localitaNascitaContent">
				<div>
					<label style="float: left; margin: 3px 2px 0px 5px; width: 110px; text-align:right; height:22px;" for="data">Data :</label>
					<div style="float: left; width:215px; margin:0px 0px 0px 0px;">
						<div id="data"></div>
					</div>
					<div style="clear: both;"></div>
				</div>
				<div>
					<label style="float: left; margin: 3px 2px 0px 5px; width: 110px; text-align:right; height:22px;" for="data">Combo:</label>
					<div style="float: left; width:215px; margin:0px 0px 0px 0px;">
						<div id="combo"></div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>