jQWidgets Forums

This topic contains 4 replies, has 2 voices, and was last updated by hcccs 10 years, 3 months ago.

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

Author

jqxsplitter compatible with IE8? Posts

February 20, 2015 at 9:06 pm jqxsplitter compatible with IE8? #67433

hcccs

Participant

I couldn’t get my web page to work in IE8 so I copied a demo source which works in IE8. I changed the folder names for jqWidget, that’s all, and it works in FF35 but not in IE8. What is wrong? What function does ‘demos.js’ have in this?

<!DOCTYPE html>
<html lang="en">
<head>    
<meta name="keywords" content="jQuery Splitter, Splitter Widget, Splitter, jqxSplitter" />    
<title id='Description'>This demonstration shows a complex layout implementation that shows nesting multiple splitters.</title>    
<link   type="text/css" rel="stylesheet" href="/jqwidgets/styles/jqx.base.css"  />    
<script type="text/javascript" src="/js/jquery.js"></script>    
<script type="text/javascript" src="/jqwidgets/jqxcore.js"></script>    
<script type="text/javascript" src="/jqwidgets/jqxsplitter.js"></script>    
<script type="text/javascript" src="/scripts/demos.js"></script>    
<script type="text/javascript">        
	$(document).ready(function () {            
		$('#mainSplitter').jqxSplitter({ width:  850,   height:  850,    orientation: 'horizontal', panels: [{ size: 300, collapsible: false }] });            
		$('#firstNested').jqxSplitter({  width: '100%', height: '100%',  orientation: 'vertical',   panels: [{ size: 300, collapsible: false}] });            
		$('#secondNested').jqxSplitter({ width: '100%', height: '100%',  orientation: 'horizontal', panels: [{ size: 150}] });            
		$('#thirdNested').jqxSplitter({  width: '100%', height: '100%',  orientation: 'horizontal', panels: [{ size: 150, collapsible: false}] });        
	});    
</script>
</head>
<body class='default'>    
	<div id="mainSplitter">        
		<div>            
			<div id="firstNested">                
				<div>                    
					<div id="secondNested">                        
						<div>                            
							<span>Panel 1</span>
						</div>                        
						<div>                            
							<span>Panel 2</span>
						</div>                    
					</div>                
				</div>                
				<div>                    
					<span>Panel 3</span>
				</div>            
			</div>        
		</div>        
		<div>            
			<div id="thirdNested">                
				<div>                    
					<span>Panel 4</span>
				</div>                
				<div>                    
					<span>Panel 5</span>
				</div>            
			</div>        
		</div>    
	</div>
</body>
</html>

February 23, 2015 at 8:37 am jqxsplitter compatible with IE8? #67479

Nadezhda

Participant

Hello hcccs,

The following line <script type="text/javascript" src="/scripts/demos.js"></script> is not necessary to your page, it is used for themes on our demos. Please, note that you are not refer correctly your JQuery script file- you are missed the version. If this suggestion does not help you to fix your issue, please, provide us with your code to determine the source of this issue.

Best Regards,
Nadezhda

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

March 7, 2015 at 10:34 pm jqxsplitter compatible with IE8? #68169

hcccs

Participant

After testing on FF, Chrome and Safari where this code works I can’t make it work on IE8. I get a blank page with the two menu items on it, no splitter and no menu. For testing purposes I have download the latest version of jQuery.


<!DOCTYPE html>
<html lang="en">
<head>
   <link   type="text/css" rel="stylesheet"  href="/jqwidgets/styles/jqx.base.css" />
   <link   type="text/css" rel="stylesheet"  href="/jqwidgets/styles/jqx.summer.css" />
   <script type="text/javascript" src="/js/jquery.js"></script>
   <script type="text/javascript" src="/jqwidgets/jqxcore.js"></script>
   <script type="text/javascript" src="/jqwidgets/jqxsplitter.js"></script>
   <script type="text/javascript" src="/jqwidgets/jqxmenu.js"></script>	
   <script type="text/javascript">
      $(document).ready(function () {
		   $('#hor1Splitter').jqxSplitter({ width: '100%', height: '100%', orientation: 'horizontal', panels: [{size: '10%', resizable: false}, {size: '90%', resizable: false}] });
			var source = [
				{label: "Video iframe",		id: "test/videoi"},
				{label: "Video LBP",			id: "test/videol"},
				{label: "Video fallback",	id: "test/videofb"},
				{label: "Video JWPlayer",	id: "test/videojw"},				
			];
			$("#jqxMenu").jqxMenu({ source: source, width: '800px', height: '100px' });
			$('#jqxMenu').on('itemclick', function (event) {
				var element = event.args;
				var page = element.id + ".html";
				$('#ContentPanel').load(page);
			});			
		});
	</script>

	<style type="text/css">
		html, body 
		{
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		}
   </style>
</head>

<body class='default'>
   <div id="hor1Splitter">
		<div id="jqxMenu">
				Menu panel
		</div>	
		<div id="ContentPanel">
			Content panel
		</div>
	</div>
</body>
</html>

March 9, 2015 at 7:33 am jqxsplitter compatible with IE8? #68182

Nadezhda

Participant

Hi hcccs,

The above code works on our side on FF, Chrome and IE8. Please, make sure you are using the latest version of jQWidgets (3.7.1).
If you are using jQuery 2.x, please, note that it does not support Internet Explorer 6, 7, or 8. You can fix the issue if you use jQuery 1.x.

Best Regards,
Nadezhda

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

March 9, 2015 at 4:32 pm jqxsplitter compatible with IE8? #68222

hcccs

Participant

Yes, I’m using jQuery 2.1.3.

Author

Posts

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

You must be logged in to reply to this topic.