thanks a lot guys. That 's really a great response.
I got it to basically work, now I'll read through your suggestions and
clean it up. I'm still learning ... :-)
thanks again.
Daniel
On 1/4/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> 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/
>
>
>
--
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/
