Mouseout Delay
Hi, I currently have this code: $(document).ready(function(){ $("#barcode span").hover( function () { $(this).addClass("barover"); }, function () { $(this).removeClass("barover"); } ); }); I'd like to edit this so that there is a delay on the removeClass. I'm guessing it requires a settimeout but not sure how to add this. Any ideas? Thanks!
[jQuery] JSON error: " missing } after property list"
Why does this JSON generate the error "missing } after property list" in Firebug? What's missing? {"newitem": "<div id='iid_27' class='round-block'> <div class='left'> Test Title 10 </div> <div class='right'> <ul><li>Test Caption 10</li></ ul><div class='drag-handle'>drag to reorder</div> </div> </div> "} Guessing the error lies outside this code block but not sure how to track down the problem.
[jQuery] Cycle plugin creating links
Hi all, I would like to link each image in the cycle to a specific page. Any ideas on how to do this? I got it to cycle and everything is working fine. I just want it so that the actual image is clickable. Thank you.
how to create a image banner like this one?
Hi, This is my first post:) I would like to learn using the JQuery to implement a image banner similar to this one (http://telstra.com.au/) used (the larger section with two images and links). But I don't know how to start , could any one show me the right way? Thanks![/url]
Help with idTabs or any tabs plugin for jquery.
Hi =] I'm using idTabs and trying to show 3 tabs: Home - links to index.php Downloads - has some sub-items (shows a ul) Help - has some sub-items (shows a ul) So as you can see there is a tab that should link to index.php. So it does, but the selected class goes to one of the tabs which their href starts with "#". Even if I make the "Home" tab selected, It will still make one of the other tabs selected too (it doesn't considers the "Home" tab as a tab...). Is there any plugin that supports what i've
[jQuery] IE6 script error? Superfish
Hi, I am having a hard time getting the dropdown nav under "about us" to work in IE6 on this site: http://www.mccauleycelin.com/index.php It seems to work it every browser except IE6 (big shocker). Every time I load the page in IE6, I get a script error that points to the initialization script in the header. Am I missing something simple here? I'm pretty sure the CSS is correct.
Order absolutely positioned <div> tags without overlap
Hello, I have about 40 divs, all positioned absolutely with a certain width and a left attribute. I am looking for a way to make sure all these divs don't overlap, meaning that if one div has its starting point (left) within another div(left+width), the first div should be moved down as long as it takes (height of 2nd div). Having barely any experience with jQuery at all, I really hope I can find some answers here. Thanks a lot for any help!
mouseover event on <li> covered by <div>
Hello, Here's my problem. I have a list with items, it's a <ul> containing <li> elements. These are covered by a transparent <div> (used for mousetracking and speed calculations). Now how do I get jquery to catch the onmouseover event on the list elements? The div is catching all events, so none of them are fired by the li elements. Is there a way? I hope my question is clear, if not, just say so and I will describe in greater detail. Thanks for any help you can give me! Bas
Use select onChange to change example text in input box
Hey guys, I'm quite new to jQuery but love learning new tricks. I have a search box with a labelOver applied for the hint text and a select dropdown with 4 options. I would like to change the hint text depending on which option is selected. Eg if the user selects "People" the hint text will read "eg. John Smith", if they pick "Year" the hint text will read "1985". Many thanks in advance for your help, Jordan
Problem with radiobutton and jquery
I'm really new to jQuery, so pardon me if this is way too simple. I'm using ASP.NET and WebForms. I generate a group of RadioButtons on code, so what .NET generates is something like this: <span class="block small rdoSmall_Deck_Size"> <input id="ctl00_Main_rdoSmall_Deck_Size" type="radio" name="ctl00$Main$Deck_Size" value="rdoSmall_Deck_Size" /> <label for="ctl00_Main_rdoSmall_Deck_Size">Small (Small)</label> </span> Since .NET changes the ids of the controls, I'm trying to find the radiobutton based
Adding control to all form fields of a type
I want to know if there is a way to automatically add a UI control to all fields of a certain type, for instance: Lets say I have two form fields, with ID/Name of startDate ad endDate. On a different page, I have say, 4 date fields, like Date1, Date2, Date3, Date 4. Is there a way to have jQuery notice when fields have an ID that contains "date" and automatically add the datepicker to them? I ask because I want to create a template with controls like this, where you simply name all form fields relatively
want to get over a confusion with jquery
<html> <head> <style> .odd { background-color: #ffc; /* pale yellow for odd rows */ } .even { background-color: #cef; /* pale blue for even rows */ } .highlight { font-weight:bold; color: #f00; } .table-heading{font-weight:bold; color: #f00;} </style> <script type="text/javascript" language="javascript" src="jquery.js"></script> <script> $(document).parent().ready(function() { $('th').addClass('table-heading'); $('tr:even:not([th])').addClass('even');
IE Problem with modifying <select>/<option>
I wrote a script in jQuery to clairify a <select> list for persons on a website. The list is a T-Shirt size selection, from Men's and Ladies sizing. The idea was, when selecting a size, the Men's/Ladies sizes would be separated by <optgroup>, but once you select one, you can't see which group the option is in. Thus, if it says Large, you might say "Men's or Ladies Large?" Therefore, the script I wrote is supposed to add "Men's" or "Ladies" to the selection you make, and clear it when you open up
[jQuery] Form got submitted when I hit enter on select the value in autocomplete box
Hi All, In my application,there are several autocomplte field is available. When I type "pank" and then it list out the several matching in the autocomplete field and select one and then hit the enter then it submitted the entire form, which will cause the error message. Because there are several more mandatory field are there, which i need to fill up. I was trying to restrict in this way, but i believe this is the wrong way. The following will disable enter-to-submit for the entire form. $("#myForm").bind("keypress",
[jQuery] jquery validate
Hello, I am using jquery validate on one of my pages with a submit handler, Can anyone let me know how I can specifiy which layer should contain the error messages?. Here is the code I want to change: $(document).ready(function(){ jQuery(function() { var v = jQuery("#PropertyForm").validate({ submitHandler: function(form) { $.ajaxSetup({dataType: "html"}) $.get('submit.php',{URLLINK:$('#name').val(),rand:Math.random() }, function(datanew) {$('#jim').append(datanew);
[jQuery] Hover only innermost matching element
I need to highlight and work with the innermost of several hovered items. My markup is for now nested lists, although that may change, and if the user hovers over one several layers deep, only that one should be highlighted. I have code that is working for my initial case, with a demo here: http://jsbin.com/ipova (code: http://jsbin.com/ipova/edit) My full interface will have something substantially more than the CSS generated id on the left, but I think this gets the point across. I would probably
[jQuery] [treeview] I really hope this isn't a dumb syntax error
Ok, I'm trying to use the treeview plugin. lets start with the index.html script includes: <code>
[jQuery] JqModal
Using the very basic jqModal example, isn't it supposed to auto size and auto center the modal on the page? I placed a table that was wider than the modal's default settings and it's off the page and does not create scroll bars on the page to see the hidden section of the modal. The default class is .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; } Now, I know I can change
Menu like windows media center?
Please can anybody guide me how to make a menu like windows media center.........i found ipod drill menu pretty similar to that but i cant make changes in it, as it is sooooooo complex to understand.
[jQuery] Is there a 'dropdown button' plugin?
That's what I'd call it, anyway. This would be a captioned button with a small arrow you'd click on. That would drop down a list of button captions, changing the caption of the button when it collapses. The upshot is, the button would have variable onclick functionality, dependent upon the current caption of the button. I suppose it would merely result in a different value of the button's 'name=' attribute when the container form is submitted. My goal is to pair something like that with a textbox
[jQuery] [Form Plugin] - Bug in version 2.28 at line 61 (lack semicolon)
Hi. Today I was trying compress the jQuery Form Plugin V 2.28 (http:// malsup.com/jquery/form/) with JavaScriptPacker (http:// dean.edwards.name/packer/) but I get an error in Firefox 3.5: "missing ; before statement". I revised the code and I can see that lack the semicolon at end of line 61: url = url || window.location.href || '' I corrected this and can compress the js correctly. Best Regards, Pablo Santa Fe - Argentina http://www.infosoft.com.ar
image preload to use as background-image
Theres great tutorials out there which show how to load an image in the background and then fade the image in when ready. I have this working fine, and I can append the preloaded image to a hidden div then fade the div in for a smooth effect. Problem is I want to set this preloaded image as a css background image, not as a <img /> in a container. But if when the image is loaded, instead of .prepend() I do .css() and set the css property of a background-image to be the preloaded images URL, then when
[jQuery] search list in a div for attribute value
i think this is a pretty simple question, but i can't seem to figure it out. i have a list in a div: <div id="gallery"> <ul> <li title="foo">foo</li> <li title="bar">bar</li> <li title="unicorn">unicorn</li> </ul> </div> I have an array with values in it: var $search = [ "foo", "bar" ] ; I want to traverse the array, looking at the title attribute, and if it is in the array $search I want the style changed. Note that #gallery has about 450 list items - the one above is abridged for this post. The
intermittent hover bug
Hi, I have setup a simple hover background fade within a list of links (vertical sub-navigation), I have used jquery.color.js with the example code below: var originalBG = $("#nav-sublinks li").css("background-color"); var fadeColor = "#F4F5FF"; $("#nav-sublinks li").hover( function () { $(this).stop().animate( { backgroundColor:fadeColor}, 750 ) }, function () { $(this).stop().animate( {backgroundColor:"#E3E4EE"}, 450 ) } ); It works...but intermittently the hover state will stay on once the mouse
[jQuery] validate input before calling auto complete
How can I validate a field before calling the auto complete on user input. Is there any a way to configure a pre condition for a auto completion. I want the send the validated input to auto complete q field. I have configured both validation and auto complete for the 'firstName' field. When I start typing some special characters, validation method validates and returns error message and in between auto complete sends the request to server. But I want the validate method to execute first and then
[jQuery] jquery.autocompleter custom target url
Hello, I'm using the plugin jquery.autocompleter and I have a remote script in a server that has some htaccess rules defined for URL's. So instead of sending the params in the default way: http://myserver.com/myscript.php?q=blabla&var=foo I need to send them like this: http://myserver.com/myscript.php/_q=blabla_var=foo I've been looking in jquery.autocompleter source for a line where the URL is built, but I haven't found it. Can anyone give a hint on how to customize the source to make jquery.autocompleter
[jQuery] [validate] require certain fields with specific select box value
I'm using Jörns jQuery Validation plugin and it works like a charm except of one thing which I can't get to work although I think it should be possible. I have a form where people can request a brochure. They can choose if they want it send by e-mail or post with a select box. Normally the address/place etc are not required and if people choose 'e-mail' then it still shouldn't be required. But if someone selects 'by mail' I would have the adress etc to be required. Is it possible to test the value
[jQuery] JCarouselLite - pause scrolling
I have a carousel that auto scrolls images. I was asked if there is a way to make it so that if you mouse over the carousel, it stops and when you mouse out, it starts up again. Is this possible? Thanks Steffan --------------------------------------------------------------- T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4 Steffan A. Cline Steffan@ExecuChoice.net Phoenix, Az http://www.ExecuChoice.net USA AIM : SteffanC ICQ : 57234309 YAHOO : Steffan_Cline MSN : steffan@hldns.com GOOGLE:
[jQuery] There is a proble in IE7 with a jQuery autocomplete
Every time a key is up in Firefox autocomplete normally lists suggestions, but in IE7 it shows for a second the suggestions list and then hides it leaving me without a possibility to choose from amongst the suggested values. But if an array of values is small (up to aprox. 30 values max) it works just fine. Please, help to solve this prob.
Hide and Show
New to the forum, hello. I've successfully installed jQuery on my server. it works, yay. my first use of jQuery for production will be to modify a registration form for students. Right now, in very old style, they can register for either one or two courses because there are fields available for Course 1 and Course 2 hard-coded in. They cannot register for more unless they submit and re-load the page and fill it all out again. LAME! I would like to modify it so there is just an option for one class,
swfobject with <embed> tag.
A couple of the people I work with have trouble using the swfobject script, I think javascript just intimidates them or something. So I wrote a simple little jquery script that automatically converts an <embed> tag into a swfobject embed. This probably would have been more useful 2-3 years ago when the active x issue was a big deal, but I figured it could still be useful for some people. Here's the code: $(document).ready(function(){ $("embed.flash").each(function(){ $.divTarget = $(this).attr("target");
[jQuery] Dialog confirmation before submit
I'm using the jquery validation plugin and when all the fields of the form are correct I want to show a dialog that inform that the data will be submited, the problem is that the dialog just show for about 1/2 second and the form is submited, how can I do some kind of delay or pause before submit the form to show the confirmation. There is my code: <script type="text/javascript"> $(function() { $("#dialog").dialog({ bgiframe: true, autoOpen: false, modal:
[jQuery] Meio mask
Hi everyone. I'm having troubles with meiomask to allow spaces in a field that will allow only letters, numbers and spaces of course. I've tried already with the responses but, doesn't work. Any help? Thanks
[jQuery] jquery ajax not working in mozilla
hi, i use jquery and calling my service function by using jQuery ajax. it works fine in IE and return data in json format but when i run this in firefox this method is not call means ajax method call is not called in firefox. where is problem in code here is my code my service is host on remote server. function InsertList() { var list = new Array(); list.push({ Name: 'John', Designation: 'Associate Consultant' }, { Name: 'David', Designation: 'Senior Consultant' }); var json = Sys.Serialization.JavaScriptSerializer.serialize(list);
[jQuery] AUTO: Michael Lawson is out of the office (returning 08/31/2009)
<html><body> <font size="2">I am out of the office until 08/31/2009. </font><font size="2"> </font><font size="2">I will be out of the office this afternoon </font><font size="2"> </font><font size="2">If you have any questions or concerns, please contact Leena Paulose </font><font size="2"> </font><font size="2"> </font><font size="2" color="#808080">Note: This is an automated response to your message "</font><b><font size="2">[jQuery] changing URL with slider"</font></b><font size="2" color="#808080">
[jQuery] AJAX: process the response XML
Hi All I'm truggling with this for a while now, without succes. Here is the test code: $.ajax({ type: "GET", url: url, cache: false, dataType: 'xml', async: true, complete: function(data, status) { // get title name of the book element with id 'xyz' } }) ; suppose the xml send from the server is <?xml version="1.0" encoding="UTF-8"?> <books> <book id='abc'> <title>Some Title</title> </book> <book id='xyz'> <title>Other title</title> </book> </books> So my question is: How do I get the title
[jQuery] window.open
is there a nicer way to open a sized window using jquery other than this: <a onclick="window.open('/plans/individual/continue-to-ap-pop.asp', 'Continue_to_Application','width=200,height=400')" href="#">
[SOLVED] Why is it callback and not callback()??
Im going to answer my own question. I thought it might help someone out there. When using animate. I noticed that it works with the following. $('#mydiv').animate({width: '400px'}, 1000, "linear", hello); but not with $('#mydiv').animate({width: '400px'}, 1000, "linear", hello()); The reason apparently is because that last argument of animate is not a function call. Read this article.... http://interactivevolcano.com/jquery-animation-timing Thanks,
[jQuery] (validate) conditional statements in .validate
Hi, I would like to make fields required based on a country selection in a drop down. I tried a few variations of the following but can't get it to work. Is there another way of going about this? $("#country").change(function(){ var ctry= $("#country").val(); if ( country == "United States"){ $("#checkoutGuestDynForm").validate({ rules: { state: "required", zipCode: { required:true, maxlength: 10, minlength: 5 }, phone:"required"
[jQuery] IE issues
Im having trouble getting my jquery slideshow to work in IE, It works fine in FF and Safari. I tried using "supersleight" which seem to help my transparent pngs and text but the slideshow doesnt even seem to be being read. Any Ideas, much appreciated
Next Page