2010-06-09 5 views
0

J'ai un message d'en-tête qui provient d'un autre fichier (message.txt), et je crée une boîte de texte que vous pouvez modifier. (J'ajouterai la partie où cela la rend permanente plus tard.) Ça change à rien.Rendre le texte d'en-tête modifiable, ne fonctionnera pas!

(E: "Ceci est l'en-tête" à "")

Ce code ..

<script type="text/javascript"> 
function change(text) 
{ 
//document.forms["f1"].elements["ta"].value="Hi!"; 
//document.f1.ta.value="Hi!"; 
document.getElementById("msg").innerHTML='<h2 class="hmsg">'+text+'</h2>'; 
} 
function getText() 
{ 
return document.getElementById("ta").value; 
} 
function all() 
{ 
change(getText()) 
} 
</script> 
<form name="f1"> 
<input type="text" value="Enter your message here!" id="ta"/> 
<input type="button" value="   " onclick='all()'/> 
</form> 

Répondre

0

Peut-être que vous pouvez clarifier ce qui ne fonctionne pas comme prévu. J'élargi votre code dans un exemple de travail:

<?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"> 
<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> 

Modification du contenu du <div> avec id msg travaille ici.

+0

Merci beaucoup! –

+0

Vous devriez envisager d'utiliser une bibliothèque JavaScript pour simplifier les scripts côté client pour vous. Les libs comme jQuery ont vraiment stimulé la productivité. De plus, essayez d'être conforme aux normes ... – mkluwe