[jQuery] [validation] I want to add validation for a reCAPTCHA image. Can I give this field error message a unique class?
I have a form consisting mainly of text inputs and selects. The inputs are nested within list elements, lists, fieldsets, etc. I have configured the validation plugin to place the error messages after the fields, and successfully used CSS to style the label.error class. I have recently added a reCAPTCHA image to the form. I would like to validate that this field is also not empty before allowing a submit. The reCAPTCHA input however is buried within a td/table/div, so the error message gets crammed
[jQuery] JQuery Treeview
Hi, I'm using the JQuery treeview but I'm running into some weird behavior. The tree expands by itself sometimes and it cannot be collapsed. It happens every time I'm displaying a slide show for instance. When I clear the cookies it goes away. Any idea on how I can't prevent the whole tree from expanding? Thanks for your help....
[jQuery] make the Fading like opening DOOR
On May 12, 11:17 pm, bharani kumar <<a href="mailto:bharanikumariyer...@gmail.com">bharanikumariyer...@gmail.com</a>>
[jQuery] make the Fading like opening DOOR
Hi All ,<div> </div><div> </div><div>Can you some one tell me , </div><div> </div><div>I want to make the DIV something like opening DOOR or single Door opening , double door opening </div><div> </div><div>Any idea please<br clear="all"> Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyerphp.site88.net/bharanikumar/">http://bharanikumariyerphp.site88.net/bharanikumar/</a> </div>
[jQuery] jQuery Logo
Hi, I am looking for a high res copy of the jQuery logo, ideally with a transparent background for use in a presentation I am giving on it. I can find the old logo like that, but not the new one.
[jQuery] Hiding Table Columns
<div>Imagine a table with ten columns. Is there a JavaScript function that will let visitors render particular columns invisible?<br clear="all"></div><div></div><div>For example, I have a table that uses a jQuery function to create sortable columns. However, it takes forever because the table is so big. But if visitors could make some of the less important columns disappear, then it might sort faster.</div> <div> </div><div>-- </div><div>David Blomstrom Writer & Web Designer (Mac, M$ & Linux) <a
Grid with always square 'cells'
I would like to create a tabular grid (ideally using a list, not a table, but could be either approach) that always stretches to fill its variable width container and that always has square cells. The idea is to create an 'image wall' of squares. Ideally, as the user widens the browser window the grid adds squares (columns). The squares would also, ideally, stay within a certain size range (e.g. minimum 80 px, max 120px), so that when the squares become too large, or small, a column of squares would
[jQuery] How to parse?
I have an ajax call that will be returning a large chunk of HTML. The thing is that this HTML needs to go to several different places on the page. I would rather not have to make several different requests for the data. Is it possible to take a large (bundled) HTML value, parse it into a temporary DOM and insert by finding what I need out of it?
[jQuery] Creative animations for .hover() event
Hi All, I am hoping to find some creative examples of animations of people using the hover event for image links. Some of the most common that I've seen are as follows: 1) Partial fade-in 2) Partial fade-out 3) Fade-in an absolutely positioned image over the image This seems to be an area where people have not really brached out (yet!) Here are some ideas that I'm considering: 1) Animate to top:-20px onHover and back to top:0px onBlur 2) Create some type of zoom-in effect (although it'd be slight)
[jQuery] Refresh Element After Changing Style
Hi everyone: I am attempting to change the style after the user has loaded the page (every x number of seconds) but the element just doesn't seem to be refreshing. I have done all of the checking, and it seems like it is changing it but it isn't showing that on the page. Thanks for any help.
[jQuery] How to submit the form using the date picker
Hi I have used the datepicker plugin of "KeithWood" .Here is my sample script written below <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery Datepicker</title> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="jquery.datepick.js"></script> <script type="text/javascript"> $(function() { $('#validMaxDatepicker').datepick({maxDate: +0,
[jQuery] tablesorter is not a function
Hi, I have some problems with the tablesorter-Plugin ( http://tablesorter.com/docs/ http://tablesorter.com/docs/ .) I know, the error "tablesorter is not a function" has been mentioned before. But the reason, why this message occurres again seems to be different. One point makes me sure, that it is probably is a bug. The web-page with its tablesorter-functionality works in Safari! - but not with Firefox and IE6. Version of JQUERY: 1.2.3 Version of Tablesorter: 2.0.3 The HTML-Test-File which doesn't
[jQuery] How to remove error messages from Validation Plugin
I'm using this plugin in its simplest form.. http://docs.jquery.com/Plugins/Validation All I have is this for my code: <script> $(document).ready(function(){ $("#form").validate(); }); </script> It works fine, but I'm trying to hide the error messages which it defaults to "This field is required." The error message shows up in a label.. How in the world do I hide those error messages within those labels??? I'm sure it's easy, but I cannot find any examples anywhere!! Thanks to whoever helps out..
[jQuery] find ID of input within a div
hi! I have this construct: <div id="box_vfo"><input type="text" name="neu_vfo" id="neu_vfo" class="textInput"><a href="#stop" class="stop"><img src="../img/ delete_edit.gif" alt="" width="16" height="16" border="0"></a></div> On click I want to hide the div and empty the input value: $('a.stop').click(function() { var parent_id = $(this).parents("div:first").attr("id"); $('#'+parent_id).hide(); ... How can I find out the id of the input field if I don't know it? I don't think the input can be found
[jQuery] Callback function after switchClass()
Hey all, I'm trying to do some animation designs. Basically where I'm stuck is I have a bunch of things I want to do, but not until the duration of the switchClass method is complete. Looking at the UI documentation site, there doesn't appear to be a callback ability. Anyone have any tips on how I can make a callback on the switchClass? Thanks.
[jQuery] can only type numbers after closing dialog.
I have a strange one. I'm working on an app that after i close a dialog window, i can only type numbers in other forms in the app. letters seem to fire keystroke events but they don't enter the form field. any ideas?
[jQuery] jsonp to a static remote file
Hello, Currently I was able to load remote JSON (php) file using JSONP protocol. However, how to do if my remote file is static? In the doc, it said: you can load JSON data located on another domain if you specify a JSONP callback, which can be done like so: "myurl?callback=?". But since my remote file is a static text file, how can I specify the callback in the output dynamically? In fact, I also wonder if it is possible to control the random callback name by modifying jquery source code...
[jQuery] jquery slideViewerPro (beta)
Hello everyone. I had the time to rewrite the slideViewerPro plugin wich is *another* gallery engine. You start with a DIV and an unordered list of images, and that's the result. I still have to add typographic information on each image (taken from the ALT attribute) and fix a bug. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html Let me know what you think. Cheers GC
[jQuery] Cycle Plugin and Flash Videos
I am trying to create a slideshow where each slide would have a video (embedded vimeo video to be exact) My basic structure is <div id="slides"> <div class="slide"> <div class="slide_video"> EMBED CODE </div> <div class="slide_content"> HTML BLURB </div> </div> ... </div> I've set pause to 1 so that when the mouse is over the slides it doesn't advance, but if the user is watching the video and they move their mouse out of the slideshow area the slides advance. How do I stop the slideshow if the video
[jQuery] $(this).next() not matching sibling table
Hello, Trying to hide a table that's a sibling to the anchor to which the click event is being called. It works, with any element but a table as a sibling. My code/markup: <script type="text/javascript"> $(document).ready(function(){ // show/hide details $(".show-hide-me").click(function() { $(this).next().hide(); }); }); </script> <!-- markup --> <a href="#" class="show-hide-me">Show/Hide Details</a> <table class="details"> <tr> <td> ...
$('div').empty().append() - Not Working Correctly
Hi, The following method below seems to behave unexpectedly under certain conditions. $('#myDiv').empty().append(someText); I beleive, (imho), that the empty() function requires some time to execute and interferes with the append() function. I say this because adding a setTimeout() to delay the append() will correct the eratic behaviour. My query is - 1. Is this a known occurence or my imagination? 2. Is it possible to add a callback function into empty() so that append() will only execute after
Noob Trouble with XML and Multidimensional Array
I'm building a little online gallery from scratch, mostly as an exercise for myself. I'd like to set it up so that I can read the contents of an XML file and then populate the page accordingly. The XML has this basic structure (I'll probably add more items within <artItem> in the future): <gallery> <artItem> <category>Category 1</category> <imageFile>image1.jpg</imageFile> <description>Description text 1</description> </artItem> <artItem> <category>Category
FadeIn/FadeOut or other effect on Toggle or ToggleClass
The following works very well to highlight a table cell with a background color when the cell is clicked: jQuery("td").toggle( function () { jQuery(this).addClass("highlight"); }, function () { jQuery(this).removeClass("highlight");}); This also works with toggleClass: jQuery("td").click(function() { jQuery(this).toggleClass('highlight');}); css is simple: highlight {background:yellow;} I just can't figure out how to incorporate a fadeIn and fadeOut effect with toggle or toggleClass.
"parent > child" selector vs .children()
$('div.grandparent > div.parent > div.child') vs $('div.grandparent').children('div.parent').children('div.child') Is one more performant than the other? Is there any advantage of using .children()? Thanks.
noob : how to toggle visibility of a target div from <a h
Hi I have just started trying to use jquery and though it looks cool and simple I'm having really problems working out how to do a really simple thing All the examples I've seen use css selectors to target an element in the page but i need to use an id. basically I have a list of <a href> links and a load of <div>s that are all display:none by default when the page loads. The <a href> links and <div> elements are written dynamically by a php loop. What I would like to do is click on an <a href> link
function .is(":hidden") function not working in 1.
The element is an empty div. <div id="divid"></div> function $("#divid").is(":hidden") function not working in 1.3.2 but works in 1.2.6. Any idea what happen to this function in 1.3.2?
How to use jqZoom with LiveQuery
Hello, I have a little problem, that I cannot solve for a few long days. I want to create gallery with 'magnifying glass' script, carousel script and ajax navigation. 'Magnifying glass' and carousel work great until I reload content (image) with ajax. Than 'magnifying glass' just isn't working. I read that I can fix it using livequery, but this pluggin have really small documentation and every example is about 'click' function, not like in this 'magnifiying glass' script, onmouse, without clicking.
jquery functions
I'm new to jquery, and I'm a little confused page load tasks and events are placed in: $(document).ready(function() Whereas UI elements are placed in: $(function() Is the distinction simply that $(document).ready is called whenever an event occurs, whereas $(function() is called inline? I'd like to get a better understanding of when to use $(function() and if there are any other jquery functions like this I should define. Thanks, STeve
need some help in how to hide , show ,float
Hi Guys; I need some help in how to do these effects Hide, show, and float I had I site and I made web application using MS Virtual earth I miss up layout of my page but I want to use jQury to hide the Div map and show it and float it around the web Browser did anyone think it is possible?[/code]
[jQuery] Problem with toggles and if statements
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi there, please have a look at <a href="http://clients.larsschulz.info/cc104_web/panel/quicklinks.html">http://clients.larsschulz.info/cc104_web/panel/quicklinks.html</a> I have h3 elements that are followed by divs that are toggled when the h3 element is clicked... <span class="Apple-tab-span" style="white-space: pre; "> </span><span class="Apple-tab-span" style="white-space: pre; "> </span>//quicklinks
[jQuery] [Validate] Pass on message on success, and have a "start message"
Hello. I just started implementing the jquery Validate-plugin on a site i'm working on. I'm new to jQuery and have not been deeply interested in javascript earlier. However, everything works fine. Thanks! I have a few problems though, that i need som help on how to fix. 1. Im using sucess: "valid" to print a label with the class valid when somethings entered correct. Is it possible without to much pain to pass on a message to the valid-label? Like "Thats right!". Either one globally or even better
[jQuery] [validation] my page disappear when data is filled into input
The strangest thing is happening to me... and I can't firgure out where it comes from ! I'm new with the Jquery framework and more expecially with the validation plugin. I've created this page: http://dev.sonycenter.be/fr/ If you go at the bottom right corner of the page, you'll have the newsletter subscribtion form... try to type in a e-mail adress, as soon as you type one character after the "." (following the domain) the page hides (but if you click view source (and scroll down) you can see that
[jQuery] Superfish menus in nav-bar style require subnavs to behave correctly?
Hey there- I'm working on integrating Superfish menus and have run into an odd problem. It's *looking* like the deselection & hover behavior is predicated on all the top-level <li> elements having nested <ul>, which makes me think I've missed something obvious. In an attempt to rule out any CSS silliness, I've used the sample page (from http://users.tpg.com.au/j_birch/plugins/superfish/#sample4 ) for my test case. To see the issue, compare the behavior for examples > nav-bar style from the original
JQuery mask in a form that is inside a lightbox
I have to make a jQuery mask work in a form that is inside a lightbox. This lightbox is rendered inside a div that opens on its own page that makes the call. I've already put the script inside the page containing the ajax form that calls the lightbox. But the mask is not applied. I'm using livequery plugin, and it works well with other ajax forms in the project. What should I do to this jQuery mask works inside the lightbox?
[jQuery] setting the style of a div
Hi All I am just moving over to jquery. Previously i had been using prototype and scriptaculous, im trying to figure out how to set a div relative to another div. in prototype i would of used 'setStyle' to do this. Can anyone give me an example of how to do the same in jquery? Many Thanks Ash
[jQuery] jQuery .addClass question
This seems like such a simple basic task, but I can't seem to get the syntax correct. I have a menu, and using jQuery it adds a class (.current) to the link that corresponds to the current page. This works for all pages except the page in a subdirectory (link below marked with a *). <div id="menu" class="basictab"> <ul> <li><asp:hyperlink NavigateUrl="Default.aspx" runat="server" id="lnkDefault">Home</asp:hyperlink></li> *<li><asp:hyperlink NavigateUrl="Menu/ appetizersandpizza.aspx"
[jQuery] not loading page style after unblocking...
hi
[jQuery] problem with input
Hi! I have a problem :) .... Why when i compare input value with array, he match only the first input. this is my code $(function(){ var prova = new Array(); prova[0] = "Z"; prova[1] = "G"; prova[2] = "N"; $('#prova').text(prova.join(", ")); var i =0; $('input').click(function(){ $('#lettere').hide("slow"); $('#scrivi').hide("slow"); while(i<prova.length){ $('#prova').append("<input type=\"text\" name=\""+prova[i]+"\" size=\"1\" id=\"testo" + i
[jQuery] after unblockUI styles are not loading.
hi, i am using blockUI plugin. onChange in dropdown i did blockUI to disable all the links & buttons in the screen. after page gets loaded i am doing unblockUI. in FireFox page loaded properly, but in IE6 page loaded with out sytles. i am using jquery blockUI.js version 2.18. Thanks in advance, Sree.
[jQuery] Simple innerFade problem
Hello, I'm trying to use the innerfade script, and I'm not sure what's going wrong - it seems so simple but it's still not working. Here is a link to the page: http://bikesonthebricks.com/jquerytest.html Here is the call, which I've just stuck in the page head for now: <script type="text/javascript"> $(document).ready( function(){ $('.slideshow2').innerfade({ animationtype: 'fade', speed: 750, timeout:
Next Page