jquery

jQuery Cycle plugin is choppy with larger images

My slideshow is choppy (looks like the fps is slow) when my images are a larger size, 1000 x 560 px. I resized the images to 200 x 200 as a test and the fade was smooth. Any ideas? ...

Hiding arrows at either end of the slideshow using jCarousel Lite

Hello all, I am using jCarousel Lite, and the documentation can be found here: http://www.gmarwaha.com/jquery/jcarousellite/ I have a carousel that can be navigated using the arrows on either end. I want to modify the carousel so that at the beginning state before the user clicks to scroll the slideshow, the left arrow is not present...

Timing JQuery AJAX calls

I'm working with the FullCalendar plugin, and running into some issues when trying to populate my list of divs (events) and then initializing them into FullCalendar event objects. Initially, the events were hard coded, so everything was working fine. Then I tried this to populate my Event options first: //This part is working $(doc...

css showing images twice oppose to once?

i have this css code that shows the photos twice, its wierd, is thier a better i can write this, the links are used to vote using jquery? :)) css code: a.vote_up, a.vote_down { display:inline-block; background-repeat:none; background-position:center; height:30px; width:30px; margin-left:4px; text-inde...

Are there any Intellisense-like autocomplete jQuery plugins?

I am building a page that will require some sort of Intellisense/Autocomplete, is there any jQuery/Javascript plugins that you know of? We are currently using a control similar to a normal autocomplete, where suggestions appear below the text area after writting a period (we then get the current token and do reflexion to get available m...

Browser behavior with huge doms

Can anyone speak to how the different browsers handle the following: Picture an HTML document essentially rendering content of a static app with lots of data. <div class="abundant_class"> <div class="abundant_class"> <div class="abundant_class"></div> <div class="abundant_class"></div> ... </div> ...

changing the image on jquery success function?

i have this jquery voting script, everything is working fine, it just that the image at the success function of the ajax request is not changing the image? jquery: $("a.vote_down").click(function(){ //get the id the_id = $(this).attr('id'); //the main ajax request $.ajax({ type: "POST", ...

jQuery Deep Linking a Web App

Question... I want to build a one page web app that has deep linking (the url changes on click to where the user is loading) so the user can share links, bookmark, etc... The issue with the jQuery BBQ plugin is that it requires the href to have a hash in it like href="#/photos/1" That means I need to make sure every URL in my app start...

How to set jquery localScroll's offset dynamically?

jQuery(function( $ ){ var theOffset = ($(window).width()-900)/-2; $(window).resize(function() { var theOffset = ($(window).width()-900)/-2; }); $.localScroll({ target: '#content', // could be a selector or a jQuery object too. queue:true, duration:1000, hash:true, offset: ...

Multiple dynamic fields with jQuery UI datepicker

Hello, I'm using the following solution that allows me to have multiple dynamic form fields: http://www.trovster.com/lab/plugins/duplicate-remove/ However, in one of those fields, i want to create jQuery UI datepicker. Is there a way to do this? ...

keydown Event to override return key does not work in Firefox

I have the following simple javascript code, which handles the Return Key, I don't want to submit the form when the return key is pressed in the textbox. All this works fine, but in Firefox, if i show an alert message, then it stops working and the form starts getting submitted, whereas the exact code without alert message works fine an...

External javascript file not working

Hey there, I have some javascript that's loading just perfectly at the bottom of my site. I wanted to externalize this aforementioned js, so I'm now linking to the code externally, but now the code breaks and is pointing to an error (not within the js file but the jquery file). What changes when the js is externalized? Are variables re...

Make an entire <li> element clickable, but don't trigger the link when clicking inside links

I've been looking for a solution the last few days, I didn't really found exactly what I'm looking for. I have something like this: <ul> <li> <a href="http://www.link.com" class="li-url"></a> <h1>Title</h1> Lorem ipsum dolor <a href="http://www.something.com"&gt;Something&lt;/a&gt;. Etc, blah blah. </li> </ul> ...

Using jScrollPane, drag block doesn't go to the bottom of scrollbar

Hi. I've used jScrollPane before but I'm having some trouble getting it right this time. I am using it in two pages of the site, and on both the drag block (orange box, in my case) never reaches the bottom of the scroll track. I've tried a number of things playing with margins and padding but can't seem to get it to respond. I'll kee...

JQuery AutoComplete updating multiple fields ASP.NET

I'm trying to use the AutoComplete feature of JQuery to update multiple fields on an ASP.NET web page. The individual textbox is functioning perfectly, but I cannot figure out how to update multiple textboxes on the page once the user selects. I've read many suggestions here that state I need to implement a result handler, but my intel...

How To I Replace New Elements Added To A Page With Jquery

Here is the scenario... I have a a checkbox next to each field that I am replacing on page load with jquery with "Delete" text that enables me to delete the field via jquery, which is working fine. Like so... $(".profile-status-box").each(function(){ $(this).replaceWith('<span class="delete">' + 'Delete' + '</span>') }); The problem...

Strange behavior of selection

My JS code: function getSelectedText(){ if(window.getSelection){ select = window.getSelection().getRangeAt(0); var st_span = select.startContainer.parentNode.getAttribute("id").split("_")[1]; var end_span = select.endContainer.parentNode.getAttribute("id").split("_")[1]; ...

jQuery - animate() properties

Hi I'm using jQuery's animate function like this: var css1 = { display: "block", marginTop: 20 }; var direction = "marginTop"; $(element).animate(css1, 150, 'swing'); Notice the marginTop property above. Well I want to replace that with the direction variable, but it doesn't work for some reason. Does anyone know w...

How to make a jsonp POST request that specifies contentType with jQuery?

I need to make a jsonp POST request with the content type 'application/json'. I can get the POST request to the server like this: jQuery.ajax({ type: 'POST', url: url, data: data, success: success, error: error, async: true, complete: complete, timeout: TIMEOUT, ...

Two separate forms (different form actions) and one submit button?

This is beyond both making sense and my control. That being said here is my dilema. I need to have two separate forms, each using a different PHP script that I cannot modify to process them. I need to have both of these forms share the same submit button. Here is a simplified version of the html. Form 1 <div id="formOne> <form name="r...