IE/Safari issues
Hey, everyone... I'm having a problem with the website that I'm working on. There's a slide area, which consists of images and arrows - arrows are working fine on Firefox, but they're inactive in IE and Safari. Any help? Here's a link > http://ellenrolli.com/paintings.html Thank you!
AJAX request loads a new element - new element without eventhandler
Hi, If I generate a new element via AJAX, jQuery don't listen to events at this element. I read that live() could solve my problem, but I have no idea how to use this function together with post(). That's what I have: $(document).ready(function() { $.post('products.php', $('#products_form').serialize(), function(returnData) { $('.target').html(returnData); }); $('.target').click(function() { alert('x'); }); }); Any ideas? Cheers, Alex
.scrollLeft() is _very_ slow on Safari(Windows) and IE
Hi, I'm trying to build a scroller that scrolls continuously both left and right. or actually someone made it for me, because I wanted to use SerialScroll for this purpose, but I didn't manage to do so.. (So if anyone know how to do it, please help!) However.. in Safari (only in windows) and IE the scrolling is slow.. but in Opera, Chrome and Firefox + Safari(Mac) it works great.. How come? <html> <head> <script type='text/javascript' src='jquery.js'></script> <style> li{ list-style:none outside
Using Link to Forward Slide Show
Hello, I've been playing with this code: http://brenelz.com/blog/build-a-content-slider-with-jquery/ And i'm having problems using a link to change the slide. Can anyone assist?
$.ajax( "http://finance.google.com/finance -- not connected??
even tho' the address: "http://finance.google.com/finance/info?client=ig&q=NASDAQ:MSFT" returns the correct feed (current quote) when entered directly - my js gives back a "not connected" response (this is not correct as several other http connections are functioning correctly within the same js routine. the simplest syntax (I have tried many different) is: $.get( "http://finance.google.com/finance/info?client=ig&q=NASDAQ:MSFT", function(text){alert(text);}
Background Animation Fail !
Hello i'm want to animate 2 background but it don't work. http://www.arbreentete.fr/index.php Css: div.art-Header-png-fond { position: absolute; z-index:-4; top: 0; left: 0; width: 932px; height: 200px; background-image: url('../images/printemps_fond.png'); background-repeat: no-repeat; background-position: left top; } div.art-Header-png-building { position: absolute; z-index:-3; top: 0; left: 0; width: 932px; height: 200px; background-image:
Help with href.match...
I am using this snippet of code on one of the websites that I maintain daily for my job and I've come across an issue that I can't seem to debug/solve myself. Using this code: // link automations var external_re = new RegExp('^https?://(?!'+document.location.hostname+')/'); $('a').each(function(){ // is this an external link? if (this.href.match(external_re)) { if (!this.target) this.target = '_blank'; } });This basically gives all <a> elements a target of "_blank" that aren't
Trouble binding a submit() event handler to a form that was loaded using .load()
Hi, I have been trying for several days to solve this problem. Hopefully somebody can help. When I load my page I am using the .load() function to load a section of HTML from another .html file into the current page, as follows: $(document).ready(function() { $('#login_js').load('_HTMLCodeLibrary.html #loginform'); On the very next line I am attempting to bind a submit event handler to the form: $('#loginform').submit(function() { $.post('member.php', $(this).serialize(), function(data,
How to disable copy and paste in a web form using JQuery
Hello Friends, I am new to JQuery. I wrote some code to disable copy and paste content using Java Script in a web form, unfortunately I couldn't make it cross browser compatible. Then my requirements changed an i got to use JQuery instead of Java Script to disable copy and paste in a web form. As i am new to JQuery i don't know how to achieve this, if any one got some code working with this functionality please share it with me and i would appreciate any kind of help on this issue.
Targeting inside Pagination
I have two other jquery scripts running (tipsy, and an opacity hover) I would like for both of those to target the content inside a pagination. but it just doesn't seem to work. http://jacobsen-photography.com/ is the url. the gallery thumbs on the right have the opacity trick down. but my items inside the pagination not so much. help?!
global focus() focusout() with clearing and restoring input value's
Trying to create a method/function how ever you want to call it, that will allow me to clear input values on inputs with focus() and restore the input values if nothing is entered or keep what the user types on focusou(). Below is what I have so far. Thanks for feedback and help. $('input.address-input').click(function(){ elan = $(this).val(); $('input.address-input').focus(function(){ if($('input.address-input').val() == elan){ $(this).val('');
Swapping Divs
I was wondering if there is a method to swap the contents of a div with jquery? The event is triggered when internal elements are clicked. Say and image and a link within the div, and also to be able to jump back to the same div with the same events.
$('td[colspan]') matches every td in IE
Hello, In IE (tested 7 and 8), $('td[colspan]') seems to match every single td. In Firefox and Safari, though, it (correctly) returns only those which do have a colspan attribute. Here is a simple test: <table border="1"> <tr> <td>Cell A</td> <td>Cell B</td> <td colspan="2">Cell B</td> </tr> </table> <script type="text/javascript"> $(function(){ $('td[colspan]').append(' has colspan'); }); </script>I can't find any bug report related to colspan. Should
Click Event Fires Twice on First Page Load then Works Properly Afterwards
Hello, I am a web developer and have been using jQuery for awhile now and have yet to run across a problem like the one I'm currently getting. I converted a script from MooTools to use JQuery instead, The Basic theory is simple I have a Calendar with 2 Span Images To Go Forward and Back Wards, I have everything working except for on the very first page load, When you click a Forward or Backward Button the Entire Click event is Firing Twice. I have added return falses, and everything else
Trigger Embedded Object click by clicking a Div?
Hi there! I am trying to trigger an embedded object click by clicking on another div, this is the code ive tried: $('.action-upload').livequery(function() { $(this).click(function() { $('#button').trigger('click'); }); }); this is the code that comes up for the embedded object in firebug: <object width="114" height="29" class="swfupload" data="js/swfupload/swfupload.swf?preventswfcaching=1285336584999" type="application/x-shockwave-flash" id="SWFUpload_0">(parameters)</object>
Wrap Last Element in Array
I have the following markup: <h2 class="pagetitle">Key Staff Profiles</h2>I want to select the last bit of text, in this case "Profiles," and wrap it with a span. I have the following code. var title = $(".pagetitle").text().split(" "); var lastEl = title[title.length-1]; $(lastEl).wrap("<span />");The first two lines do what I want, but I can't the wrap to work. What am I doing wrong? Thanks
FadeIn Problem?
Yes, a but unlikely but true. The scenario is this: - five elements with large images stacked on top of each other with position absolute. - five thumbnails corresponding to these images. Click on a thumbnail and fade out the other images and fade in the appropriate image. Easy eh? Code looks like this: if(this_number != thumbNumber){ $(this).fadeOut(1000); }else{ $(this).fadeIn(1000); }; All that works the way I would expect it to. So, now because I want to control
.post works as expected with IE but not with Safari and FF
Hi all, I'm wondering why my code works fine with IE8 and IE7 but failes to work with Safari and FireFox. HTML (requester) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> var ajxFile = "ajx.php";
Minified and Gzipped jQuery
Hi, We use jQuery across most pages on our site and are keen to have the file size as small as possible, We access it from http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js (I am aware that there is an equivalent Microsoft URL but the same problem remains) The file is not gzipped by the Google servers, This means that the file = 70kb. You can watch this happen in Firefox Firebug, Chrome Developer Tools. I can then download this file and gzip it myself to get down to 24kb My question
Changing class on specific module
I've got a list of modules, and when I click on one of them it expands displaying the content. When you expand them, a little image on the right changes from a down arrow (v) to an up arrow (^), but it's changing on all of the modules rather than just the one. Here is the website: http://lab.albionmedia.biz/clients/james It's pretty obvious what my question is; how do I get it so the image only changes on the module that you expand? Here's the code for the moduleToggle function: function moduleToggle()
BUG in Attribute Starts With Selector [name^=value] when attributes called action
In IE8/Firefox and Chorme blow line doesn't work because the attribute name is "action". But it works in IE7 and compatible IE8 $("form[action^='/Program.mvc/Create']", "<p><form action=/Program.mvc/CreateInstrument?Guid></form></p>") if I rename action attribute to raction it will work. Please note that this happens in jQuery 1.4.2 and this is also the case for equal selector like below $("form[action='/Program.mvc/Create']", "<p><form action=/Program.mvc/Create></form></p>") Could someone please
outerWidth(true) retrieve a wrong value on Chrome (ubuntu)
Hello, I try to get the outerWidth(true) value on a div but I get a wrong value on Chrome 6.0.472.63 (Ubuntu 10.04.1 LTS) with jQuery 1.4.2. I try my test under a windows XP Chrome version, same problem... I found a 2 years old open ticket (#3333), but It's about jQuery 1.2.6. somebody see what is wrong, my test is really simple... maybe I need to open a new ticket ? test: <style type="text/css"> #example1 { width: 500px; height: 500px; position:
Had some problems with wrap method
Hello. I just have a problem with the wrap method of jQuery. Look at this markup: <div id="mainDiv"> <div id="innerDiv"> </div> <script type="text/javascript"> $(document).ready(function() { alert('test'); }); </script> </div> <span onclick="$('#mainDiv').wrap('<div />');">say test</span> When I insert it on my page I had very interesting results. It says 'test' when page is loaded and it is fine. Click on 'say test' span and you'll see
Help Needed
Dear Experts, I need a small help regarding an application of mine. it goes like this. I have a jsp page which has 3 dropdown boxes. based on the value selected in the upperdropdown lower dropdown will be populated. Now ajax response sends a dropdown tag with options (the whole <select> tag) to the client jsp and i will do a $("#brand").html(data) to show it..this is getting displayed fine. But the problem is i have an event for this newly created brand select tag also. that is when change happens
Issu-Like Functionality using JQuery
Hi all, I've recently built a site for a customer using the issuu (www.issuu.com) interface where it mimics a page turning functionality. Kind of cheesy, I know, but the client's request. So my website works as so - a client registers their business advertisement, pays for a subscription and fills out their ad information. The ad is automatically generated into an html directory as well as spit out automatically into an interactive .pdf with both inbound links for the Table of Contents and outbound
How to fade out list items that don't have a specific class?
I have a list of links in a sidebar, each with an associated class name. When one of these links are clicked, I want to fade out all of the main content list items that do NOT have this class (ie - if I click on boots, I want to fade out the list items heels and sandals) Can anyone tell me how to code this in jquery? Thanks a lot! Here's my html... <div id="shopSidebar"> <ul> <li><a href="#" class="heels">Heels</a></li> <li><a href="#" class="boots">Boots</a></li>
How to select all input text types NOT having a class already?
I have a form that has a bunch of text inputs, and I would like to select all that don't already have a class "errorClass" assigned to them. My JQuery currently is: $('input[type="text"]').addClass("idleField");But that adds the class "idleField" to ALL text fields, overriding the ones that already had the class "errorClass" assigned to it. What is the proper syntax to add the "idleField" class to all text inputs that don't have the "errorClass" assigned? Thanks,
Select's onSelect event doesn't work in IE and Chrome
Hi, I'm using my custom component that has a combo box (jsf's h:selectOneMenu, which has a onselect event) in it and it already has a onchange event, so I want the onchange event to trigger another onselect event with jQuery and it only works in Firefox. I tried it without the component and it looks like this: <html> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> function select() { $('#customid').trigger('onselect'); } </script> </head>
question about next() and nextAll()
i understand that next() returns the very next sibling and nextAll() will return all next siblings. is there a way to return the next sibling (not all) when it is not immediately next?
jquery .click issue
Hi, I am new to jquery. I got a requirement to enable and disable a click event of the href, based on few condition. Placed the jquery code as To disable the Href & Click: $(reqObjNameRun).removeAttr('href'); $(reqObjNameRun).removeAttr('onclick'); To enable the Href & Click: $(reqObjName).attr("href", '#'); $(reqObjName).click(function() { executeStandAlone(stepName, accountNumber); }); It works good at the first run. (First Disable , then Enabled it) When I try to disable again,
How to get table header value when td is clicked?
I have a table as shown: Day 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Duty Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N N N N N N N When a particular 'Y' is clicked I need the header value. I can detect the click but I am not sure how to get the header (the day value). It appears that the click event is passing the 'Y'. Does the click event pass other information that can be used to get the header value? Thanks in advance. Bill
Can anyone help me with this code??
i found this code on the internet. is taking info from the yahoo weather and is loading different image depends from the result here is my code. problem is not loading the image <div class="wrap"> <!-- #Header Start --> <div class="header"> <!--Begin logo --> <div class="logo"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
[SOLVED] Giva Labs - mcDropdown question
Is there any way to get the FULL path that is shown in the mcDropdown after the selection? this.getValue() only returns the selected value in the dropdown AND $("input#category").val() does the same, instead of showing the full path. I need the full path. Also, I am not getting the arrows on the items that have children even though looking at the CSS in Firebug, I can see them as they are in the path.
Help Needed : I need help on click function on dynamic content does not work.
Hi, I'm new to jquery and am learning it. I was following these 2 tutorials and I couldn't find the solutions for what I am looking for: 1). http://spyrestudios.com/demos/jquerydemo2/ajax.html 2). http://web.enavu.com/demos/paginate2/ What I've done : 1). The sub-dynamic content which is data from the whole pagination html ( level 3 ) 1). The dynamic content which is a whole pagination html ( level 2 ) 2). The main content for handling the dynamic content ( level 1 ) 2 problems : 1). When (level
Weird problem
I have written an app for a client which has a Jquery UI dialogue pop up when a row on a table is clicked. The table is generated via an ajax call and the click is implemented using the .live event. The dialogue is also generated from another ajax call and has several buttons created as part of the html. The click events for these buttons are also implemented using the .live event. This all works works fine for me through my browser on both my server and theirs. But when the client try's it the
Jquery issue in IE browser which contains protoype
we are using jquery 1.4.2 for displaying menus on mouse over functianlity In one of our legacy page we are using ajaxtags-1.1.5.js and dependent prototype1.3.1.js for ajax autocompete functionality .in this page the menus are not working in ie browsers .th error message 'Object doesn't support this property or value' is displaying in jQuery line no 2828 (match expression). where as in firefox it is working fine. can any one help on this? thanks, bala.
How to disable automatic back to top window when window's height changes dynamically ?
Hello, I use the newsTicker plugin developped by Texotela (http://www.texotela.co.uk/code/jquery/newsticker/) on a SPIP website. Into the <head> page we can find this code : <script type='text/javascript' src='/squelettes/jquery.js'></script> <script type='text/javascript' src='/squelettes/jquery.newsticker.js'></script> <script type="text/javascript"> $(document).ready(function(){ $("#evenements").newsTicker(); }) </script> Into the <body> page we can find this code : <ul id="evenements"> <BOUCLE_rubrique(RUBRIQUES){id_rubrique}>
how to pass http authentication in jquery get() method
hi all, I am sending a url request to the network using jquery.get(). The problem I am facing is that the server is having an http authentication, so when i pass the request url directly on the browser, it will show the authentication window and i can pass the username and password but what to do when i am passing the same request using get() method. this is what i am using currently $.get( Url , function(data) { alert('result got was '+data); }); anybody knows a work around for
Expanding container query
Hello all, Can anyone help me fathom how to instruct the last container in a row to expand in the opposite direction from its preceding siblings? At the moment, they all expand to the right when hovered over, but I would like the last one to expand to the left. Here's a link to the basic set up: http://www.newmedia.ie/temp/expandy/ Cheers, Spen
Detecting if SPNEGO is enabled on a browser.
Slightly obscure this one Does anyone know if it's possible to work out whether SPNEGO is enabled on a browser (mainly in Firefox)? The ieda is I can put up a message saying it needs enabling if not. Cheers in advance, Steve
Next Page