JQuery :: Handling Key Event In Chrome Or Safari During A Popup?

Jun 9, 2009

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


ADVERTISEMENT

Jquery :: .hover Not Working In Modal Popup In Safari/Chrome

Jun 10, 2009

I am using jquery to do two things: - load a modal popup which loads an html page (I'm using facebox) - in the modal popup, I have before/after states of the image, which is handled by a little jquery code

In FF and IE everything works correctly. In Safari and Chrome, the modal popup works, but once the popup loads, the before/after states of the image does not work. I can't seem to find a solution to this.

I am loading jquery on the home page (index.html) but I do not have it being loaded in the modal popup html pages. Is that the problem?

I have a link to show this, but am unable to post it due to my new membership status. You can PM me for the link.

Here is the before/after image state code:

Code JavaScript:
origImage=null;
$(function() {
$("#myImage").hover(function() {

[Code]....

View 2 Replies View Related

JQuery :: Click Event Works With Opera And Firefox, Does Not Work With IE, Chrome And Safari

Oct 30, 2010

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].......

View 1 Replies View Related

JQuery :: Dropdown Works In FF And IE But Not Safari, Chrome & Ope?

Jul 28, 2009

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]....

View 1 Replies View Related

JQuery :: Only Working In Safari (mac) And Not For Firefox Or Chrome?

Sep 15, 2010

Why is jQuery only working in Safari (mac) and not for Firefox or Chrome?

[URL]

View 13 Replies View Related

JQuery :: Safari And Chrome Code Execution?

Jun 9, 2009

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.

View 3 Replies View Related

JQuery :: Selectors In MozillaFirefox Vs. Safari/Chrome?

Jul 10, 2010

there is a html element:

[Code]...

View 5 Replies View Related

JQuery :: Flickering With Accordion - Chrome Or Safari

Nov 30, 2011

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 Related

JQuery :: Chrome & Safari - Not Answering InArray Correctly?

Jun 25, 2010

I'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]...

View 3 Replies View Related

JQuery :: Cluetip Not Working In IE, Safari And Chrome FF Is Fine?

May 30, 2010

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 Related

JQuery :: Images Loading In Firefox And IE But Not On Chrome Or Safari

Mar 21, 2011

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 Replies View Related

JQuery :: $.ajax() In Safari And Chrome Doesn't Work?

Nov 20, 2010

I 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?

View 3 Replies View Related

JQuery :: Jumping Show / Hide In Chrome And Safari

Sep 21, 2009

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>

View 4 Replies View Related

JQuery :: Xml Attribute Not Working In Safari And Google Chrome?

Dec 4, 2009

Here is the code snippet. the var url is undefined in some browsers.

$.ajax({
url: "rss.php",
cache: false,
success: function(rss){

[Code].....

This works fine in IE and Firefox. But Google Chrome and Safari fails.

Using an rss plugin produces the same error, so it seems to be with jQuery.

View 1 Replies View Related

Jquery :: Sortable Not Working In Tabs On Chrome - Safari

Nov 23, 2011

I have a web site that contains jquery tabs and one tab consists of a sortable jquery. Although the sortable works induviduallay it doesnt work when it is put into the tabs.

My tab code is as follows.

And the sorting code is as follows:

The tabs and sortable is in the following link.

[url] (The sortable here is working)

[url](Here it is not working)

View 3 Replies View Related

JQuery :: InnerWidth Doesn't Count Scrollbars In Safari / Chrome

Aug 26, 2009

Does anyone knows a method to measure the scrollbar's width, which works in Safari/Chrome.

The innerWidth function doesn't seem to take the scrollbar's width into account when measuring the innerWidth of the child element of a scrollbared element.

View 4 Replies View Related

JQuery :: Image Doesn't Work Properly In Safari And Chrome?

Nov 1, 2010

I've hosted a test suite at: Webkit Bug Clicking on the enlarged image doesn't work properly in Safari and Chrome.

View 2 Replies View Related

JQuery :: Handling Window.change Event In IE

Jan 8, 2010

i'm trying to do some event delegation, and i can't seem to get the onchange event working in IE. i've tried:

$(document).change(function () { alert('fuck. me. IE sux'); }); $(document.body).change(function () { alert('fuck. me. again'); });

and later i have:

<select id="aSelect"> <option value="0">a first option</option> <option value="1">a second option</option> <option value="2">a third option</option> <option value="3">a fourth option</option> </select>

but this doesn't work in IE. i've also tried to wire these up manually: document.body.onchange = function (e) { alert('foo); }; and document.onchange, but those don't work either. what's the story here (other than the fact that IE is sucking balls)?

View 5 Replies View Related

JQuery :: Handling Of Click Event - API Documentation ?

Aug 21, 2009

Suppose I have this syntax:

I want tellme() to handle the value of href of the clicked link.

What syntax do I put in tellme()?

I got this far:

Here is question: How would I get this info from the API documentation?

View 7 Replies View Related

JQuery :: IE Click Event Handling In 3 States

Aug 4, 2009

I'm working on a small plugin that extends a checkbox to behave as if it has 3 states. Basically it just adds an anchor above the underlying checkbox, intercepts mouse clicks, and cycles the checkbox between:
disabled + unchecked
enabled + unchecked
enabled + checked

It works fine in FF. But in IE7, for some reason, the click events are always sent to the underlying checkbox instead of the overlaid anchor. The anchor is sized to completely overlay the checkbox (and in fact, I made it's slightly bigger so clicking at the very edges
works). Incidentally, I'm using jQuery 1.2.6 since this is part of a much larger web application and we haven't yet worked out the incompatibilities we're seeing with the latest jQuery version.

Here's the plugin code (the alerts are for debugging in IE)
(function($) {
$.fn.checkbox3s = function(options) {
var opts = $.extend({}, $.fn.defaults, options);
return this.each(function() {
var proxy, cbx = $(this), parent = cbx.parent();
parent.css({position:"relative"});
proxy = $("<a href='#'></a>").css({
position:"absolute", .....

View 5 Replies View Related

JQuery :: Ajax Returns Data On Ie Safari And Chrome But Not Firefox / Sort It?

Apr 13, 2009

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.

View 1 Replies View Related

JQuery :: Load Function Does Not Work Properly On Chrome And Safari (Windows)

Jun 8, 2010

When I load a page with jQuery load() function API. It does not load the style section on the header using Safari and Chrome.

Attachments
test.php.txt
Size : 538 Bytes
Download : 524

View 2 Replies View Related

JQuery :: Video Plugin - Works Great For Chrome But Not Safari Or Firefox

Mar 14, 2011

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.

View 1 Replies View Related

JQuery :: Setting Css Left As Percentage Doesnt Work In Chrome/safari?

Mar 26, 2010

I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.

View 1 Replies View Related

JQuery :: Image - Using Append() With Anchor Links In WebKit (Chrome/Safari)?

Mar 22, 2011

Been trying to add an image before the closing of the anchor tag:

<body>
<a href="http://www.test.com/">http://www.test.com/</a>
</body>

If I use:

$("a").append("<img src='testimage.png' /");

No image will appear in WebKit (Chrome, Safari, etc). Firefox and IE works fine.

View 2 Replies View Related

JQuery :: Handling .hover Event With Nested List?

Nov 17, 2011

I have a nested lists. I'm using hover event to trigger an event. But when I hover child nodes, the event of theancestor list is being fired. How can I get rid of this situation

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved