jquery

Weird IE8 problem when using .animate({'height':'toggle'})

Check out http://wouter.howafarms.com/faq The goal is to have answers be expanded on click. As you'll see this works perfectly in all browsers except for ie8. I've tried various animation effects .slideDown(), .toggle() to no avail. They always work in Firefox, Chrome and even IE7, but never in IE8. What in the heck might be causing...

Jquery UI: Button on dynamically created elements.

Hello, I would like to add jQuery UI button to all my input submits. $('input:submit').button(); That works great for normal buttons but it doesn't work for buttons I create dynamically. Anybody know how to do this? ...

How to run jquery script if html page is the home page... ?

Hello All, I'm working with an external team with our website and they recently added one of my scripts to the .NET MasterPage of the site... well it did finally get my script running but now... it loads Banners on 'every' page on the site. How can I write an 'if' statement that basically says... if this is the home page... run this sc...

jquery remove list item where .text() = 'blabla'

I have the following structure <ul> <li><a ...>something</a></li> ... <li><a ...>blabla</a></li> <ul> I need to remove the li element where the text of the anchor is blabla. How would i go about selecting this element? $(--what selector here--) or do I need to loop over each li and compare its .text() value to 'blabla'? ...

display "page loading" message

I'm trying to display an image (.gif) for "page loading" in html page until the output from my_script.py gets displayed, and I've no idea how to do that. This is what I've got so far. Many thanks in advance. HTML: <div id="loading"> <p><img src="./images/loading.gif" /> Please Wait</p> </div> <form action="./cgi-bin/my_script.py" m...

Tooltips are mispositioned on hover

I cannot for the life of me figure out why the jQuery Tools Tooltips are showing up in the wrong place. Hover over the one of the three gray boxes on this page (e.g. "screen & voice recording"), and the tips should show up on top of the box centered. http://bit.ly/bdJLEh ...

How to fadein an image change with JQuery

Hiya All, I currently have a site that uses the JQuery cycle plugin. The site uses the plugin to change a main background image. The cycle plugin also creates a paging section in the HTML which in my case i've customized to be a set of images. What i am trying to do is change the pager image once that particular "page" is activated. ...

How to use jQuery html() function?

When I do this: $('.myDiv').html("<strong>Hello World</strong>"); The output inside myDiv is literally: <strong>Hello World</strong> instead of Hello World simply being bolded. Is there any way to use html inside the html() function or a similar function that actually translates html instead of showing it literally? EDIT oops I j...

Does instant search take a lot of computing power?

I was wondering whether the instant search using jQuery would cause a massive load on a database (MySQL). I know there are a lot of factors to consider, but for argument's sake let's say you have 30,000 records to flick through? ...

View all data attached to an element using jQuery's .data()?

If I've attached a number of key-value pairs to a DOM element using .data(), is there any way to iterate them so I can log them in the console? Alternately, is there a way to view this data with a development tool like FireBug? This would be really helpful when debugging a script. ...

image shake on mouse over

Hello, I'm trying to make a image shake on mouse over, I got it to shake but it seems to shake constantly rather then on mouseover. vibrate.js (uses the vibrate plugin http://andreaslagerkvist.com/jquery/vibrate/ ) jQuery(document).ready(function() { jQuery(".bottles").mouseover( function() { // configurations for the bu...

jquery ui autocomplete - how to?

I may be looking at this all wrong. But, I am trying to use the jquery ui autocomplete. I want to pass it a url and it will get the suggestions from there. my questions are 1: how do i specify the url? 2: how do i format the response? ...

parse json, then do something with it: how to get the order right?

I'm grabbing some JSON from YQL, parsing it into a list. Then I want to highlight rows on the list according to their contents. I can do these two things separately by highlighting on .click but I really don't want to do that step--I want the highlights to happen right away. Here's the two bits: var yqlURL="http://query.yahooapis.com/...

Determining the dimensions of an image drawn on a canvas and when the mouse is over the image.

I've got an animation on my canvas where I have some images (drawn using drawImage()). For the sake of simplicity, let's say there's only two images. These images are following a circular path in faux-3d space such that sometimes one image overlaps the other and other times the second image overlaps the first. These images are also sca...

Why is the data still null

I have this json {"suggestions":["M.I.A.","M.","Mindless Self Indulgence","The Cure","Telefon Tel Aviv","M","J. Ralph","Jason Mraz","Carbon Based Lifeforms","Cycle of Pain","Chantal Kreviazuk","-M-","ayumi hamasaki","R.E.M.","Donny McCaslin","Penfold","HEALTH","R. Kelly","DJ Khaled","Eminem","Spose","T.I.","The Lonely Island","H.I.M. (...

Tables breaking jQuery UI Accordion

Why is that in IE 7/8 HTML tables break the jQuery UI accordion? I'm using a vanilla accordion with a couple of standard properties. It works great in Fire Fox and Chrome. Leaving jQuery's demo content is fine in IE 7/8, but as soon as you attempt to add a table and breaks. Here is the example. ...

How do i fade out all the other tr tags with jQuery

I want the user to click on the checkbox and other tr tags fade out and disappear... Here is the code for the table <table class="display" id="events" border="0" cellpadding="0" cellspacing="0"> <thead> <tr> <th></th> <th>Date</th> <th>Location</th> </tr> </thead> <tbody> ...

Jquery form submit and JSON data type return

I'm using Jquery form plugin to send my form via ajax. The server side php script processes the form data and returns a JSON string in the following format: {"error":true,"message":"The username or email already exists. Please try again."} Here's the ajax to send the form: $('#register_form').ajaxForm({ dataType: 'json...

hiding the tr tags and showing them after the uncheck

I posted this question about 15 minutes ago and I got some good responses. But one thing i forgot is if the user unchecks the checkbox all the others that were hidden need to reappear again.... any ideas i was using this $(function() { $('input:checkbox').click(function() { $(this).closest('tr').siblings().each(function() { ...

JQuery Validate: How do I add validation which checks the sum of multiple fields?

I'm trying to use jQuery validation for a dynamic form I'm setting up. In some cases this form contains a set of input boxes which are suppose to total 100. An example might be: Please indicate what percentage of students are in each grade? Grade 9: TextBox1 Grade 10: TextBox2 Grade 11: TextBox3 Grade 12: TextBox4 I want to veri...