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 have a javascript that I found for an iphone style menu. It works and allows me to click through the menu as long as it is within the list system. If I try to create an external link to a webpage. It doesn't load anything. Here is the code let me know if anyone knows the trick so I can link out. Below is the javascript used to create the flowing menu system. Let me know if you need the rest of the .css and html.
(function() { var animateX = -20; var animateInterval = 24; var currentPage = null; var currentDialog = null; var currentWidth = 0; var currentHash = location.hash; var hashPrefix = "#_"; var pageHistory = []; [Code]...
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 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
