jquery

Using Google Table inside jqueryui ajax tab

Okay, this scenario is a little complicated, but I will try to explain it as best I can. I am using the Google Ajax Libraries API to get jquery and jqueryui onto the page, so the top of my page looks like this. <head> <title>TBTNet</title> <link rel="stylesheet" type="text/css" href="_css/style.css"> <link rel="stylesheet" type="tex...

How do I wait for an image to load after an ajax call using jquery?

I have a Python script that is doing some manipulation on a JPEG image. I pass some parameters to this script and call it from my HTML page. The script returns an img src="newimage.jpg tag. I know how to wait for the reply from the script but I don't know how to tell when the image is fully loaded (when it is, I want to display it). Wha...

Adding CSS to jQuery Ui Tab Add

I am trying to add 2 more ui tabs after a user has logged on. First I tried doing an after. $('#slideshow').tabs('remove', '4'); $("#slideshow ul li:last-child").after('<li><a href="#slide5">my account</a></li><li class="last"><a href="#noslide" onclick="location.href=\'/Account/LogOut\';">log off</a></li>'); This method adds the tab...

Adding POST parameters before submit

I've this simple form: <form id="commentForm" method="POST" action="api/comment"> <input type="text" name="name" title="Your name"/> <textarea cols="40" rows="10" name="comment" title="Enter a comment"> </textarea> <input type="submit" value="Post"/> <input type="reset" value="Reset"/> </form> I need to add two PO...

Reading RSS feed using jQuery

I'm trying to show the title of my latest stumbleupon item using their RSS feed and jquery. The function I have is: function get_stumbleupon() { $.get("http://rss.stumbleupon.com/user/fredkelly/", function(data) { alert(data.title); }, "xml"); } Which returns nothing... I just simply want to get a few bits of info about the single...

Jquery UI: Combining blind and fade effects

I'm not even sure if this is possible, but I want to combine blind and fade. Fade works by changing the opacity of an element, and blind I think, by changing the width/height. My goal is to create an animation where the edge of the element would fade away across the screen, aka a combination of blind and fade. I don't know if there's a...

Javascript inline edit, how to cancel edit to have original data??

Hi I have data <tr id="row_1"> <td id="td_1_1">Text 1</td> <td id="td_2_1">Text 2</td> <td><a href="#" onclick="editRow(1)">Edit row</a></td> </tr> then in javascript function editRow(row_id) { //some ajax to retrieve html in the format //<td><input type="text" name="td_1" value="Text 1"></td> //<td><input type="text...

How can I get JQueryUI sortable to 'revert' faster?

JQuery's sortable has an option to revert the item that the user drags back in line with the rest, but the animation is a little slow. Is there a simple way to specify 'fast' like some of the other methods? ...

Can 2 CSS classes activate the same script?

Hi, the script below makes the page fade out upon clicks on links that have class="nav". I would like to have the script ALSO activated in the same way for links that have class="home". How would would do this? Is there such a thing as $('.nav & .home')?? Thanks <script type="text/javascript"> $('.nav').click(function(){ var url = ...

How mix a JQuery slideshow + Accordion?

I fall in love with this slideshow for showcase screenshots of my app: http://www.sohtanaka.com/web-design/examples/image-rotator/ However, if fixed for 6 photos. I want a more flexible solution, so I wonder if is possible for JQuery mix the slideshow with a accordion-type style on the left, so I can put several more photos. ...

IE7 Javascript Performance...

I am trying to develop a application that has quite a bit of client side based scripts. The page has sections that interact with each other based on different inputs. The problem is when you get alot of content on the page the page slows down DRAMATICALLY in IE7 due to the poor javascript engine integrated with this browswer and also pa...

JQuery: Hovering a combo box option element

Gday All, The following code displays a div based on the option that has been selected within a drop down box. $(document).ready(function() { $("#SomeDropdown").change(function() { var theVal = $("#SomeDropdown option:selected").val(); $("#SomeDiv_" + theVal).css("visibility", "visible"); }); }); How do I disp...

jQuery General Question (cycle plugin)

Currently this does work except slide.src is undefined because by default slide.src is looking for an image src tag first, but the image src tag is now inside the div properties. So how can i change the javascript + slide.src + to be(or get) the image inside the div properties. View <div id="properties"> <?php foreach($search_results-...

Does jQuery dispose events automatically on window unload

For example on a page I have $(document).ready(function() { $('#some-element').click(function() { // do something.. }); }); Do I also need to add the unbind code - or will jQuery automatically do this for me? $(window).unload(function() { $('#some-element').unbind(); }); ...

how to keep a div inside the Div created by $form->input() in Cakephp and JQuery

Hi, I m using CakepHP and JQuery for my app. In my code, there is a line like this which creates a Textbox of Label from Attribute table label column and With id from the table Attribute idcolumn ,class name as calendarSelectDate (to make use of Calendar of JQuery )and size too .. Line 1 echo $form->input($r['Attribute']['labe...

jQuery FancyBox Resize

Hi, Does anyone know how to resize the jQuery Fancybox during runtime? When initialising the fancybox I can do this: $("tag").fancybox({ 'frameWidth': 500, 'frameHeight': 700 }); I am filling the fancybox with dynamic content and want it to resize according to the content. Anyone has a clue? Thanks, Swiftaxe ...

Jquery filter text boxes (Preventing user from inserting certain characters)

I am trying to prevent users from typing certain characters in text boxes and this is the code that I have so far : $().ready(function(){ $(".textbox").keypress(function(event) { var keyVal = event.keyCode; if((keyVal > 48 && keyVal < 57))// Numbers { ...

Event handler in JQuery

Hi, I'm using JQuery in my application of Form Buildr I have used the Clean calendar.js file and it works fine. Like when i click on a textbox of class CalendarSelectDate it will popup a calendar and i can choose the date value and the selected value will appear on the Textbox.. I am trying to get the changed value of the Textbox.. I ...

How to allow only numeric (0-9) in html inputbox using jQuery?

I am creating a web page where I have a input text field in which I want to allow only numeric characters like (0,1,2,3,4,5...9) 0-9. How can i make it using jquery?? Thanks ...

using jquery to group elements

I've got a whole bunch of elements that I need to group, but because it's being spat out of some machinery which I can't alter, I need to do so using jquery (which I'm fairly familiar with the basics of) Basically I've got a load of p tags and divs loose inside a form element (yes bad markup, but that's another story). I need to group t...