Selector for next non-sibling input element?
Hi there I'm working with jQuery on a form where each input element is contained in an <li> element. I'm a bit of a newb, and absolutely loving it, but I've hit a puzzle. Some fields are read-only, identified by a class ".readonly", and I'd like to bind a jQuery function to these fields' "focus" event, to send the focus to the next input whose class is not read-only. But, because of the containing <li> elements, I don't think .next('input') will work, since the <input> tags aren't siblings. Is there
How can I implement a horizontal dragging page navigation system?
Something similar to www.blacknegative.com, where to navigate left and right they click and drag the page in the direction. I have something similar, however I don't know how to fix the math within the JQuery to add additional pages, which needs to be done for each new page. Thank you!
Strange .wrap behaviour...
Hi everyone, I've this problem that's really driving my crazy! I retrieve a json list of image-links so then I create the images & add them to a div on a page.. which all works fine! Then I decided to add hrefs around the images so I thought.. I'll use the .wrap function.. but the thing is, I just can't get it to work.. Here's part of my code, I've been over it so many times & I just can't see what I'm doing wrong :( $.each(imagesData, function(i,image) { var image = $('<img />')
Hide flash of unresized div without CSS
Hi. I have a div that on hover opens. My script on load finds the height of the div, then resizes it. My issue is that because of this resizing the full size of the div is breiefly displayed before jQuery resizes it. Is there anyway to hide this flash without CSS? var basket_height = $('#basket').height(); $('#basket').css({ height : '30px' }); if (Modernizr.touch){ $('#basket').toggle(function() { $(this).animate({ height: basket_height + 'px' }, {duration: 'slow', easing:
Jquery http server ??
Been using jquery for a few months now, and love it. I have recently come across a case where I need to build an http server (listener) in javascript. I can't seem to find this functionality in jquery. Am i simply missing it ?? If so, a ptr to documentation would be great. thanks
rearrange an html table with Jquery
Hey guys, I'm new to jquery and i'm trying to rearrange the way a table looks. I have this: <table> <tr> <td>some text 1</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 2</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 3</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 4</td> <td><input type="text"/></td> <tr/> </table>
can you help me get this ..
<div id="a"> aaaa <div id="b"> bbbb </div> </div> I only get aaaa,do not get bbbb, can you help me? . thank you!
How to keep page in same position when .ajax function loads new content
On my site, I have a rather large header that is on each page of my website. I'm using jQuery and ajax to load in new content below the header, however every time this happens, the page resets its scroll position back to the top, as if I've loaded a completely new page in full. Is there a way that I can use ajax to get the new content, without the position of the page changing? So basically the user only has to scroll down past the header once - which is mainly for people with smaller screens. Hopefully
First item open on jQuery toggle menu
I'm using the following code for a show/hide list of FAQs on my site: http://jsfiddle.net/yrM3H/3/ But what I would like is that the first question is open when the user opens the page rather than having everything closed. Does anyone know how to go about this? Thanks in advance for any help
Scroll divs over each other on pagescroll
I have a HTML-page with four DIV's wich are fullscreen. When I scroll using the scrollbar, I want the current DIV to stay at its position (if scrolled to the end of that DIV) and the next one slides over it. Someone came up with this example: http://jsfiddle.net/d6rKn/ but the problem is that (because of the position:fixed) it won’t work on an iPad. Is there a workaround for this? Also, the first div's content is bigger than the div itselfs. Is it possible to let a visitor first scroll to the end
problem with setInterval
here's my code I also tried text but in either case timestamp is displayed in the div with id time but not updated. $(document).ready(function() { var timestamp = jQuery.now(); setInterval(function(){ $('#time').html(timestamp); }, 1000); });
Adding Column structure to Div
Hi, If I need to display data inside the #Log div using a column structure. What would be the best : Table or Div tags. By using a column structure it would change the dynamics of the program. Searching looping thru the log div ... etc. Can someone please help. <script> $("document").ready(function() { //Update Log div with selected items function log(message) { var matches = $('#log div'). filter(function() { return $(this).text()
Search scrolling div menu with Jquery
I have a scrolling menu in jquery that scrolls vertically on mouseover: (part of it is hidden until scrolled into view) <script type="text/javascript"> $(document).ready(function() { //Scroll the menu on mouse move above the #sidebar layer $('#sidebar').mousemove(function(e) { //Sidebar Offset, Top value var s_top = parseInt($('#sidebar').offset().top); //Sidebar Offset, Bottom value var s_bottom = parseInt($('#sidebar').height() + s_top); //Roughly
AutoComplete dynamic select
I have a question. I have an edit page with an autocomplete. What I am trying to figure out is when the page loads I want to check and see if the value from the DB matches the combobox value the have that value selected. I have coded the html but when the autocomplete get created on the page it is not showing the selected value. Is there a way to do it. This is what I have for the auto complete <script> (function( $ ) { $.widget( "ui.combobox", { _create: function() { var input, self = this, select
Adsense Code Blocks Jquery Script From Funcioning
i am working with a page that includes a Jquery script and as soon as i add any google adsense code the Jquerry script will not load and run. any help?
SheepIT and drop-down list
Hello ! I have a dynamic form and use the SheepIT plugin to clone my form elements. The form has a drop-down list with 2 options: 'No' and 'Yes'. If the value is 'Yes' must show a paragraph. My problem is: when change the value in drop-down list , he show the paragraph in all cloned forms. My code: <!DOCTYPE HTML> <html> <head> <title>SheepIT</title> <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jquery.sheepItPlugin.js"></script> </head>
Help with "not" selector
Simply want to hide other links in a batch when I hover over one. HTML: <a href="#" id="link1" class="menuitem">Home</a> <a href="#" id="link2" class="menuitem">About</a> <a href="#" id="link3" class="menuitem">History</a>And the script $("#link1").hover(function () { $(".menuitem").not('[name="#link1"]').hide(); }); I realize I am a neophyte; any help is appreciated. ace in PA
embed jquery in flash.
Hi i have a actionscript 3.0 thumbnail grid in flash. I wan't to open a big image for thumbnail in jquery plugin : http://leandrovieira.com/projects/jquery/lightbox/ In flash i'm calling externalInterface like this : if (ExternalInterface.available) ExternalInterface.call("openLightbox", imageIndex);imageIndex is a number for every thumbnail in grid. One man told ma that it is possible with this plugin to open all photos in turn. but for this i need to have a special function in html file that will
Close divs with animation when click on another
I have multiple divs that I want to open an close on click. I can get them to open easily and close with a different call, however I want to automatically close any open divs when I click on a new one (so that only one is open at any one time) I am using the html: <div class="alphabet"></div> and the jquery: $(document).ready(function() { $(".alphabet").click(function() { $(this).animate({width: "13%",height: "500px"}, 1000); }); }); can anyone advise on this please?
creating a simple countdown
Hi, I am trying to create a simple countdown. But I need somehow an interval. So every second I want to say for example, 30 (seconds) -1 and so on. But how do I get an interval. Hope someone can give me a hint. Thanks in advance.
chrome animation bug
Goodmorning all, i am having a bad issue in chrome. Firefox is ok. Please check the simple animation. http://jsfiddle.net/V49zh/ I see this in chrome and some my friends see that in chrome too http://imageshack.us/photo/my-images/708/chromebug.jpg/ Any idea how to fix it ? thank you
why is this not working？？
I write a code in local js file. not web js file. in jquery Version 1.3 run ok ,but now in Version 1.7 or 1.6... not runing. why? bug? for example code: $.ajax({ url: 'http://bugs.jquery.com', success: function(msg){ alert(msg); } });
Fixing Scroll Position in Gridview While Postback
I am using Edit Option in Grid row.While Editing last row in grid Sroll Position is moving 1st row While Postback and also using Fixed header jquery in gridview. Scroll Position must be in that Edit Row..... Its Very Urgent....
How to remove header script?
Hi, I'm currently using zoomooz of janne.aukia.com/zoomooz/. However, I need to remove this line in the header <script type="text/javascript" src="js/jquery.zoomooz.min.js"></script> when viewport is less than 700px, and put it back if viewport is greater than 701px. How do I go about this? Thanks.
Problem with hover function
My problem can be viewed here: http://www.ohauge.net/work/eiriktvilde/index.php?p=gallery When I hover my mouse away from the project image (over the title), things get buggy. I know why it happens, I just don't know how to fix it. here is the code I am using for this part: /** * Display the project title when * mouse is hovered over corresponding * gallery image. (useless, but cool) */ function displayTitle() { var img = $('img.gallery-img'); img.hover(function()
Disable jqtouch
Hi, I'm using jqtouch but my problem is it's loaded even in widescreen. How do we disable it dynamically? Just load it if viewport is about 400 width.. Thanks..
Any recommended books / Video Tutorials
Hi, Any recommended books / Video Tutorials relating to JQuery, Ajax, JSON, Data handling to and from a MYSQL using PHP, Thanks
Problem with jQuery load, causes stack overflow...
Hi, In my web site I've used jquery's Load method like below to load some pages: $('#Message').Load('File1.htm'); For some pages it loads but for some other pages it doesn't, and when refreshing page IE causes 'Stack overflow at line 6'! Help plz!
How can i toggle Table row color?
Hi, I added new rows to a table using $('#wo-new-tbl-works tr:last').after(); method. How can i toggle the row color when mouse hover?
Jquery ajax and opera 12
My jquery ajax functions stop working in new Opera 12. I don't know why ? The code below always run error handler. It's the same domain request. It's really strange because i can't find anything in google about this problem. What's going on ? It's really major problem. It's opera problem or Jquery ? If it's opera problem, is there any workaround ? I can change code, but i can't change users' browsers. $.ajax({ url: '/ajax.php', success: function(data){ alert('success');
how to make website faster using jquery
HI I try to store maximum data in variable and site go faster. but this is not SEO friendly can any one help me how to make site faster using jquery Thanks Anupam
JQuery Switch Img Src with fade effect
Basically I have a stretched resizable background image, I want to switch it's src by clicking on a small icon or text link. I would like this transition to fade also. So when the link is clicked on, the image src fades into the new one. Any suggestions?
needing to reveal multiple things when image hovered on . how to do this?
Brand new to JQUERY and I need to figure out how to get 3 seperate things to reveal on hover with a slideshow / carousel. I need to have it pause the transition,reveal previous and next buttons, as well as reveal a caption. PLEASE HELP ME!! I have been trying to find an appropriate plugin and how to configure this for about 2 weeks now but as I am brand new to jquery, this is just getting me more confused. thank you for your help. Jeff
Using class selector to change val text to rel text
Hi, I'm trying to change the value - val() of an input element to be the same as its rel attribute text - and I'm using a class selector. I thought I might be able to do something like this: jQuery(".myClass").val(jQuery(this).attr("rel")); but I can't :(( So for each element that has the class myClass, the val() should = the rel My code, as I have it set up at the moment, kind of means I have to use a class selector, as above. Any help or suggestions much appreciated.
Using jQuery or $ or any other variable
Hi All, I have a bit of confusion about using jQuery or $ or any other variable for replacement.
Seeking greater efficiency:
Hello: I've a problem with jQuery.grep and finding a more efficient way of processing array(s). Details of the situation follow: Sometime ago I created an address book, in which users can manage their business contacts and email addresses. The following capabilities exist with this address book table (dynamically populated). $("#select_all").click(function() {: Select All button (checks the checkbox for every address book contact) $('.Record_Chk').click(function() {: Depending on whether user checks
pass custom header on request
we need to be able to pass custom request headers and set a proxy when posting and changing the window location in an ajax post. Example: current url: www.domain.com/home new window: www.newdomain.com code (psuedo code) $.ajax({ url: 'http://www.newdomain.com', proxy: 'www.proxy.com:8080', enctype: 'multipart/form-data', data: '', cache: false, complete: function (){ window.location('http://www.newdomain.com'), }, beforeSend: addHeaders
Need help with the Jquery size attribute...?
Hello, I have a Jquery code which is used to add multiple files dynamically as per the user requirement. But in my window(site page) the width is too less where browse button (input type="file" ) going out of the frame. so please help me in resolving this issue...Please look into below code for the details: In the below TD tag I can restrict the width of the default file type size, but when on run time for the 2nd file upload the width getting increased. so plz...do the helpfull.....thanks in advance..
Returning TRUE/FALSE from $.post call
Hi, Due to its asynchronous nature, the $.post(...) response comes later, hence I'm unable to return true/false based on Response value. function updateValue(loadURL, inputValue, recordID, messageDiv) { $(messageDiv).slideUp(); var ajax_load = "<img src='images/load.gif' alt='loading...' />"; $(messageDiv).html(ajax_load); var truefalse = ""; $.post( loadURL, {type: "update", id: recordID, val: inputValue}, function(responseText){ if (responseText.indexOf('exists') > -1) { $(messageDiv).html("<div
Uncaught TypeError: Object #<Object> has no method 'flexslider'
Hi guys, Got a drupal 6 install and I installed the flexslider for a image carosel on my main page. I had it all working before so I know everything is loading, I'm guessing I have another version of jQuery being pulled in, though it did work before! I just can't remember what I did before it stopped working! I'm also running this script to bring in jquery 1.7.1 because I need it for some twitter bootstrap javascript. Code: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Next Page