Samme indsæt-knap til flere <textarea>s
Hej jeg skal have lavet det nedenstående sådan at når man trykker på billedet (<input type="image"...) så bliver teksten '<billede></billede>' sat ind i det felt man befinder sig i, jeg ved ikke rigtig om det jeg har nedenunder kan bruges til noget. Og det skal selvfølgelig virke med varierende antal <textarea>s (de bliver genereret af php).<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =
caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?
text + ' ' : text;
}
else
textEl.value = text;
}
//-->
</script>
</head>
<body>
<form name="tekstForm" action="skriv.php" method="post">
<input type="image" src="gifs/billede.gif" onclick="insertAtCaret(this.form.tekst,'<billede></billede>');"></input>
<textarea class="felt" onfocus="tekst = 'tekst[0]'" name="tekst[0]" cols="98" rows="3">
Tekst i første felt.
</textarea>
<textarea class="felt" onfocus="tekst = 'tekst[1]'" name="tekst[1]" cols="98" rows="5">Tekst i andet felt
</textarea><br/>
<textarea class="felt" onfocus="tekst = 'tekst[2]'" name="tekst[2]" cols="98" rows="3">Tekst i 3. felt</textarea><br/>
<input class="knap" type="submit" value="Gem"></input>
</form>
</body>
</html>
