Click here to Skip to main content
15,843,865 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi,

I've written a small webpage which works perfectly in Chrome and IE11. However, when I load the page with a WebBrowser, there's a few problems which I don't know how to resolve and Google doesn't seem to have any answers either;

1. user-select: none just doesn't work, you can still select text
2. Error message: 'unable to get property 'createelement' of undefined or null reference'
3. Error message: 'the value of the property '$' is null or undefined not a function object'

Relevant code:
html
{
	width: 800px;
	height: 500px;
	font-family: 'Open Sans';
	font-size: 16px;
	letter-spacing: -1px;
	user-select: none;  
	font-weight: 300;
}

<!DOCTYPE html>
<html lang='en-GB'>
	<head>
		<link rel='stylesheet' type='text/css' href='index.css'>
		<script src='jQuery-3.3.1.js'></script>
		<script src='index.js'></script>
		<title>Title here</title>
		<meta http-equiv='X-UA-Compatible' content='IE=edge' />
	</head>
	<body>
		<div id='title'>Installer</div>
		<div id='underline_holder'>
			<div id='underline'></div>
		</div>
		<div class='download_section'>
			<div class='download_section_title'>Downloading files...</div>
			<div class='progress_bar'>
			
			</div>
		</div>
		<div class='download_section'>
			<div class='download_section_title'>Writing files to disk...</div>
			<div class='progress_bar'>
			
			</div>
		</div>
	</body>
</html>

$(function()
{
	$(document).ready(function()
	{alert('before');
		setTimeout(function()
		{alert('after');
			$('#title').css('opacity', 0.8);
			$('#underline_holder').css('border-top', '2px solid rgba(100, 0, 255, 0.2)');
			
			setTimeout(function()
			{
				$('#underline').css({'opacity': 1});
				
				setTimeout(function()
				{
					$('#underline').css({'top': '-2px'});
					
					setTimeout(function()
					{
						$('#underline').css({'width': '100%'});
						
						setTimeout(function()
						{
							var delay = 500;
						
							$('.download_section').each(function()
							{
								var t = $(this);
							
								setTimeout(function()
								{
									t.css({'height': '37px', 'padding': '16px'});
								}, delay);
							
								delay += 500;
							});
						}, 500);
					}, 800);
				}, 300);
			}, 500);
		}, 1000);
	});
});


In addition to those issues, neither alert() works either.

What I have tried:

--------------------------------------------------------------
Posted
Updated 29-Jul-18 5:18am

1 solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900