try something like: $('.delrow.)hover($(this).attr({'src':'images/rowOverDel.png'}), $ (this).attr({'src':'images/rowOutDel.png'}) ) .click(function(e){ e.preventDefault(); // Do your click event delete row etc
return false; }); On Sep 17, 10:53 am, rcflyer2005 <[EMAIL PROTECTED]> wrote: > On my web page, I have two image button to dynamically add or delete a > row of data in a table. When I click the buttons, they submit the > form and execute the action="justDoIt.php" on the <form> tag and not > call jquery. Is there any way this can be fixed. I'm using IE6 & 8 > beta. I have to stick with IE for now because I have vbs. > > Thanks loads! > Marv. > > These two buttons work, but are very ugly: > > <input type="button" value="del" class="delrow"/> --> > <input type="button" value="add" class="addrow" id="addrow"/> > > I would like to get these two buttons to work: > <div><td> > <input type="image" class="delrow" src="images/rowOutDel.png" > onmouseout= this.src="images/rowOutDel.png" > onmouseover=this.src="images/rowOverDel.png" > onmousedown=this.src="images/rowDownDel.png" /> > > <input type="image" class="addrow" src="images/rowOutAdd.png" > onmouseout= this.src="images/rowOutAdd.png" > onmouseover=this.src="images/rowOverAdd.png" > onmousedown=this.src="images/rowDownAdd.png" /> > > </td></div>