$().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?
I have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries
locnevent.preventDefault;[code].......
There is a long thread about this in the posiiton() reference page, but I am not finding a thread here in the forums, let alone a solution. I have some code that is trying to do calculations on the left and top attribute of child DOM elements. So, I have 5 divs (floated left, with width and height assigned), contained in another div. If I iterate over the 5 divs and call either position(), offset() or even css('left'), they always return 0. I have tried setting margin: 0px as well, but same result.
View 3 Replies View RelatedI have a bunch of floated divs and I want to increment a variable every time they 'jump' to the next line. When I try using offset() for this I get the same top,left cords for every single element. Is there any way of getting the actual offset? (I get the same result in FF and Chrome)
View 2 Replies View RelatedObjective 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 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 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 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 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 RelatedWhats wrong with following jquery ajax post request in google chrome? The function is not called after successful response from server. It works on IE but not on chrome. Also can somebody tell how to redirect from browser after making successfull jquery call which works in all the browsers including chrome. The below redirect works in IE but not in chtome
<script> function submit1(){
$.post('/TestAJAX/result.jsp', function(data){
alert("Hi");
window.location.href=data;
}
);
}
[Code]..
This script working great on FireFox and Chrome but on IE it loads the pages without sending the parameters
[Code]....
I am not very good with javascript yet and I do not know how to debug this issue. Can y'all take a look and point me in the right direction? I've got a site that just lauched. The address is: www [DOT] saenzcleaning {dot} com The issue is that it seems to be crashing/freezing IE, but works fine in FF, Opera, and Chrome
View 1 Replies View Relatedvar myVideo = {
Having issues with the video plugin for jQuery. This works great for Chrome but not Safari or Firefox. In Firefox it just shows up as a grey box with a light grey 'X' in the middle, and in Safari as nothing. I'm guessing it's something about the MIME but I have no idea what to do about that.
$(document).ready(function(){
I do an Alert of Data and its the next:
It works perfectly in Firefox and Chrome, but in IE 7/8 it doesnt do anything. In fact, in IE the inputs that I insert dinamically when I press the button " agregar" doesnt appear in the page, but they are there, because when then when i do the Insert I have all of that dinamyc inputs that I put. The problem is that they are not shown in the page.
I have a problem, I don't know why this code doesn't work on IE ver 8 On Firefox, Chrome it is like I want, on IE - no reaction Is this some html/css problem or my fault on js? I'm sure about .js code is correct.. I think.. link html/css/js
View 6 Replies View RelatedI 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]....
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'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 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]....