I'm just starting JavaScript and wrote a quick script for Next/Back buttons for a page showing a family outing on our boat. I proudly uploaded the webpage and emailed it out, but people running IE are unable to use the buttons, they simply do nothing.Here is the .js file, I don't think anything in the HTML or CSS is causing the issue but could post those as well if necessary.
var step = 1;
//preload images
var numImages = 13;
[code]....
I was under the impression that jquery is cross browser. For some reason in chrome when I click my button, nothing happens. this works in FF and IE though[yes, this code is extremely ugly and not proficient, but it works in IE/FF. I just started learning jquery,
$(document).ready(function() {
$('.extra_btn').click(function() {
$('.extra_btn').fadeOut('fast');
[code]....
i put the konami code on my site and it works in Chrome and Firefox but not IE
Code:
<body bgcolor="#000000">
<br /><br />
<h1 class="h1maggots"> FISH NORTH WEST</h1>
<br />
[Code]....
this code works in google chrome, but not in firefox. function merge(obj1, obj2) {
[Code]...
I have a script a co-worker wrote and it works in FF and Chrome but IE will not work. Get's a 'activeTab' is null or not an object error, I checked for commas and fixed a semi-colon that was missing in two spots but not change in IE.
code below:
<table class="tan-header rounded-box" style="padding:0px;border:0px;width:560px" cellspacing=0 cellpadding=0>
<tr class="headerrow">
<td class="main">
[Code]....
Objective is to read from ticker.xml, parse, and set the html of headline1, headline2, headline3, etc. divs to the values of ticker.xml. This works great in IE 8 and FF but not in Chrome.
<script type="text/javascript">
$(document).ready(function()
{
$.ajax({
[Code]...
I am trying to do a setInterval to switch the background-image of a div. The switch will happen every second.
Here is the html code...
On firefox 6 and IE9, it switches just fine. On IE8 and Chrome it switches once and then stops.
Not sure why it is working in the newer browsers and not the older ones. I know there were some new javascript features added to the newer browsers, but i cant figure out where the error is occurring.
The following script works perfectly under FF and even IE, but doesn't do anything under ChromeIt's a simple chronometer (I'm a beginner) to calculate gold gained, at the rate of 7 per second.In the HEAD section
<script language="JavaScript">
<!--
var startTime = 0;
[code]....
i got this javascript function which run perfectly in IE but does not work in Mozilla.
function Changed() {
var theGridView = document.getElementById('MainContent_GridViewRDR1_Hidden');
var sum = 0;
var total = 0;
[Code]....
I have used the following to create zoom button which work fine within Chrome but not Firefox.
HTML Code:
<input type="button" value="A" ONCLICK="zoomin();" class="zoombutton" >
<input type="button" value="a" ONCLICK="zoomout();" class="zoombutton" >
[code]....
I'm using this code:
javascript:
Code:
function showImg(img, width, height) {
gal = document.getElementById("galpic");
newl = Math.round((window.innerWidth - width) / 2);
[Code]....
My Javascript navigation bar works perfectly in IE and google Crome, but not in Firefox.
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function formHandler(strForm, strElement){
var URL =
[Code]...
here is the page I'm working onhere is the jQuery in use
$(document).ready(function() { $('.error,.success').hide(); $("#send").click(function (){ $('.error,.success').hide("slow"); $.ajax({ url: 'add.php?lnk='+$.URLEncode($('[name=lnk]').val())+'&
[code]....
and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.
I have an issue with the append function. It works on chrome and firefox but not ie.This is my code:
$('a#ajouterTarification').click(function() {
$("#append_tarification").append($("<div>").load("./server/hotels-ajouter-tarifications.php?i="+i).fadeIn(700));
[code]....
I love the custom datepicker. It works and does not inhibit Spry in Firefox(3.6) and Chrome(10). However, it is notworking in IE (9,8.7), Safari (5) or Opera(11) with Spry Validate also inoperative - unless I remove the scripts calling the datepicker...then validate works, but the datepicker does not, of course. I do not use Spry Validate on date/datepicker field.This is way over my thick head.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
[code]....
I've been trying to load some tags using .load. I was testing with Chrome and never got any results back - I just tried the same code with Firefox and it works - where's the problem ? Am I doing something "almost" correct, that firefox allows and chrome doesn't? I cannot see any errors in the console either
Here's the line:
$("#somediv").load("somepage.html #someotherdiv");
<input type="hidden" id="rthread" value="1734">
<input type="hidden" id="disc" value="1">
<input type="hidden" id="numOfPages" value="2">
<input type="hidden" id="perPage" value="15">
<textarea id="rbody" rows="10" cols="70" placeholder="Your spin on things">
I've placed this on pages where a ^ top of page link at the bottom is present which animates a scroll back to the top of page, however it only seems to work in IE...
Code:
<script language="JavaScript" type="text/javascript" src="_include/_scripts/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
&& location.hostname == this.hostname) {
[Code]...
The following script grabs a string (*.abc.org, e.g. from &sid=xyz.abc.org) from the current URL and changes it (to ABC:abc.org). Everything works perfectly in IE, but Firefox and Chrome appear to get themselves into an endless loop. When I check the URL, xyz.abc.org has successfully been changed to ABC:abc.org, but the page just seems to keep refreshing over and over.
var tomatch = /abc.org/i;
var usrString = document.referrer;
var is_a_match = tomatch.test(usrString);
var newString = document.URL.replace(/[a-z]*.abc.org/, "ABC:abc.org"); if (is_a_match) {
window.location.replace(newString);
}
why the following works in IE but not the other browsers?
It's the "Select category..." jump menu at this URL: www.savasbeatie.com/books.htm
<TD>
<form name="whichCat" style="margin-bottom:0" method="get">
<select name="catChoice" onChange="sendValue(this);">
<option class="news4" value="javascript:location.reload(true)" selected>Select Category...</option>
[Code]....
I think it has something to do with the ID of the frame, (from Googling the error and reading some other posts,) but can't figure out where to put the tag.
I've written some Javascript to do a few small things on a page, and was excited that it actually worked, even in IE! until I tested in Safari-for-Windows and Chrome on Windows and Linux. I'm going to assume Safari on a Mac also won't run then.
I have a page with some forms. I need to grab the ones with an id starting with "formMaat" (may have a number after it), hide the submit button, and add an onchange event to the lone dropdown select in the form.
Safari and Chrome are removing the submit fine, so they are finding the forms ok.
The onchange event is just supposed to submit the form... I had to imitate the behaviour of the old site but make it accessible to those without JS.
I ended up using a closure to get the "form" passed to the select element because otherwise "form" was unknown... and I can't tell if that's maybe what's tripping up Saffy-Chrome or not. I set a breakpoint in Chrome's developer thingie but I can't figure out how to see the script run when I click on the select.
One of the pages currently: [URL]
The forms in question are on the right/main part of the page, where it says "maat:".
Code:
<form action="http://ishtml5readyyet.com/" method="get" id="formMaat">
<fieldset>
<legend><span>Kies een maat en krijg de juiste prijs en voorraadstatus</span></legend>
[Code]....
Do I really need that closure? When I didn't have it, optie.form.submit() or this.form.submit() did not run and I thought it should have, since "optie" was known... I thought ".form" would have just looked for that element's form anyway, but it didn't. *edit tried a simpler way, but still no love from Saffy-Chrome.
I know I don't need to really separate that function over to outside init, except who knows if later more events will need to trigger more weird stuff... so I'm trying to write safely.
I thought Safari and Chrome now have different Javascript engines?
[Code],,,,
It freezes in Internet Explorer; but works fine in Chrome.
I created a drop down menu (i think i followed a tutorial but it was so long ago i can't remember) which works 100% perfectly in firefox and internet explorer but not opera, safari and chrome. I really want to get it working in all of them though.The Jquery Code:
var $j= jQuery.noConflict();
$j(document).ready(function(){
$j(".message_body").hide();
[code]....
This succeeds in Chrome and Firefox but fails in IE8
$.get('/2/mpeg4.jpg')
.error(function(jqXHR, textStatus, errorThrown) { alert(textStatus); alert(errorThrown);})
.success(function(data, textStatus, jqXHR) { alert(textStatus); alert(jqXHR.responseText);});
[Code].....
I wrote a little program. When the home page loads, I added <body onload="get();"> to retrieve data from database using PHP and then display on the samehome page. The codes imported to the home page also include a simple form with Submit button: "<form name='commentform'><textarea row='5' cols='20' autofocus form='commentform'>
View 7 Replies View Related$().offset() does not return values on Chrome. Works well in IE and FF.
var element = r.circle(cx, cy, radius); // r.circle is from raphaeljs library.
var offset = $(element.node).offset();
Is there a work/fix around for this?