[jQuery] Problems with Form Plugin
<div dir="ltr">I have a form page here: <a href="http://jimdavis.org/test/form1.php">http://jimdavis.org/test/form1.php</a> and the page for the form post here: <a href="http://jimdavis.org/test/comment.php">http://jimdavis.org/test/comment.php</a> Data from the form is not getting written to the comment.php file. At the moment comment.php is a completely empty file, no <html> <head> <body>, etc. Tried it with all the tags but no change. Also, comment.php is set to read and write on the server. I'm
[jQuery] Catching if print layout in the browser
Hello, I am trying to modify print layout in JS but is there a way jQuery (or in JavaScript general) to find out when user is going to print preview so I can execute custom actions. Somethig like onPrint, onPrintPreview???
[jQuery] Reinit $(document).ready()
How do I trigger the ready() event listener on content that is dynamically loaded via ajax? I am loading a chunk of html into a div has a bunch of items that trigger the same scripts previously loaded. How do I get jquery to reinit all the listeners from $ (document).ready() on the content that is newly embedded in the dom by the ajax script.
[jQuery] jQuery Form plugin file upload question
trying to get a file upload to work but for some reason my inputs won't post.... this is what I have [code] var options = { url: 'includes/images.php?a=add', type: 'post', dataType: 'json', success: processJson }; var container = $('div.errors'); // validate the form when it is submitted var validator = $("#newimage").validate({ errorContainer: container, errorLabelContainer: $("ol", container), wrapper: 'li', meta: "validate", submitHandler: function(form) { $("#add-form").fadeOut("slow",function()
[jQuery] Form Plugin: Pressing Enter on an ajaxForm skips event listeners
Hi All, I'm having a problem with the form plugin. When I press enter in a type="file" input field, I'm brought to a new page instead of the current page being updated. In the attached code, press enter in the type="text" field, and it works as expected, but press enter in the type="file" field, and you're brought to a new page. Please let me know if I'm doing something wrong here. Oh, I almost forgot, I'm using jquery 1.2.6 and jquery.form 2.12 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
[jQuery] Can unbind method return the bind function?
I need unbind the onchange event of a select box, and then set its value and rebind the onchange function back. But i found the unbind do not return the binded function. What shall i do? Thanks Jiming
[jQuery] $.ajax not working in IE7?
Hello everyone! I'm just a newbie here and in using JQuery. We've created a chained selects search module and we used $.ajax function from JQuery but the problem is it is not IE7. It works fine in Firefox but not in IE7. If we click the search button, it does not output anything. Can you please help us? Thanks!
[jQuery] FadeIn for BlockUI
Hi all! I'd love to know if it's possible to add a fadeIn effect to BlockUI (and specify the time), just like it proposes fadeOut: // fadeOut time in millis; set to 0 to disable fadeout on unblock fadeOut: 400, Thanks for your answers! Max
[jQuery] Submitting form multiple times using .each()
I am working on a page that has multiple file uploads, and the user can add more if they need to. To submit it to the server, I need to send them one at a time, so I was thinking I could use the .each() function to loop through the file input fields that have been added, and submit each one separately, maybe using the form plugin. I know how I would do it if I could submit it using ajax, but I know files cannot be submitted using ajax. Here is how I would do it using ajax: $("#adminToolsListing :file").each(function()
[jQuery] trouble with jquery cycle plugin
Ive been having problems with jquery cycle working and all the images just display all at once one after the other. here is the relevent html <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type='text/javascript' src="js/jquery-1.2.6.js"></script> <script type='text/javascript' src="js/jquery.cycle.all.js"></script> <script type='text/javascript'> $('.pics').cycle({ fx: 'fade', speed: 2500 }); </script> </head>
[jQuery] Selectors for pages loaded via ajax
I have some content thats loaded via jquery's ajax methods. I want to have that content load some additional data and do effects, but it doesn't appear to be catching the selectors since the content isn't actually in the mark up. Does anyone know if there is a way around this? Thanks!
[jQuery] Simple Syntax Help please!
I'm trying to set up a 'mailto' href within an existing tag. The tag is set up to look like this before the jQuery <a href="#" mLink="partners" mSubject="Partnership Enquiry" mText="Click to enquire"></a> Our site is aliased to several domain names. Where the URL host is 2gc.co.uk, the final tag I'm hoping for looks like this: <a href="mailto:partners@2gc.co.uk?subject=Partnership Enquiry">Click to enquire</a> The code I have to do this right now looks like this: jQuery('a[mLink="partners"]').attr("href","mailto:partnerships@"+window.location.host
[jQuery] Best way to toggle a form field value
<!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.16705" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=605590014-21082008><FONT face=Arial size=2>I'm storing a boolean in a hidden field, and I'd like to flip it's value when someone clicks a link. Here's the function I've got currently:</FONT></SPAN></DIV> <DIV><SPAN class=605590014-21082008><FONT face=Arial size=2></FONT></SPAN> </DIV>
[jQuery] remove() apparently occurring out of order
<div dir="ltr">First, apologies; I'm a newb to javascript, and have just joined the list. My problem is this: I have defined a function which allows one to edit the fields of a form, as in change the number, names and labels of the text inputs. It brings up a div using blockUI, and when you click OK, it takes the nice new labels you've given it, and repopulates the form with them. The problem is, it only does this sometimes; sometimes it removes all inputs and labels from the form. The relevant
[jQuery] load() & Safai
When load() is done on safari the $(document).ready(); event in the fetched page never fires. The same code runs flawlessly on IE and firefox.
[jQuery] Superfish
Hi, I have a problem to get superfish working in IE. The problem is i have fixed div's and the menu doesn't extend over the borders. Here's my code: CSS: #top_menu { position:relative; left:0px; width:920px; height:30px; padding-top:20px; padding-left:35px; padding-right:45px; background: url(../img/design-design_02.gif); background-repeat: no-repeat; font-size: 11px; text-align:center; HTML: <div id="top_menu"> <ul class="sf-menu"> <li
[jQuery] Multi Select
Hello, I have an input where a user inserts Tags in a CSV way. However, I think it would be better to use a MultiSelect. Does anyone knows something like this in JQuery? Thanks, Miguel
[jQuery] Title attribute breaks the hover event?
I'm stumped... I've got a hover event on a UL and it works perfectly, except when I add a title attribute to an image inside that UL. When the tooltip from the title attribute pops up, it reads it as you've hovered off the UL. When I take the title attribute off, it works fine. Any ideas on what's going on or how I can fix it? Here's the code... -- jquery -- $("ul.edit").hover( function() { $(this).children(".hidden").show("fast"); }, function() { $(this).children(".hidden").hide("fast");
[jQuery] delayed action
what if i need to make such actions: after sending e-mail write message "your message was sent", than wait for sometime and close the form. i tried setTimeout($('#somediv').fadeOut, 5000) , but it did not work
[jQuery] A little problem
Hey guys, i've a little problem with Jquery. I've got a lot of <div class="gradient"></div> containers and i would like to minimize them. That's no problem but if i klick on the link which should minimize my container all containers with this class are minimized. I only would like to minimize that container where the link is in. Here ist the code for minimizing: $(".btn-slide").click(function(){ $(".gradient").slideToggle("slow"); $(this).toggleClass("active"); }); i've also tested: $(".btn-slide").click(function(){
[jQuery] A "nasa.gov" - like accordion menu
Hi, Does anyone know if there is a jQuery plugin that I can use in order to create a Accordion menu like that one placed on http://www.nasa.gov (on the right of the page) ? I've tried to copy and modify the source of the nasa guys, everything worked well, but their code uses prototype and I'm using jQuery everywhere on my website, and when I tried to put all the pieces together, I ended to a horrible thing, scripts don't work !!! Please, if anyone has passed though this or knew how to deal with this,
[jQuery] Preview: Password validation and strength meter
Hi jQueryans, I'd like to share a preview of a validation extension for validating passwords, combined with a password strength meter. Preview means the API is subject to change, code may be more buggy than usual, etc. pp. Code is here: http://dev.jquery.com/view/trunk/plugins/validate.password/ A demo here: http://dev.jquery.com/view/trunk/plugins/validate.password/demo/ To get an idea how passwords are rated, check out the tests: http://dev.jquery.com/view/trunk/plugins/validate.password/test/rating.js
[jQuery] tablesorter addition
Ive been playing with the tablesorter and Ive been attempting to modify some of the tablesorter code in order to be able to use groupings in the table, but i keep screwing it up more. for example COL1 COL2 COL3 group1 A B C C A B group2 D E F Z X Y i need to know how i can get the sorting to NOT sort the group1 and group2. Those rows stay static, and the data under the groups will sort according to the group.. so clicking on COL1 will change the display to be group1 C A group2 Z D and clicking on
[jQuery] jScrollPane - PaneTrack border
I am using the jScrollPane plugin and I want to add a border to the PaneTrack. When I add the border in the css the bottom border of the PaneTrack doesn't show. It seems that the top border pushes the PaneTrack down one pixel and the bottom of the PaneTrack is no longer visible. Here is an example I set up. http://www.fivefifteen.net/jscrollpane.html I have set up the example duplicating the pane 3 example from the plugin author's page - http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html
[jQuery] Modifyng a plugin, how to pass and execute a callback function?
Hi, I'm trying to modify the pngfix plugin to be able to launch a function after the pngfix has applied, anyone can help me? I've writed a few lines of code: function test() { alert('prot'); } $(document).pngFix({'blankgif':'images/pngfix/blank.gif', 'funzione': test}); and inside the plugin If I do an alert of "settings.funzione" I can see the code of the function "test", but How can I launch It? Sorry, I'm not very expert on javascript, and I'm looking to other plugins but I can't found anythin
[jQuery] do I need to use var $var = "something"
I've seen jQuery developers use the following syntax when declaring variables. Does the $ character help in any way? Does it do anything or is it mostly just for convenience. For example is this: var paras = $("p"); better than this: var $paras = $("p"); thanks
retrieving data from href
Hi, I want to save parameters from a href into var. > href="javascript:functionname(12,1);" How can I access to the first and second digit (12 and 1) and save into var digit_1 = | var digit_2 = as I have to pass them to another function. And how can I pass the parameters to another js function? cheers T.C.
[jQuery] [Feature request]unbind should return the binded function for later use.
I need unbind the onchange event of a select box, and then set its value and rebind the onchange function back. But i found the unbind do not return the binded function. What shall i do? Thanks Jiming
[jQuery] jQuery and Firebug 1.2.0b13
Someone is experiencing problems with firebug 1.2.0b13 and "domready" in jQuery. I load an external js file that contains something like this: jQuery(function() { console.time("Test!"); console.timeEnd("Test!"); }); And console throws an error saying that "console is undefined". It seems that domready is executed before "firefox loads firebug". To fix this issue I can put a setTimeout before executing the function inside "domready", but it's a stupid patch I don't like!
[jQuery] [validate] custom method not working if input element is empty.
I am using the Validate plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/. It is a great plugin but I'm having one little problem that is driving me mad. I have a form that I am validating. The problem is, if you don't type anything into the username or password input and submit them empty the default message shows and my logs never get output. If I do type anything into those inputs the methods fire perfectly. It seems to be something with if you leave the value empty but
Paypal Options Change Price, Multiple Forms
First post, glad I found this place. Fairly new to JQuery and have hit a wall. Trying to write a function for a page with multiple paypal forms. Upon a form being submitted the price should be updated based on the size option selected. I know that you can access the form through "this" but am unsure how to access the fields to make the changes. All size prices will be the same for all styles. There will be a lot of forms on the final page. Any help would be appreciated. Thanks, Chris <!DOCTYPE html
[jQuery] cascade plugin targeted to $(this)
Hi all! I've tried to use cascade plugin from Mike Nichols and everything goes fine until i need to adjust it for the several dropdowns. [code] <td class="tdg" id="a_g_s"> <div class="all_geo_select"> <div id="country_sel"> Country<br /> <select name="country_id[]"> <option value="0">Select the country</option> <option value="1">Austria</option> <option value="2">Bali</option> </select> </div> <div id="resort_select"> Resort<br /> <select name="resort_id[]"> <option value="0">Select resort</option>
[jQuery] Background image
Gud day to all of you..im doing this site since last wk..im already finished except for this one,i want my content over the background images..i try to play this around and surf the net to see if there are designers doing these one.. hope someone can help me..sorry for my english grammar.. or do you know any ideas or codes that i can do background image gallery (fade in and fade out transition) <html> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"
[jQuery] Hiding elements that have a dynamic ID
Hi there, There is a particular ID in my web page that changes dynamically according the input given in one of my text boxes. It's generic name is called '_MISendFormShortcutfalse'. Then the input in one of the textboxes is put at the end of the ID name. That is to say if 'Test Example Shortcut' was the input in the textbox, it would result with the ID name '_MISendFormShortcutfalseTestExampleShortcut'. From the above there are two issues: 1) The name of the ID changes dynamically. 2) The given input,
[jQuery] moderation
powers-that-be: It's a good thing that this group is moderated. But I was wondering how many messages I need to post before I get unmoderated? It's kind of a drag to respond to a thread and find that by the time the response becomes visible, the response has become obsolete. Also, does being unmoderated in one jQuery discussion group, unmoderate me in the others? Or are they individual? I'm also a member of the jQuery UI group. Thanks, Andy
[jQuery] finding table row from inside td
If I have a table: <table> <tbody> <tr><td><span></span></td>/*many more cells here*/</tr> <tr><td><span></span></td>/*many more cells here*/</tr> // many more rows here... <tbody> </table> And I'm handed a reference to a <span> inside one of the table cells, what's the quickest method to obtain the row that contains the span? Is this as fast as it gets? $(theSpan).parents('tr:first'); Does that even work? Does ":first" work when climbing upwards through the ancestry? Thanks, Andy
[jQuery] targeting a single element which
I have a series of articles like so... [p] bla bla bla bla [/p] [a class="read-more"] read more [/a] [p class="my-hidden-content] bla bla bla [/p] Now what i would like to do is just on an anchor and show the review, but obviously with my code it will show all of hidden classes.. How would i narrow it down to just the one desired one ? $('.read-more').click(function(){ $('my-hidden-content').slideDown('slow'); });
[jQuery] multiple selectors with multiple select list
hi, i will select some elements based on a custom attribute i have : <select id="website_id" multiple size="7"> <option account_id="1" value="344">Website</option> <option account_id="5" value="555">Website 2</option> <option account_id="11" value="23">Website 3</option> <option account_id="1" value="34">Website 4</option> </select> i want to select and remove all the options that are not selected and theyre account_id is not 1 i tried $("#website_id option:not(:selected):not(['account_id='1'])").remove();
[jQuery] page-first.gif
Hi! I have a problem. How do I do to find page-first.gif image reference? I have a jQuery test application an it run successfully but the really application that I need to run doesn't show images like page- first.gif, page-first-disabled.gif, page-last.gif, etc. Where is the reference to those images or what I must to do to fix my problem? Regards!
[jQuery] jscrollpane reinitialize issue
I was just wondering if there was way to conserve the toolbar's position when the the scroll pane gets reinitialized. I have a list inside the scroll pane and whenever you click on an item it expands so the scroll pane has to be reinitialized in order to have the height match but whenever that happens the scroll bar goes all the way up again, it tends to get annoying to have to scroll all the way back to that item especially when the list can be pretty long sometimes.... Any suggestions on what I
Next Page