Im having a problem while changing the height of a div on Opera mobile, on other browser it works fine.
Im using a plan and simple $('div').height(newheight) but it's not changing, I believe this is a bug but there must be a workaround because Jquery Mobile is resizing the whole page.
Do you know what is this workaround?
Thanks
I'm having similar issues for all of the sites I've built, and do indeed believe it's a bug in the mobile browser. The only way I've found to fix it is actually playing with the width/height in the SMS plugin markup, but unfortunately it will mess up how it appears on the other browsers.
Two solutions I've found: option one is to wait, since Opera is switching over to web-kit, option two is to plug in a simple alert jQuery script that detects if a user is browsing with Opera, and notifies them to use a supported browser instead (ie Firefox, Safari). It will be along the same code block as what I use for anything below IE 9:
if ( $.browser.msie ){
if($.browser.version == '6.0')
{
// page redirect and alert for upgrade
alert("... REQUIRES YOU TO UPGRADE YOUR WEB BROWSER For enhanced security and features on this website, please download Internet Explorer 9");
}
else if($.browser.version == '7.0')
{
// page redirect and alert for upgrade
alert(".... REQUIRES YOU TO UPGRADE YOUR WEB BROWSER For enhanced security and features on this website, please download Internet Explorer 9");
}
else if($.browser.version == '8.0')
{
// page redirect and alert for upgrade
alert("... REQUIRES YOU TO UPGRADE YOUR WEB BROWSER For enhanced security and features on this website, please download Internet Explorer 9");
}
}
});
Sorry that I don't have the exact code match you'll need, I just haven't had time to do it yet, but you'll want to replace the browser.msie with whatever the markup is for m.O
Related
Is there any way to have a cocos2d-js web game run on IE8 ?
I was looking for something like a plugin ( google had one , chrome frame , but has beed dismissed )
even excanvas.js does not work , and iewebgl plugin seems fully abandoned
I'd have to say you can't.
WebGL is only supported in IE11, and even canvas requires IE9.
If excanvas doesn't do the trick, then I'm sorry, but you are better off using flash or some other technology that doesn't require HTML5 functionality (or get the company to update their browsers).
I'm running Firefox 36.0.4 on Windows 7 32-bit. I've diabled all add-ons, extensions and user scripts before retesting this.
I'd like to step through JavaScript code that is served up in a <script> tag in the HTML document being produced by a Java (Tomcat) web server.
Unfortunately, when I select the HTML document under Debugger > Sources, the source of the page returns to the login page of the application - it appears that session information is not being used to request the source.
I stepped through the server-side code and found that the correct session cookie values were being sent for the real page request and some AJAX requests sent by the page. However, when I tried to load the page source in the JavaScript debugger, I found that an incorrect session cookie was being sent by the JavaScript debugger.
I can replicate this behaviour in other webapps, not just my own. For example, Stack Overflow:
Is this a configuration issue, or a bug in the Firefox Developer Tools?
I can't reproduce your problem using StackOverflow as an example, at least in Firefox Developer Edition ( currently version 38 ):
One thing that might help - try disabling the cache while the toolbox is open - this setting is in the developer tools setting panel ( click on the 'gear' icon at the top right of the toolbox ):
After reviewing canuckistani's answer, I downloaded Firefox Developer Edition. Seemingly, the problem was fixed.
Five minutes in, I became sick of being asked whether to remember passwords and having to manually clear session cookies (I prefer being able to do it by simply closing the browser) - it makes testing easier.
As per usual, I went to Options > Privacy > History to disable this behaviour, by setting the value to Never remember history.
Changing this setting requires the browser to restart. However, upon restarting, I once again saw the same erroneous behaviour - the wrong session cookie was being sent to the web application again.
The workaround here is to not use the Never remember history setting. I have filed a bug report at Mozilla.org Bugzilla.
Our web browser plugin works fine in IE9 and IE10 but in IE11 the plugin is neither recognized as an add-on or allowed to run. It's as if IE11 no longer supports ActiveX.
Surely there is a workaround but what do we need to change?
NOTE: this questions is asked as the developer of the plugin and not the end-user who might need to correct IE settings!
IE displays a active x warning and ask for permission if you allow it to run or not. To overcome this the only solution is to;
Open Internet Explorer.
Click the Tools menu, and then click Internet Options.
On the Security tab, click the Custom level button.
Scroll down the Security Settings list until you see ActiveX
controls and plug-ins.
For Automatic prompting for ActiveX controls, click Enable.
Scroll down to Download signed ActiveX controls and click Enable or
Prompt.
Scroll down to Run ActiveX controls and plug-ins and click Enable or
Prompt.
Scroll down to Script ActiveX controls marked safe for scripting and
click Enable or Prompt.
Click OK, and then click OK again.
There is no way to overcome this issue except changing manually Internet explorer settings. Try checking if plugin works fine while changed settings. If its still not working or not showing any warning is display try checking console for other errors which are not related to active x. Good luck!
Does IE11 displays any message relative to the blocked execution of your ActiveX ?
You should read this and this.
Use the following JS function to detect support of ActiveX :
function IsActiveXSupported() {
var isSupported = false;
if(window.ActiveXObject) {
return true;
}
if("ActiveXObject" in window) {
return true;
}
try {
var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
isSupported = true;
} catch (e) {
if (e.name === "TypeError" || e.name === "Error") {
isSupported = true;
}
}
return isSupported;
}
There is no solution to this problem. As of IE11 on Windows 8, Microsoft no longer allows ActiveX plugins to run in its browser space. There is absolutely nothing that a third party developer can do about it.
A similar thing has recently happened with the Chrome browser which no longer supports NPAPI plugins. Instead Chrome only supports PPAPI plugins which are useless for system level tasks once performed by NPAPI plugins.
So developers needing browser support for system interactive plugins can only recommend either the Firefox browser or the ASPS web browser.
Here's how I got it working:
Include your URL in IE Trusted Sites
run gpedit.msc (as Admin) and enable the following setting:
gpedit->Local->Computer->Windows Comp->ActiveX Installer->ActiveX installation policy for sites in Trusted Zones
Enabled + Silently,Silently,Prompt
Run gpupdate
Relaunch your Browser
NOTES: Windows 10 EDGE don't have trusted sites, so you have to use IE 11. Lots of folk moaning about that!
We started finding some machines with IE 11 not playing video (via flash) after we set the emulation mode of our app (web browser control) to 110001. Adding the meta tag to our htm files worked for us.
Try this tag on the pages that use the ActiveX control:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
Note: this has to be the very first element in the <head> section.
In my IE11, works normally.
Version: 11.306.10586.0
We can test if ActiveX works at IE, in this site: http://www.pcpitstop.com/testax.asp
Today we got one version of the system for desktop and we got one version with jQueryMobile.
The goal is to only have one system/page for desktop, tablets and mobiles.
I know that bootstrap is a good css/js framework and it is responsive. That will soulve the todays problem with the desktop version of our system.
As I said we have one mobile version as well. But today it gives us some "double work". And it is made in webforms.
My thought was to use bootstrap for both desktop and mobile. But my boss like jQuerymobile look and functionality.
We belive that our main users will be mobile/tablet users. So the best solution will perhaps be to remake the jquerymobile page and build it with MVC?
The main content of the system is for eployees to check their scheme, accept work-suggestions from their bosses and so on... This is in a calender.
There will be some more functionality in this calendar futher on.
Ofc there is some other stuff in the system but this calendar is the biggest.
My question is what direction we will go with this. The goal is to have one page/system for both mobile and desktop users.
If you are using JqueryMobile, I normally use another kind of windows events, but i have tried those events in normal pc browser and they tend to work okay. So why dont you build the system base on jquery mobile and just change the layout depending on who is making the request with a agent request.
Hello I have problem with jQuery Mobile v1.1.0. When I try to use this function.
$.mobile.showPageLoadingMsg();
The progress indicator is not shown. The progress indicator(loader) is shown in regular browser, like FF, but in Android Internet browser, the PI is now shown. Do you have any Idea why the loader is hidden in android browser? I tested it on samsung nexus mobile phone, with the android version v2.3.4. I tried to call the function with parameters like this
$.mobile.showPageLoadingMsg("b", "test message test", false);
But this works only on my PC web browsers FF, Chrome IE etc.
did you try the examples in the docs?
On my android 2.3.3 the loader is shown but the loader image is not animated.
If the examples work for you, be sure that you replaced/removed all old JQM files with the 1.1.0 version (css, js, images) and that they are linked correctly in the document.
When the themeroller was deployed for v1.1.0 there was a small error with the loader images in the zipfile and the style sheet.
This was fixed within a few hours, but it might be that the version you downloaded tries to load ajax-loader.gif, while ajax-loader.png was in the zipfile.
Getting your theme again from the themeroller might fix it for you
Regards,
Casper
I had the same problem. The progress-dialog was not shown when doing an ajax call afterwards. I incapsulated everything except the showPageLoading-call in a timeout-function-call.
$.mobile.showPageLoadingMsg();
setTimeout(function() {
...[here your code goes]...
},200);
Worked for me although the animation only worked until the function has been executed (here: 200ms) but that doesn't really matter to me.