Okay, so Mike and Blair got back to you before I could, but I'm going
to answer anyway.
They're right, of course, that you need to return false, because you
want to stop the default action.
One of the great things about jQuery is that it lets you easily
separate behavior from content. So I would suggest pulling the
onclick handler out of the input. Here is what it would look like
with the script in the <head>, but ideally you should put it in
another file and include it the same way you include jquery.js:
<html>
<head>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#submit-member').click(function() {
var username = $(this).prev().val();
$("#member_info").html(username);
return false;
});
});
</script>
</head>
<body>
<p id="member_info"></p>
<form name="find_member" action="" method=GET>
<input type="text" size="30" name="username">
<input type="submit" id="submit-member" size="30" value="Find by
Username">
</form>
</body>
</html>
You should also put DTD, etc. in there. I'm just taking shortcuts for
the sake of brevity.
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jan 3, 2007, at 7:37 PM, Daniel McBrearty wrote:
Hi
Just getting into using js to do things. I'm just experimenting
right now.
Here is my example code:
<p id="member_info"></p>
<script type="text/javascript">
function findMember(form){
$("#member_info").html(form.username.value);
}
</script>
<form name="find_member" action="" method=GET>
<input type="text" size="30" name="username">
<input type="submit" onClick="findMember(this.form)" size="30"
value="Find by Username">
</form>
now what happens when I fill in a value and click is that the value I
entered into the text box appears in the "member_info" <p> ... but
disappears again almost straight away.
any ideas?
thanks. the lib looks nice and clean BTW.
Daniel
--
Daniel McBrearty
email : danielmcbrearty at gmail.com
www.engoi.com : the multi - language vocab trainer
BTW : 0873928131
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/