[jQuery] Validation pluggin
I have a form with a div. All fields are inside that DIV. Then I use clone method to add a new div with the same code that the original. Before append it to the DOM I change the id and name of all field. Then I get: <div> age: <input type=text name=n1 id=id1 class='{number: true}'> </div> <div> age: <input type=text name=n2 id=id2 class='{number: true}'> </div> That work fine however....seems that validation only work for the original (id2) the scond one doesn't validate the field. Any suggestion?
[jQuery] Proud Daddy's First Pic
John Resig is a proud daddy: http://flickr.com/photos/jeresig/859737702/ Rey...
[jQuery] Removing table rows on delete not working correctly
Hi folks, I've written a small script to deal with deleting content from my application. When you view the admin index screen for a content type, it's displayed as a table of content. In the last cell there are some actions such as view, edit and delete. The script below works for deleting the post from my system, but when it is sucsessful I also want to hide the table row. A typical row looks like this: <tr id="post-8" class="odd"> <td>8</td> <td>Test Post</td> <td>2007-07-20
[jQuery] name is...
found i, fyi, the name is "dragHelper"
[jQuery] Solving the Back button problem
Solving the Back button problem Is there a way to use JavaScript to detect whether a page is being loaded for the first time (from the server), or because someone hit the Back button? Often you want to display a status message only one, but not show it when they hit the Back button.
[jQuery] Form Validation by generic class name
I have been using jQuery for a couple months and have been looking to use it as a common library for all my company's applications. I have also been evaluating the form validator plugin. I am trying to replace the JS validation library we have now with it. However, I can't figure out how to set rules for an array of fields with a common class name. For example, currently, we may collect 3 different phone numbers on different pages (or even on the same page), so we give each of the inputs a class
[jQuery] Safari not resizing this object...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=245085216-19072007>Hey guys...on this page:</SPAN></FONT></DIV> <DIV><FONT face=Arial size=2><SPAN class=245085216-19072007><A href="http://www.johnsonautomotivecenter.com/Pages/Page.cfm?pageid=95998&pagetype=35&featureid=-1">http://www.johnsonautomotivecenter.com/Pages/Page.cfm?pageid=95998&pagetype=35&featureid=-1</A></SPAN></FONT></DIV>
[jQuery] passing arguments to javascript function with php
I'm starting out with jQuery, and as I was trying to implement jQuery in a simple CMS I made to make the CMS more fancy, I ran into this problem. Say I'm having a news page on my website. The CMS displays all news items that are in the database. The CMS is built using PHP and MySql. So on that php page all news items are listed. If I want to delete a news item, I can click the "delete" button next to the news item. This works in PHP. Now I want to use jQuery to ajaxify things. If one clicks the delete
[jQuery] jquery trunk stable?
I'm just getting started w/ jQuery, and have heard rumors that $('document').ready has some issues with a) IE and/or b) document.write. The Events doc doesn't note any limitations. I see #1251, #1319 are related, as well as [2332]. .ready() is pretty important to me, and I'm unfortunately hosting 3rd-party ad-delivery JS, which almost certainly does .innerHTML or document.write. Since work on .ready() is ongoing, is trunk stable?
[jQuery] Session problems
I have a App devoloped with asp & jQuery. I have a strange behaviour with the session. Some times "dissapear". I don't have a pattern to reproduce it... I would like if anyone has had problems with session using ajax calls... in order to determinate if it is a problem related with ajax calls or with asp. Thanks.
[jQuery] DatePicker | adding multiple selectedDates into input field
Hello all, ------------------------ Current Issue ------------------------ I currently have a form that offers users a date picker to select multiple dates. Currently the text field will only update it's self to show the last date selected. Does anyon know how I can take the array of "selectedDates" and update the textfield with the multiple dates once they "close" the calendar for that selected input ? If I had 3 dates selected ideally the input values would seperate each entry with a " , " and
[jQuery] Find missing HTML tags
I have a rather odd problem where I am looking for potentially missing html tags due to truncation and need to close them. I am displaying a short summaries for an overview of published articles by showing a title and the first 30 words. Unfortunately sometimes the article starts with an OL or UL and the closing tags get truncated. Is there a way to find missing closing tags within a div and close them automatically? I don't need a final solution, any hint where to start would be great, preferably
[jQuery] easing - only use one function
I've removed all functions that I dont't need from the easin-plugin. But when I use it I get an error. When using all functions, it works as expected. This is the code I'm using (from the easin plugin): jQuery.extend({ easing: { bounceout: function(x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) {
[jQuery] [OT] Massive List of User Agents
I know that, on occasion, I've needed to filter my code for specific user agents on both the client and server-side. One thing that I never realized was the shear breadth of user-agents out in the wild. In looking through Dzone.com, I came across a link to a site which has a massive list of user-agents and I definitely bookmarked it because I find that type of info invaluable: http://www.user-agents.org/ I'm not associated with the site in anyway. I just thought that it would be a good resource for
[jQuery] Does not seem to work if the form was called in from ajax
The plug-in does not work if the form with the file field was created after the dom is ready ie, the form was called in from an ajax call after the page has loaded. We bind our forms using the jquery forms plug-in. Can we hook in the multi plug-in once the form as been wired up from the form plug-in? Can we chain this? Can you give an example if possible? Much appreciated. Hoping to use this. Thanks. -- View this message in context: http://www.nabble.com/Does-not-seem-to-work-if-the-form-was-called-in-from-ajax-tf4114484s15494.html#a11700312
[jQuery] Accordion Bump Bug
In the example below and pretty much every accordion example I've seen based on jQuery there is a slight issue with the bottom tab of the accordion. This usually occurs, or is just more visible, when you have more than 3 tabs in the accordion menu. Although you can see it in everyone's accordion menu, I'm posting a link to my version because it seems most obvious here. http://www.robustness.org/dev/jquery/slider/slider-jquery.html (it's a small bump on the 4th tab, when you click any of the tabs,
[jQuery] jQuery Tabs Alignment
On my website: http://www.rose-hulman.edu/~bryantms/prizes.html (temporary host) As you can see the content on each tab is not rendering properly in IE (6 or 7). It appears to the right of the tabs themselves. Does anyone know how to resolve this issue? This renders properly in Firefox, so I'm assuming it's a CSS fix but I can't seem to find the right "hack" to solve this. I figure someone here may have some experience working with applications like this and may be able to hep. Thanks
[jQuery] POW the Web Server in Firefox
As a what feels like a long time Jquery user. I would like to introduce to you a very useful from my tool box. The tools is call Pow (Plain old Webserver). Its a cross platform web server that is a 63k Firefox plug in. Since its a full featured web server you can work locally on all of your dynamic websites. Many browser features like cookies don't work from file:// urls will now work by using Pow. In addition to being able to serve html and another static files. Your can create cgi's using javascript
[jQuery] tabe and innerfade script conflicting in IE
Having trouble getting this to work for IE. the links on the left which fade my different projects (using tabs script)don't work in IE when the innerfade script is in my page which i use on my home page tried it in Firefox and it works fine but the links are messed up in IE. http://www.paulcurley.com/PORT2/portfolio.php does anyone know i can get a work around for it?
[jQuery] plugin: jquery.xslTransform working in Safari 3.0???
Just curious if anyone id using the jquery.xslTransform plugin with Safari 3.0. I would love to be able to do client side XSLT again (had to stop, and trash a few apps, because a new VP is a Mac user/Apple fanatic {Safari only}).
[jQuery] jquery Media plugin
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=640561213-19072007>hi Mike,</SPAN></FONT></DIV> <DIV><FONT face=Arial size=2><SPAN class=640561213-19072007></SPAN></FONT> </DIV> <DIV><FONT face=Arial size=2><SPAN class=640561213-19072007>i can't seem to find the solution, i suspect this may be
[jQuery] Image change on link hover.
I have a crude demo working when I hover over a link an image above is switched out. How do I best store what image I want the link to swap to? $(".showPic").hover(function() { $("#imgLinkAct").attr("src", "images/valve_manifold.jpg"); }); The html: <p class="centered" style="height: 80px;"><img id="imgLinkAct" src="images/cylinder.jpg"/> <p style="margin-left: 2%;"> <a href="linear_actuators.html">Linear Actuators</a><br/> <a href="#" class="showPic">Guided Actuators</a><br/> <a
[jQuery] uncheck checkbox at pageload
sometimes when i hit back on my browser, a checkbox that was checked is still checked. so id like to write a small script that unchecks them all on pageload. not sure if there is a function in jquery that can do this? so far i have the following non-jquery code but it doesnt work. can some one think of a working version that uses jquery's oh so lovely syntax? the id of my checkbox is #editImgs $(document).ready(function() { $("#editImgs").checked = false; });
[jQuery] Slide down menu shaking unexpectedly. ha wow. wtf is it doing
I'm having problems with the slide down. It's severly delayed. i'm not an expert at jquery at all. If it isn't already obvious. I'm trying to program a text link to slide down a menu from above. here is the code: $("#activate").bind("click", function() { $(this).toggle(function(){ $("#activate").text("- HIDE ").show("slow"); $("#dropdown").toggle().show("fast"); }, function() { $("#activate").text("+ SHOW").show("slow"); $("#dropdown").toggle().hide("slow");
[jQuery] Rows hidden by CSS then shown after page load ignore colspan attribute
Hi, I have a table where some of the rows have a single cell spanning the whole table, containing a sub-table with different data. These rows need to be hidden on page load which is easy enough with "display:none", but doing a .show() on them after that breaks the layout in Firefox 2.0: it seems to ignore the colspan attribute, as the whole sub-table appears crammed into the first cell. Works in IE as expected. Also works in Fx if I remove the CSS and do a $.hide() on the rows after page load instead.
[jQuery] Disabling jquery.autocomplete.js
Hi, I'm using the autocomplete plugin, the one that is modification of Dylan Verheul's jQuery Autcomplete plug-in. It's working great but I need to disable it using any function, and I don't know how to do it. I've tried with unbind() ?¿ on the field but it's not working :( Any help? thanks! chali
[jQuery] Listing methods of an object
Is there a way to list all the methods that a particular JavaScript object has? Or is there a tool that can do this?
[jQuery] using tabIndex
I have some fields that may be generated on the fly via DOM, and want to set the tab index. This isn't working for me: $("#elem2").attr("tabindex", $("#elem1").attr("tabindex") + 1); What would the correct syntax be to make the tabindex of elem2 to be that of elem1 + 1?
[jQuery] blockUI plugins consume too much CPU
Hi, blockUI is a good plugins. The one thing makes me worried is each time browser call the blockUI function, the cpu jumped to 30-100% percent? How can I reduce the CPU consume? Thanks, Jiming
[jQuery] AJAX download progress
I am trying to figure out a way of displaying how far along an AJAX download is. Assuming I know the size of the file being downloaded (this will require the server to send a content-length header) then if I can check the number of bytes downloaded thus far I should be able to work out the download progress. So what I need to know, how can you get the value of the content- length header if it is set, and how can you check the number of bytes sent periodically? I can then display a percentage for
[jQuery] Highlighting contents of an Input field on click()
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0in; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] Resizable textarea
Does anyone could combine a textarea with a Drag and Resize plugin to create a Resizable Textarea. (A feature like this is available in TinyMCE). Thanks. Mark
[jQuery] jQuery Validation & Multiple Forms...
What's the rationale behind the validate plugin only handling one jQuery object? This doesn't seem consistent with how jQuery works at all. The website states: Validating multiple forms on one page: The plugin can handle only one form per call. In case you have multiple forms on a single page which you want to validate, you can avoid having to duplicate the plugin settings by modifying the defaults via $.validator.defaults. Use $.validator.setDefaults({...}) to override multiple settings at once.
[jQuery] IE6 png hack bug
Hi guys, Some of us having difficulty figuring out as to why when applying ie6png hack onto a link, it doesn't appear as link anymore Can anyone help us out, here is an example www.uzhana.com - contact us link Cheers, --Kush
[jQuery] jQuery Tabs in IE and Firefox Issues
I'm having an issue with my site: http://www.rose-hulman.edu/~bryantms/prizes.html (temporary host) As you can see, the Tabs aren't aligning properly in IE and there is a gap in Firefox. In IE, the content appears to the right of the Tabs. In Firefox, there is a large gap underneath that I would like to eliminate. I'm still pretty new to programming and am looking for some information to make it appear how it should (http://stilbuero.de/ jquery/tabs/). I think it may be CSS related, but again, I
[jQuery] Stopping a $.load call
Hello everyone. This is a general question about stopping (or overriding) an AJAX call once it has been made. In order to illustrate my question I can give a specific example, but I'm sure this topic is applicable to many people besides myself. So, here's the page I'm working on right now: http://lpforest.org/documents If you start typing in the "Search Phrase" box (or use any of the other form elements) you'll notice the results will begin to narrow. This is accomplished using jQuery and $.load.
[jQuery] Better way to select parent form?
I'm trying to write a script that responds to a keyup event in any field of a given form. If the form is valid, the submit button of that form is enabled. The problem is that there are several forms on the page. My script has to enable the right one. I have a way that works, but it's complicated. Can someone suggest a better way? The essence is that I first get the "name" attribute of the form with "this.form.name". Then I use the name in a jQuery selector... $('form[@name=' + formName + '] input[@type=submit]')
[jQuery] License questions
I've tried to read about this but I still am not sure. Can I bundle jquery with a commercial web application that I distribute? I read that if they are both distinct applications yes, but I'm not sure where you draw the line. If the webapp utilizes jquery heavily but can work perfectly fine without it then I guess it would be ok? I read several places that jQuery was released under the lgpl but that doesnt seem to be the case anymore. Any clarification is appreciated. Thanks, James
[jQuery] Swap image onClick with swf, need help...
Heya, I'd like to use jQuery to swap out an image of a mp3 player when the user clicks the image... any ideas?
[jQuery] Implement opacity on imagemap polygon
I'm new to jQuery and would really like to be able to use it for applying an opacity to an area on an imagemap. Is this possible? I really don't want to swap images unless it becomes necessary. The following code allows me to bind a click event (for testing) to the individual "area" tags, but I can't seem to get the opacity to apply, even though the "setOverlay" class is applied. I would really appreciate any help or suggestions. Thanks, Spencer #### CSS ######### .setOverlay { background-color:
Next Page