I have a jQuery based gallery [URL] that will load thumbnails to the bottom of a page, however for some reason these images only load on Firefox and IE (Not Chrome or Safari). I'm not sure this is due to jQuery completely.
View 3 RepliesWhy is jQuery only working in Safari (mac) and not for Firefox or Chrome?
[URL]
I'm using a function to load a page into a div. When I add the class of the element I want to show (.contentpaneopen) Chrome and Safari show no content. It works OK in IE and FF.When I ommit the class it works on all browsers.
function loadContent(elementSelector, sourceUrl) {
//Works in Chrome en Safari:
$(""+elementSelector+"").load(""+sourceUrl+"");
[code]....
Can somebody take a look at this...
The white my notes section on the bottom left is a div area that is loaded with an Jquery Ajax call just like 2 other areas on the page. This works fine in IE, Safari (PC), Chrome but not in Firefox. It just shows blank white.
var 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.
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].......
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.
The following link when viewed with Chrome (Windows XP) the contents of the iframe take up the remainder of the window and looks fine. When viewed with IE8 (Windows XP) or Firefox (Windows XP) the contents of the iframe shows up in a much smaller scroll box window that is only using a small percentage of the available window.
Safari (Mac OSX) also renders the iframe the same way as Chrome.
Firefox (Max OSX) has the same rendering problem as Firefox (XP).
What coding changes do I need to make so that IE8 and Firefox act like Chrome and Safari and use the rest of the window for the iframe contents.
The following link when viewed with Chrome (Windows XP) the contents of the iframe take up the remainder of the window and looks fine. When viewed with IE8 (Windows XP) or Firefox (Windows XP) the contents of the iframe shows up in a much smaller scroll box window that is only using a small percentage of the available window.
[URL]
Safari (Mac OSX) also renders the iframe the same way as Chrome.Firefox (Max OSX) has the same rendering problem as Firefox (XP).What do I need to do to make IE8 and Firefox act like Chrome and Safari and use the rest of the window for the iframe contents.
The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and ChromeDatepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE?
//// page code follows ////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
we've got some pretty simple javascript that calls a random html file into a div on a very simple page. The called file contains a vimeo embed in an iframe.
This script works perfectly in Safari and Chrome, but not FF. in FF the first html file to be called remains, no matter how many times you refresh the page.
Is this due to FF handling iframes differently, or do I need to modify the script to work within FF as well as the others due to a nuance I'm not aware of? Perhaps the randomising part of the script is incorrecT?
$(document).ready(function(){
// each video's html filename needs to be added to this array
vids=['assets/jerkit.html','assets/ponytail.html','assets/goldenprize.html','assets/thedrug.html','assets/slipperyslope.html','assets/leavingtrails.html','assets/tooinsistent.html','assets/sisterwife.html','assets/senior.html','assets
[Code].....
If you select a Training Event from the menu - "Submit This Record" will appear - click on it. Three alerts should come up - the first two showing data elements (normally not there but I needed to replace some code for this demonstration as the "real" page interacts with my live database), and the last saying "data submitted". In Safari, Firefox and Chrome these all work fine but in IE8 (Explorer) it gives an error on page error ...
If you click on the Volunteer Events radio button, an alert show ups that shows some more data elements (again normally not there), then select a Volunteer Event from the drop down list, make selections from any drop down lists that then appear after that until finally several other form items appear. You must enter a date, and at least one entry from the "Volunteer Activity Itemized Times" drop down menus before you click on "Submit This Record" - the same three alerts should come up - and like the Training Event, everything works except on IE8. (could be that this is also a problem in versions lower than IE8 but I don't have access to a machine that runs Windows (I am a MAC user).So if anyone out there is running IE8, I would appreciate if you could put this app thru it's paces and when you get the error - shed some light as to what is not right in the Explorer world that the rest of the world is OK with
It does NOT work fine in IE8 or Safari. In both these browsers the height of the DIV that's being set is usually shorter than the other DIV it's being aligned with.Here's the code I'm using to resize the problematic DIV:
Function resize(height) {
$(document).ready(function(){
var div = $( "#annoucement-area-243" );
[code]......
This page [URL] works fine in other browsers(Chrome, Firefox, Opera, Safari), but not good in IE8
View 1 Replies View RelatedMy code is very simple: a div conatining 5 images (always the same 5!) to swap using the fade effect. It works fine in IE but in Firefox (I have Firefox 8.0) the images are not being uploaded. I checked previous posts and some point out that instead of doing
[Code]...
I would need to include a 'load' event trigger. However, since I am not that familiar with javascript or jquery programming, I couldn't manage to program this solution and tested.
I am seeking a easy to maintain and more importantly *working* way to
pre-fetch images, so the pages I develop load smoothly without seeing
the images kick in flicker as they usually do. Important - I need
this to work on Internet Explorer 6.0+ and FireFox.
I am presently using at the head of the page,
pic100= new Image;
pic100.src="./imageme.gif";
However, it doesn't seem to work on FireFox at all. I've tried
different combinations with the URL path, but I don't know what I am
doing wrong. Can someone please assist me with this boggle?
I've written a slideshow script which loads and displays a series of >1Mb images from the local machine. Each image is loaded twice - once to get the dimensions and once to be shown on the screen, so it can be dynamically resized by another script.
This script runs without problems in Opera and Internet Explorer, no matter how many times it's executed. However, after it runs a couple dozen times in Firefox, the width and height attributes of the image start returning 0. It seems like the loading has slowed down considerably and the script starts skipping to the next line without waiting for it to finish.
I've tried adding the line while(!image.complete), which works, but invariably causes Firefox to display a message saying the script is causing Firefox to run slowly, and asking if I want to abort.
Is there a way I can flush earlier images from the cache, or somehow free up resources so the script will continue to run as quickly as it does at the start?
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]....
I'm developing with jQuery quite long right now, but recently I spotted one big problem with execution of jQuery code in Safari and Chrome. So everything is working fine in these browsers until jQuery code is placed in one page. But when using for example tabs plug-in loaded with ajax and on this loaded page exists some extra jQuery code it isn't executed.Co page is loaded but nothing is happening with code which was included. This problem doesn't exists in IE, FF or Opera. It appears only in Safari and Chrome. The same problem is when I'm loading page with $.get, $.post or $.ajax query. So it doesn't affect tabs plug-in but
overall functionality. I was checking that with latest versions of jQuery and UI today.
there is a html element:
[Code]...
I have a small accordion I'm using for a menu for a local A&W francise (Demo: [URL] When you view it in either Chrome or Safari, you get a flickering that is quite annoying. Does anyone know what is causing this or how to fix it?
View 1 Replies View RelatedI'm using inArray() to check an XML tag against an array called status[]. If the result != -1, then do one set of instructions, else, the item is 'available' so do another set of instructions. Each entry of my XML document has a <status> tag, which will contain one of 3 values, or a 4th option 'available'. I have an array setup called status['sold', 'pending', 'reduced']. If the <status>.text() is one of these 3 values, then we'll get the array position, if it's 'available' we should get -1.
When I run this in Firefox (3.6) & IE (8.0 or Comp Mode) it works fine. However, when I run this in Safari (4 or 5) & Chrome, it returns the value -1 for each of the entries. The 3rd, 5th, & 7th entries are all set to <status> 'sold' and inArray() should be returning a 0.
[Code]...
I'm using Cluetip to display some additional information.It all works fine in FF.In IE I see a message that the file could not get loaded. In Safari and Chrome I don't see the "mehr" button at all.[URL]..
View 1 Replies View RelatedI want use $.ajax to read some infomation from xml file,here is my js code :
$
.
ajax
({
[Code].....
However, the code only work great in firefox and opera. It doesn't work in chrome(7.0.517.24 ) and safari(5.0.1),failed without any alert,not even the alert("ajax failed"). Is there any bug in $.ajax in chrome and safari?
I am building a simple show/hide list with the jquery. It works great on IE and Firefox but in Chrome and Safari the closing menuitems shift the whole menu to the left for a second and then back to its origin. I have about 20 menuitems that each hold about 5 submenu items. The goal is to show the 5 items only on mouseover on the menuitems and then hide it once the mouse moves away.
Here is the code:
<script type="text/javascript">
$(document).ready(function(){
//Hide all subsubmenus
$(".subcategories").css("display","none");
});
</script>
<li><a href="/kleinanzeige-aufgeben/geschenke.htm" onmouseover=" $
('.subcategories:not(#86)').hide('fast');$('#86').show('fast');"
title="Geschenke">Geschenke</a></li>
I am currently following the image popup example from:[URL]If I run the demo on Windows XP on Chrome or Safari, the escape keydoesn't close the popup window. How do I handle this in jQuery for
View 2 Replies View Related