I'm new to javascript, and I've been looking around for some
references on compatibility issues, but didn't found much.
I'm intrested in any and all kind of recommandations about
which methods are supported by which browsers, and all that
kind of stuff.
Are there any groups focused on these issues, or some pages
where reports up to date may be found ?
for instance, I've written some basic code from tutorials in
order to get my hands in javascript, and even with that simple
stuff, I've already come across problems with scripts that
work with firebird, but don't work with explorer.
Can anyone point me to a site that gives a good (basic) tutorial on writing JS so that it runs in multiple browsers?
I have a web app that's been targeted for IE 5.5 but need it to work in other browsers such as Mozilla.
Things I've noticed are HTML lines like <div class="divwithborder" style="width:600px; height:351px;left:20px"> - in mozilla the "height" attribute seems to be completely ignored!
I have the following javascript which is setting up a quiz (delivered from off-site) into an iframe. The javascript code determines if the visitor has Flash or not, and then sets up the page, on button click, to deliver the appropriate version of the quiz into the iframe.
For some reason, this code works in everything (it seems) except IE8. In IE8 without Flash, something (perhaps in the code itself?) kicks the viewer into a blank page. If someone could just test the URL below Maybe (I am thinking) it is because the computer I tested it on did not have JS enabled? Or maybe there is something in the code? Or maybe with the quiz delivered from off-site?
I'm working on an application that uses ajax and we are going to have a version that people with browsers that don't support the XmlHttpRequest object. My problem is what's the best way to check this.
I have tried the following
var xmlreq = new new XMLHttpRequest(); if (!xmlreq){ // handle the browser stuff }
In netscape 4.7 this results in an error that I don't seem to be able to recover from and I don't think this is the best approach to this problem.
<SCRIPT LANGUAGE='javascript'> function saveas() { document.execCommand("SaveAs","1","filename.htm") } </script>
its suppose to show that "Save As" dialogue box to save the htm/asp/php file to what you want on your local machine. i was having a hard time troubleshooting the code on my firefox, but to no good. until a bright idea pop into my mind and tested it with the damn IE, and it works like magic!!
now my question or inquiry would be, do you have a similar code that will work more universally on most browsers?
I might as well start off like everyone else who posts problems they are having....So I'm new to JavaScript.....
Anywho, I have a page that lists 15 or so thumbnails and then one big image of one of those thumbnails. I wrote some javascript code that when you click on the thumbnail the real picture of that thumbnail loads in the big image on the page. So essentially I wrote some very simple code that replaces the "src" of an image tag on an onClick event. I also replace some text within some elements that are tagged with an ID. Everything works great in all browsers except in internet explorer 6.0 (and possibly other versions of IE, just 6.0 is all I'm using). If anyone has run into this problem before, or notices something wrong with the code ...
I don't know much about java scripts, but here is my attempt to write one. My script allows the user to enter their customer number into a textbox. When they click on a button, they are redirected to a PDF file. So if my customer number is 12345, I will be directed to http://www.websiteaddress.com/reports/12345.pdf whenever I type my customer number into the textbox.
The script I wrote works with IE 6.0, but when I tested it with Netscape 4.7, it would not work. I'm not familiar with java scripts and browser compatibilities. Can someone take a look at my script and tell me what I need to change in this script to make it compatible with as many browsers as possible?
I am doing an experiment with setTimeout for a much larger project and cant seem to get this bit of code working. What is "supposed" to happen is on hover the div goes black, and on removing the mouse it turns red after 1 second. however, it doesnt work. ive tried a bunch of variations but nothing gets it to work. i want to line up a bunch of divs and not need to write a seperate function for each one.
there is some CSS but nothing crazy. it should work but it doesnt. the black on hover works but then it either stays black or goes red immediately, not waiting the 1 second.
element.event NS3+, IE4+, dunno about opera or others
Since I'm only concerned with attaching a single event and don't care about bubbling/capturing, am I best off not using the old style of event registering to assure maxium compatibility?
I was really hoping that someone could help me sort out two minor problems which I'm experiencing with by JavaScript and two browsers. (FireFox and Safari)
1. Safari doesn't support style="background:#CCCCCC;" I use the following JS code to change the background color of my select boxes.
HTML Code: var backcolor = "#CCCCCC"; document.getElementById('operatings').style.background = backcolor; Unfortunately Safari doesn't support this. I could use the following :
HTML Code: var backcolor = "#CCCCCC"; document.getElementById('operatings').style.background-color = backcolor; ...but it doesn't work. Probably because the JS reads the dash ( - ) as a syntax error. What alternative is there to this?
2. FireFox doesn't support 'value="";' I use the following code to reset the selection of a <select> drop down :
HTML Code: document.getElementById('operatings').value = ""; ...but FireFox doesn't seem to support this.
What alterative is there to unselecting the selected the option in a <select> dropdown? I know about the reset button, but unfortunately I cannot use this.
I am working in IE and FireFox compatibility. In my application we are creating dynamic iframes inside another iframe. I have to access a div inside the iframe. In IE everything is working fine. But in Firefox, I am not able to access the div.
I have tried using: iframename.divname iframename.getElementsByName("divname") iframename.getElementById("divname") iframename.getElementByTagName("divname") --> This was not throwing any error but the element length was 0.
I have created the iframe using the method function getIframe(name){ var iframe = document.getElementById(name) var ifDoc if(iframe.contentDocument){ alert("1"); ifDoc = iframe.contentDocument } //NS6+ else if(iframe.contentWindow) { alert("2"); ifDoc = iframe.contentWindow.document } //IE else { alert("3"); ifDoc = iframe.document } //IE5 alert ("value for getIframe is "+ifDoc); return ifDoc }
I have the following funciton that centers my website content for any size window and will center it in real time as the window is expanded or shrunk. It is activated by a
onresize="CenterIt();"
in the body tag.
Works fine for IE. How do I make it compatible with netscape and most browsers? Better yet, is there a good single source that explains how to write javascript to be compatible with all browsers? 766 and 435 are the width and height of my table that surrounds the website data defined so:
I have reimplemented the non-standard <marquee> element (in a very simplified fashion), moving around a DIV using offsetParent and offsetWidth.
It works fine in Mozilla (1.7.5) and Safari (1.2.4), but fails miserably in IE6/Win : the content scrolls off screen to the right hand side, although it should be going to the left.....
I'm implementing prettyPhoto into my site which already contains a jquery newsticker from [URL]... There is a compatibility issue between this two, I can only manage to make one to work, but I really need both of them.
I have created some custom code and implemented it into a article within Joomla. (The HTML editor is turned off) The code works in all browsers except Internet Explorer Versions. The custom code has Javascript and the "onMouseOver". The purpose of it is to change a image when your cursor is placed over a link. Ive included the code below
are there problems with the animation with IE8 compatibility mode forced off? I am using meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" to force IE 8 out of compatibility mode for my site, as I need to use the new CSS support that IE 8 finally properly implements (it's an internal site, so I'm not worried about any other browsers), but I notice that in doing that the fadeIn (and Out) no longer seems to work - the content the method is being applied to just sits there for the fade duration and then disappears. This isn't a great hardship, but it would be nice to be able to showcase what jQuery can do and these effects would add a bit more wow-factor to the site.
The following code works for Firefox but not on Chrome. Does anybody know what it doesn't work on Chrome. Is there a document on the browser compatibility info on each JQuery command.
I'm trying to use the jqModal plugin on my page: [url]
Here is a sample showing my problem: [url]
If you see this example in a IE6 or IE7 or IE8 in compatibility mode, you will see, that the the modal box is not 100% opacity. It works great in FF, IE8, Chrome and so on.
The problem is because of a "position:relative;" in the "containerTop" div - the parent div of the dialog.
