Thanks, motob... I had it in the wrong place.
But now, it works! :o) Rick > -----Original Message----- > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of motob > Sent: Monday, March 24, 2008 4:22 PM > To: jQuery (English) > Subject: [jQuery] Re: Using a button that doesn't submit? > > > The code you listed doesn't have the return false...Add the return > false statement at the end of the .click() function like so... > > $(document).ready(function() { > $('#add-image').click(function() { > $('#image-next').clone(true).attr('name', function() { > return this.name.replace(/(.+)(\d+$)/, function(s, p1, p2) { > return p1 + (parseInt(p2, 10) + 1); > }) > }) > .insertAfter('#image-div :last'); > > return false; > > }); > }); > > if you want to use a link to do the same thing, the exact principles > apply, add a return false statement to the click function. So if you > had a link of: > <a href='#' id='add-image'>Add New Image Field</a> > > your script would look like this: > $('#add-image').click(function(){ > //your $image-next.clone code here... > > this.blur; //removes the focus from the link (basically removes > that annoying dotted box). > return false; //prevent link bubbling. > }); > > On Mar 24, 3:07 pm, "Rick Faircloth" <[EMAIL PROTECTED]> wrote: > > I tried inserting a "return false;" into my jQuery below, > > but it prevented the button from functioning as it needs. > > > > Here's the jQuery: > > > > $(document).ready(function() { > > $('#add-image').click(function() { > > $('#image-next').clone(true). > > attr('name', function() { > > return > > this.name.replace(/(.+)(\d+$)/, function(s, > p1, p2) { > > return p1 + (parseInt(p2, > > 10) + 1); > > }) > > }) > > .insertAfter('#image-div :last'); > > }); > > }); > > > > And here's the button HTML: > > > > <button id="add-image">Add New Image Field</button> > > > > Got any ideas on how I could modify this? > > > > I was using a link to add the file fields, but the link > > was refreshing the page and taking me back to the top of the page. > > > > Rick > > > > > -----Original Message----- > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of > > > Andy > > > Matthews > > > Sent: Monday, March 24, 2008 1:19 PM > > > To: jquery-en@googlegroups.com > > > Subject: [jQuery] Re: Using a button that doesn't submit? > > > > > If you're already using jQuery just return false on the submit method for > > > the form. > > > > > $('#myFormID').submit(function(){ > > > // do stuff here > > > return false; > > > }); > > > > > -----Original Message----- > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > > Behalf Of Rick Faircloth > > > Sent: Monday, March 24, 2008 12:15 PM > > > To: jquery-en@googlegroups.com > > > Subject: [jQuery] Using a button that doesn't submit? > > > > > Hi, all... > > > > > I'm using some jQuery to add file fields to a page. > > > > > I'm using a button to trigger the jQuery. > > > > > <button>Add New Image Field</button> > > > > > In IE6 and IE7 the button just adds fields like I want, however, in FF2, > > > the > > > button submits the form. > > > > > How can I use the button with form submission? > > > > > I found plenty of info on Google about submitting a form without a button, > > > nothing on using a button in a form with causing submission... > > > > > Rick
