Hjælp

Jeg har et stykke script, hvor man kan indtaste noget  htmlkode i et tekstfelt. På samme tid vises dette indhold "for real" i en <div id></div>.

Mit spørgsmål er: kan man ikke lave en lille ændring i koden, så man kan veksle imellem enten <div id></div> (designmode) og <textarea></textarea> (kodemode), fx vha en lille radiobutton?

Således at <textarea></textarea> vises, medmindre man trykker på radiobutton hvormed <div id></div> vises. Ved uncheck ryger man tilbage til <textarea></textarea>.

KODEN (der iøvrigt virker!):

<form name="send">
<textarea name="tekst" cols="56" rows="7"></textarea>
</form>
<div id="view" style="overflow:visible; padding-left:5px; padding-right:5px; border:1px solid black; height:150px; width:470px;"></div>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function transferText(){
  x = document.send.tekst.value;
  x = x.replace(/\n/g,"<br>");
  document.all.view.innerHTML = x;
}

document.send.tekst.onkeypress = transferText;
document.send.tekst.onkeyup = transferText;
</SCRIPT>