ansaurus

Question

Making editable header text, won't work!

Answer 1

A:

Perhaps you can clarify what is not working as you expect. I expanded your code into a working example:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Test</title>
</head>
<body>
<script type="text/javascript">
function change(text)
{
  document.getElementById("msg").innerHTML='<h2 class="hmsg">'+text+'</h2>';
}
function getText()
{
return document.getElementById("ta").value;
}
function all()
{
  change(getText())
}
</script>
<form action="#">
<div id="msg">
</div>
<div>
<input type="text" value="Enter your message here!" id="ta"/>
<input type="button" value="          " onclick='all()'/>
</div>
</form>
</body>
</html>

Changing the content of the <div> with id msg works here.

mkluwe 2010-06-09 08:48:25

Thank you very much!

Anonymous the Great 2010-06-09 08:53:38

You should consider using a JavaScript library to simplify client-side scripting for you. Libs like jQuery were really a boost to productivity. Additionally, try to be standards conformant...

mkluwe 2010-06-10 16:44:56

ansaurus

tags:

views:

answers:

Making editable header text, won't work!

related questions