Using Script In Multiple Browsers?
Dec 9, 2009It works perfectly in IE but not in Firefox or Safari. I'd like it to work in all or most browsers if thats possible.
View 1 RepliesIt works perfectly in IE but not in Firefox or Safari. I'd like it to work in all or most browsers if thats possible.
View 1 RepliesI've been trying to teach myself Javascript to figure out this problem, but I'm apparently not learning what I need to.The objective is this:I want to have a div appear below my mouse when mousing over different parts of my website.I know how to swap out the background images, I know how to change the div's sizes... It's just that I'm using one div, and in order to get this right, I need it to be positioned in different places under the mouse each time the image changes.I've got a cross-browser mouse-follow worked out, I just don't know how to edit the "divvx" and "divvy" variables when I mouse over the "boxtest" div. Here is the code I'm working on, maybe I'm just missing something obvious?
">
<html>
<head>
[code]....
Why this code is not working on Webkit browsers:
Only jquery and the plugin printed above are loaded, so there shouldn't be any conflicts.
HTML:
Chrome gives the following error: Uncaught TypeError: Object #<an Object> has no method 'followUser
I have created a small application that lists all the
softwares that I created. This app was made using
Javascipts' DOM support of XML.
I am new to XML so I created this to get some experiance
in it. To problem is that the page only works with
Microsoft Internet Explorer.
Is it possible to modify the program so that it will
work with other Browsers? If yes, how? Code:
I used the DOM for mozilla to write some javascript. And naturally it doesn't work with IE and I haven't tried it on Opera type browsers. Is there any website that spells out the DOM's for IE and Opera individually like the mozilla one? Ie: http://developer.mozilla.org/en/docs/DOM:document.createElement
I would like to get the selection of the dom (meaning a highlighted area), then get the range. From the range I cloneContents in order to get a document fragment. Is there equivalent functions for IE and Opera etc? Code:
I have this code here that reads in a javascript file and increases or
decreases font by its relative size (same thing as View, Text Size,
Large, small, etc.) I am developing this for Transport Canada and I
need some help. Here is my code. I need it to be compatible with IE,
Mozilla, Netscape and Opera. Most versions of these browsers has to be
compatible. If you could help me out the least bit would greatful.
Here's the code:
Why is it that most (well, honestly all that I have seen) the JS based modals, those that use frameworks like MooTools and JQuery, and what have you, why are most of the nifty visual effects like drop shadows and rounded corners, they don't work in Internet Explorer, but do work in FF, WebKit based browsers like Safari and Chrome, and Opera?
For an example, have a look at MooTools based MediaBox ( a LightBox "clone" ):[URL]..
I have an Issue with a Javascript slideshow. If you see link below it is obvious :)[URL]... I only get the Issue in Internet Explorer 8
View 4 Replies View Relatedhow I can make this work in IE as well?? It is a code that shows a divide on click and then hides the rest at the same time.live code is also at chryscreations.com/ns/boynames.html
Javascript:
function showstuff(divID)
{
[code]....
On my site, I would like to open a centred pop-up with thumbnails. Clicking on them you get the full image with navigation arrows leading to new photos, etc.
I want to have pop-up dimensions suited to what's in the page and if the photo is vertical or horizontal.
Now, the code here under works well with FF2.0 and NS 8.0, but IE6 and Opera 9 just make the window.close() in func_aperta() and closes the pop-up.
What's wrong? Any ideas? Code:
I have a page with a slideshow which doesn't look too great in IE8 or lower. Is there a way to display different content for these browsers?
View 2 Replies View RelatedI'm currently modifying a php controlled website and wish to distinguish between javascript and non-javascript browsers in order to decide which pages to display. I have a single php controller script which "includes" a number of html pages. I want to ensure that I cater for both javascript and non-javascript browsers (so functionality is the same, only the javascript pages have a far better look and feel to them).
Therefore I would like to code something along the lines of :
Code:
if (javascript_browser=='true')
{
include './javascript_page1.html.php';
exit();
[Code].....
I have a nice Javascript code which allows users to HTML format code in a textarea, similar to the code of Post New Thread page. It works great in Internet Explorer but it does nothing in other browsers.
It seems the problem resides in this two lines:
Code:
a=document.selection.createRange();
seleccio = a.text;
How can I arrange this lines in order to make them cross-browser? I really need this code to work, at least, in current versions of Netscape, Mozilla and Opera.
Does anyone see anything wrong with this code? It's a mystery to me why it works fine in all browsers but IE6/Win. Not getting any JS errors or anything to help debug.
<script type="text/javascript">
function submitGeoSelect ( geositeID )
{
var geoURL = "https://<?= $_SERVER['SERVER_NAME']?>";
switch ( geositeID )
.........
The following code works well in IE5 and Netscape 7, apparently my page is
not working in Netscape 4.6 and it has been suggested that i need a third
option dwellig around the document.layers object, could someone tell me what
line I need to make it compatable for earlier browsers?
***************************
if(document.all){
parent.Slave.document.all.hillList.style.pixelTop= parent.Slave.document.body
..scrollTop+100
parent.Slave.document.all.hillList.style.pixelLeft =600
parent.Slave.document.all.hillList.innerHTML=divHT ML
}
if(!document.all && document.getElementById){
parent.Slave.document.getElementById("hillList").style.top=parent.Slave.docu
ment.body.scrollTop+100+ "px"
parent.Slave.document.getElementById("hillList").style.left=600+ "px"
parent.Slave.document.getElementById("hillList").innerHTML=divHTML
};
*******************************
I went through the past six months or so of entries
in c.l.javascript, and found a couple where people
had expressed opinions about the value of supporting
much older versions of Netscape and IE. The entries
included incidental mention of server logs showing
how many pages had been retrieved by such browsers.
I'd like to get some sort of communal variety of
opinions on how much effort it's worth to put in the
support, or in some cases, the "graceful degradation"
allowing partial capabilities to remain in a page
under the old browser.
My situation is that I have no access to server side
capabilities or CGI, have yet to buckle down and learn
Java, but have a fairly complex application I'd like
accessible via the web.
Are there links answering:
1. How many commercial sites still insist on full
compatibility? Allow significant degradation? Give
up on NN < 6? Ignore browsers with small market
shares?
2. How do developers feel about coding for browsers
older than, say, two years?
3. Are there statistics from a variety of sites
showing use by different browsers?
I have been using document.cookie to write and read cookies.
Unfortunately, when I open my page in Internet Explorer, I don't see
what I wrote to my cookie while in Netscape Navigator. Similarly, my
page that I opened in Netscape doesn't see what I wrote to the cookie
while in IE.
Surely there must be away for IE and Netscape to read the same
cookie information ??. Otherwise, what happens if a user just happens
to be browsing my page in both browsers? They'll expect things to be
there, and they won't be there because one browser doesn't see what
was written in the other.
Any ideas on how to get Netscape to read cookies written by IE, and
visa versa?
Using jquery 1.5 and part of my XML is this
<gd:when endTime='2011-03-03T16:00:00.000-06:00' startTime='2011-03-03T11:00:00.000-06:00'/>
If I use:
$(xml).find('gd\:when').each(function(){
alert($(this).attr('startTime'));
});
[Code]....
It works in Safari but in Firefox I get the error:
uncaught exception: Syntax error, unrecognized expression: [nodeName=gd:when]
My code runs great in every browser but IE6 IE7 and IE8. it breaks and causes all scripts to fail. i setup Visual Web Developer in my VM like a blog post told me, and when i load the page i get Microsoft JScript runtime error: Object doesn't support this property or method that seem to break on this line
[Code]...
I need to shed some light on browsercompatibilityon my website.here's the breakdown:
-website runs smoothly on Firefox and Opera
-website runs slugishly on Safari and Chrome
now I understand that my code is not squashed down and formated for browsersuccess, but Im so perplexed why some browsers run itawesomelywhile the others run it as if it was os9.Also, I havent had a chance to cross check this site on other systems and computers so I would like to hearperformanceresults from real people
First off by let me stating that I am not a great web devloper nor am I a good with css / javascript. I am creating this website for a friend of mines company and I have one problem.The problem is that the navigation menu on the right side will not remain fixed how i want it to be. I spoke with many people and they all said that this cannot be done with css considering your layout and because it needs to dodge the headers and the footer. I basically want this div (sidenav on the right) to scroll along the page as users scroll up or down but it can not interfere with the header or footer. I do not want the right side navigation to go over the content or out of the wrapper. I want it to stay in the same position in all aspects - left / right / top / bottom. Here is a link to the site [URL].
View 2 Replies View RelatedMy navigation buttons have rollovers and are working fine in FF, Safari, Netscape, Camino but not in IE.
Not only that but there are some weird dashes appearing between some of the buttons. I do notice that the dashes disappear when I hover the cursor over some of the buttons. Can't figure it out... Code:
Have been trying to figure this one out for some time, but still can not get this AJAX script to work with Internet Explorer. It works with all other browsers.
FORM CODE
<script language="JavaScript" type="text/javascript" src="aj.js">
</script>
<input type="text" value="#CCC" id="paints" size="7">
<input type="button" value="submit" id="gColor" onclick=
"handleIT();colorIT()"> <input type="text" id="textBack">
[Code]...
I am using window.status = "Message"
for IE but I want to do the same in other browsers.For time being I want to do it in firefox but I have to manually enable it in browser options.Is it possible to do so programmatically?
Using JQuery and CSS with javascript happens a very strange thing i'm doing a site where every page has 5 DIV in vertcal, called "div1", "div2" and so on. Every page can have a different height, so i use the following script:
[Code]...
the fact is that the DIVs in Firefox for example are interrupted at half the page...why?
I'm about to give up with this one. I know this is possible in IE. In fact, I think this is the only thing IE does properly.Here is the working code for IE that should work in other browsers (Firefox,Chrome...) but doesn't.
document.body.onkeydown = function(event) {
e = event || window.event;
if(e.keyCode==13) {
[code]....