jquery

jQuery Slider - Update Span on Slide

Hello good friends, This is probably something quite easy to resolve, however, I am having some difficulties finding out the correct answer. Essentially, I have a jQuery slider that I am using. Each time the slider is changed, I would like to update a <span>, based on the changing of a <select> box. To see the code in action, ple...

jquery autocomplete using json

I have tried so many things but I don't understand this sooo confusing. I have this <input id="wba" type="search" name="q" value="" class="search box" /> <input type="submit" value="Go" class="search button" /> also a php file header('Cache-Control: no-cache, must-revalidate'); header('Content-type: application/json'); $arr = ar...

Is there any jquery simulators where I can practice usage of selectors

Hi all, I tried to search on net but I couldn't find any jquery simulators. By simulator I mean a page where I can write jquery code and see what it's executing, what is selected, how jquery selectors work etc. Is there anything similar on net? Thanx Marko ...

JavaScript/JQuery event handler problem

Been playing around a bit with JavaScript/JQuery, and made a "shy" button, instead its just a p-tag with a word. It works ok, except the bool goDown doesn't seem to change, so it always goes down. What's wrong with my code? Also JavaScript debugging in VS2010 doesn't seem to be working very good, is this a known problem? Thanks in adv...

Remove parent of a parent with jQuery and DOM

My html looks like this : <li> <div> <p class="delete"> <a href="#">X</a> </p> </div> <div class="friend-avatar"> <img src="" /> </div> </li> After clicking anchor tag in 'delete' paragraph I'm showing a popup (using jquery-alert) and if user selects 'Yes' I would like the whole li c...

UJS partial rendering in Rails 3

Hi, I'm struggling to get my head around how to implement UJS in Rails (specifically, Rails 3 with jQuery). I've worked through Ryan's Railscast, and can follow what to do when submitting a form via AJAX, but I'm having trouble extending this concept to attaching a javascript function to a html element in my view files. Ultimately, I wo...

How to build a javascript preloader for images

I have a page of thumbnails which change their opacity with a hover with a image swap script built in jquery. However When I run it on a live website it is slow and you have to wait for the second image to load so the hover swap doesn't happen right away. How would I preload all of the thumb images while the page loads? the site is live ...

jQuery : how to add a delay to an ajax request ?

Hello, i have a function which returns a certain ammount of data triggered in AJAX when typping. But, as soon as i type "long" string like "hello my name is", it launches a single request each time i type a key (10request at a single time and it takes 5 seconds to get 1 request response). How to avoid that please ? (i don't want to...

Resize div that's inside another div

Hi! I have a div that is the body of my site, inside that div I put a div on the left side (to have a vertical menu) http://www.freeimagehosting.net/uploads/117f79fa0e.png http://www.freeimagehosting.net/uploads/4569a5f550.jpg My question is, how can I make the menu div follow up to the bottom of the body div so that it doesn't look ...

HTML select field updating another

I'm trying to create a webpage to merge vendors in our database and have a page with two select fields like this: <select name="vendor" id="vendor_select_from"> <option value="Apple" id="id0">Apple</option> <option value="Vector Resources, Inc" id="id1">Vector Resources, Inc</option> <option value="Dell, Inc." id="id2">De...

Return the fields that do not pass validation in PHP to jQuery

I'm using jQuery with PHP for form validation. I want to return the fields that do not validate so i can highlight them using javascript this is my attempt using PHP(validate.php): <?php ... $a_invalidInput = array(); $from = $_POST['from']; $to = $_POST['to']; $email_to = $_POST['email_to']; if( empty($from) ){ $a_invalidInput[] ...

Google Chrome inset box-shadow bug on Windows, not on Mac: Better workaround?

This is still current on Chrome 5.0.375.125, which is the latest Windows release at the time of this writing. Bug is tracked here: http://code.google.com/p/chromium/issues/detail?id=25334 So, the problem is, if you're on Windows or Linux, and someone uses inset box-shadow on an element that also has border-radius, you get a bug -- the ...

What jQuery selector can I use to match these HTML elements (requires ":contains()")?

I'm trying to find a jQuery selector that will match only the element that directly contains the text "PDT" in the following two examples (truncated for brevity): <div> <p> <strong>(07-27) 21:28 PDT SAN FRANCISCO</strong> -- San Francisco supervisors ended more than a decade... </p> <p>The 10-1 vote, with only Supervisor C...

TinyMCE hint text

I'm using Remy Sharp's jQuery plugin to display hints in text boxes. I'd like to do the same with TinyMCE - display a hint, like "Type some text here.", and when the user focuses the TinyMCE editor, that text should go away. If the editor is empty (no text entered), then on blur the text should be visible again. Is there a jQuery plugi...

Ajax replaces a bunch of HTML, how to update the associated jQuery actions like Drag And Drop?

So I've finally figured out a system for refreshing portions of the screen using Ajax, Taconite, and jQuery within Django, sortof like Ruby on Rails partials. I was pleased, but unfortunately, the code associated with clicking and drag and dropping is not executing. I'm replacing the html inside divs. How can I keep my code modula...

Accessing an element in a frame using a jQuery reference to the frame

I have a frame that's nested in an iFrame. <iframe>..<frameset..><frame id="report">. I have a jQuery reference, myFrame, to the report frame. I don't have control to the html. I am trying to modify an element in the frame. contents() doesn't work with frames. I tried using a context like myFrame.document & myFrame.contentDocument but t...

How to cut the string in javascript so that it fits exactly two lines & add ... at the end

Hi, I have a requirement where in i have to display the text for two lines & add ... if its overflowing My div Width is fixed.(Even height can be considered as fixed). Actual text looks like this: 1 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 2 Lorem Ipsum is simply text of the printing and types ind...

Am I missing something? My values don't get stored into my array

Hi I have this var selected = [] $('#SelectBoxContainer .DDLs :selected').each(function (i, selected) { alert($(selected).val()); selected[i] = $(selected).val(); }); My alert is telling me that it is going through this loop and getting the select box values. Yet once everything is sai...

Why is this jquery in visualforce not working?

This code is in visualforce (salesforce's page editor language). Basically the apex:repeat tags function as a sort of loop, generating a set of urls from outputlink. All these urls have a class of "name". What the jquery is to do is find all the urls with the class name, and click them so they open in new windows. Its not working. <ape...

How to use jquery for this scenario?

I have following scenario - I am displaying a list of product names as link.Now,when the user hovers over the link I need to display the image of the product(the image is hidden).The html is like this (build dynamically so prod1,prod2 etc) <a id="prod1" title="product"></a> <div class=hidden><img src=""></img></div> ...