jQuery popup won't work in IE11 Enterprise mode - javascript

I have a classic asp application which runs on the IE 11 Enterprise mode, where I added the jQuery popup with some search function on it. This functionality works properly with Normal mode but not with Enterprise mode(search functionality and CSS for popup to look decent). Anybody knows the reason?
I have added the below libraries.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script type="text/javascript" src="../javascripts/lib/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="../javascripts/lib/chosen_v1.1.0/chosen.jquery.min.js" type="text/javascript"></script>
And there are tow other JavaScript file which is related to the popup functionality.
The page is a part of the iframe and iframe contain the above changes.
I would appreciate your help. Thanks in advance.

I found the answer and below are the changes.
<!doctype html>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11">

Related

Facebook post embed renders but isn't showing up

I'm trying to get the Facebook Post embed working on my own site using their JS SDK but it doesn't seem to show up.
Some inline styles on the embedded iframe and the span it encapsulates it, controls the display of the widget.
I found some hacks but they aren't perfect. I used facebook's JS playground on the same code and it works.
There aren't any stylesheet interfering with this file and no extension as well as I checked in firefox and the result was the same.
edit: posting the code here:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12" async></script>
<div class="fb-post" data-href="https://www.facebook.com/20531316728/posts/10154009990506729/" data-width="500"></div>
</body>
</html>
Kindly see the photo attachment.
Thanks
P.S. Facebook code is directly copied from their docs, HERE
I assume you tried this by just opening the HTML file in your browser. You have to open it using a local or remote server. If i start it with a local server with the exact same code, it works perfectly fine.
For example: https://www.npmjs.com/package/http-server

Change titles tag (tab) background color

I have simple page:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
Text
</body>
</html>
I need to change title (browser tab) background color.
I tried it:
<meta name="theme-color" content="#ef2c1a">
And another way:
<style>
title{
background-color: red;
}
</style>
But it doesn't work.
What another ways are?
Please, help me to solve it, thanks
You can't.
Let me elaborate: your meta tag is correct and should work - on Chrome for Android.
In other words, this is a feature specific to only one browser for one OS. It is not part of the standard and will therefore not work elsewhere (yet). The only solution is to accept the fact that this will only have an effect for some of your users.
Edit: It looks as if Windows Phones support a similar feature, msapplication-navbutton-color as pointed out in this answer. Note, however, that this doesn't seem to color the tab itself, but just the forward and back buttons. And you're still out of luck otherwise, for example on desktop.

Overriding masterpage <meta http-equiv="X-UA-Compatible" content="EmulateIE8"/> tag

I have a master page with this tag <meta http-equiv="X-UA-Compatible" content="EmulateIE8"/> . Problem is my screen within master page runs angularjs 1.4, and was developed for chrome. Now I'm told IE must also work. We run IE 11 but master page forces IE8 compatibility. Is there any way to OVERRIDE this (temporarily preferably)? when my screen (via wicket) is loaded?
simply placing <meta http-equiv="X-UA-Compatible" content="EmulateIE11"/> in my HTML has no effect, also tried a java filter applying this, but the master page seems to take precedent.
Any help desperately appreciated!
EDIT -
would this work in my master page:
<meta http-equiv="X-UA-Compatible" content="IE=8, IE=9, IE=10, IE=11" >
?

Strange behaviour with Unexpected token ILLEGAL Error

I'm facing very strange behaviour in Chrome & Mozilla from jQuery. I'm getting very generic Unexpected token ILLEGAL error on my document.ready function.
While playing with a signaturepad sample, I tried it with my own page. It is not working in Mozilla & Chrome, but is working in IE. Then I removed all references of signaturepad and put a simple one alert inside document.ready function and observed (Thanks to Chrome JavaScript Errors Notifier) Unexpected token ILLEGAL error is occurring when system try to use jQuery reference. Then I copied all the text from the sample page (a.html), where it works perfectly inside this page (b.html), and ran the page again. I'm surprised the a.html page is working fine while b.html page is throwing the error. Both pages are on the same directory and have the same content.
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title> </title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css">
<link href="css/jquery.signaturepad.css" rel="stylesheet">
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
alert('hai');
})
</script>
</body>
</html>
Problem fixed now. Issue was in Encoding through which file was saved. The problematic file was saved with Unicode-1200 while it should be saved with Unicode-65001.
Thanks all for answering/comments.
Regards
I would do a few things that may sound silly --
Add a <!DOCTYPE html> tag to the top -- jquery mobile likes it
remove the indentation in front of your <html lang="en"> tag
redownload or try to use a hosted jquery library (e.g. from google) to see if that's it
add a closing ; after your })

(IE specific) How can I prevent that my iFrame is shown in the compatiblity mode from its parent HTML-Page?

Here is my IE-specific question:
How can I prevent that my iFrame is shown in the compatibility mode from its parent HTML-Page?
I want to find a JavaScript solution for this problem.
Here is my structure:
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=IE7" />
</head>
<body>
<iframe id='frameMain' src='http://example.com' />
</body>
</html>
the iFrame frameMain will also be displayed in the Compatible-Mode (IE=IE7), but I don't want this!
Does anyone of you know JavaScript (or any other trick) to show the iFrame in IE=edge?
please help me!
greetz Klaus

Categories