Why dont this work

Dev Shed Forums Sponsor:

November 18th, 2012, 07:19 PM

tyler_long_sim

Registered User

Join Date: Nov 2012

Posts: 13

Time spent in forums: 3 h 23 m 4 sec
Reputation Power: 0

Why dont this work

the problem is the button dose not change to the text which is entered in the text box

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Send message</title> <script> changeButton(){ $("#button1").text($("#username").vale); } </script> </head> <body> <form action="?op=login" id="theform" method="POST"> <fieldset> <legend>Login</legend> Username: <input name="username" type="text" id="name" onkeyup="changeButton()" size="15" /><br /> Password: <input id="message" type="text" name="password" size="8"><br /> <button id="button1">Send Message</button> </fieldset> </form> </body> </html>

November 18th, 2012, 07:24 PM

Jacques1

pollyanna

Join Date: Jul 2012

Location: Germany

Posts: 1,835

Time spent in forums: 1 Month 2 Weeks 1 Day 3 h 2 m 6 sec
Reputation Power: 811

Hi,

I can barely read that, but I guess

Code:

$("#username").vale

should be "value". Check the JavaScript console of your browser to debug your scripts. It will display all errors and other info.

November 18th, 2012, 07:30 PM

tyler_long_sim

Registered User

Join Date: Nov 2012

Posts: 13

Time spent in forums: 3 h 23 m 4 sec
Reputation Power: 0

came up with this error

Uncaught SyntaxError: Unexpected token { private-mess.php:7

Uncaught ReferenceError: changeButton is not defined private-mess.php:17

this is a clearer version

Code:

Original - Code

<script type="text/javascript">
  changeButton(){
    $("#button1").text($("#username").value);
}
  </script>
</head>
<body>

<form action="?op=login" id="theform" method="POST">
  <fieldset>
  <legend>Login</legend>
Username: <input name="username" type="text" id="name" onkeyup="changeButton()" size="15" /><br />
Password:  <input id="message" type="text"  name="password" size="8"><br />
    <button id="button1">Send Message</button>
        </fieldset>
   </form>

November 19th, 2012, 02:39 AM

Winters

Super Moderator

Join Date: Jul 2003

Posts: 3,871

Time spent in forums: 1 Month 2 Weeks 1 Day 16 h 30 m 42 sec
Reputation Power: 2569

Code:

function changeButton(){
    $("#button1").text($("#username").value);
}

Why dont this work

Developer Shed Advertisers and Affiliates