Printable View
I have some buttons on a form which when depressed insert various HTML tags. I want to be able to highlight a certain chunk of text and insert the opening and closing tags either side of the highlighted text.
Does anyone have any idea how to do this ?
I'm stuck.
Thanks in Advance
Where's the 'chunk' located at? Is it in a div or someplace accessible? If not - can you make it be that ?
It is in a textbox.
ok, try this out
dunno if it works, but it should give you an idea on how to do what you want.Code:<html>
<head>
function tagit() {
var tagdiv=document.getElementById("tagdiv");
tagdiv.innerHTML="<"+document.myform1.mytag1.value+">";
}
</head>
<body>
<form name="myform1">
<input type="text" name="mytag1" />
</form>
<br /><br />
<div id="tagdiv"></div>
<br /><br />
<input type="button" onClick="tagit();" value="Tag it!">
</body>
</html>
Interesting.
I'll mess around with it and see if I can do anything with it but unfortunatly I am no javascript man.
I did dig this up which is quite interesting :
http://www.webreference.com/js/column12/index.html
this mate?
Code:<script language="javascript">
function tagit(){
var t=document.getElementById('tagdiv');
var s=document.myform1.mytag1.value;
s=s.replace(/\</gi,"<");
s=s.replace(/\>/gi,">");
t.innerHTML=s;
}
</script>
<form name='myform1'>
<input type=textarea name='mytag1'>
</form>
<div id='tagdiv'></div><br><br>
<input type=button onclick='tagit();' value='tag it!'>
</form>