Ok - det var et brugbart svar.
Jeg fandt noget kode og fik det til at virke.
Nu kommer så næste problem:
Jeg har TO filer (test1.html og test2.html)
I test1 har vi TEXTAREA, og i test2 (som åbnes af test1) skal man så vælge et billede, og så skal img-tag skal indsættes i TEXTAREA (i test1).
Men nu smider den bare tag'et bagest i teksten. Den mister altså track på hvor cursoren stod.
Jeg smider gerne 200 point efter en brugbar løsning (opretter nyt sp. når det er klaret).
Her er koden til de 2 filer:
test1.html:
<html>
<head>
<title>TEST 1</title>
<script>
var fokus = false; // Required in the insertText function - used because of IE
var cursorpos; // Required for mozPlaceCursor
/**
* Inserts text in a form-element
* @param frmElm A form-element, for instance a textarea
* @param text A string with the text which should be inserted
*/
function insertText(frmElm,text)
{
if (typeof frmElm.selectionEnd == "number")
{
cursorpos = frmElm.selectionStart+text.length;
frmElm.value = frmElm.value.substring(0,frmElm.selectionStart)+text+frmElm.value.substring(frmElm.selectionEnd);
} // For mozilla
else if (document.selection && fokus) {r = document.selection.createRange();r.text = text;} // For IE
else frmElm.value += text; // For everyone else
}
/**
* Places the cursor in a certain position.
* The variable cursorpos is required
* Mozilla only (or other gecko-browsers)
* @param frmElm The form-element
*/
function mozPlaceCursor(frmElm)
{
if (typeof frmElm.selectionEnd == "number" && cursorpos != undefined)
{
frmElm.setSelectionRange(cursorpos,cursorpos);
}
}
</script>
</head>
<body>
<form name='form01' method='post'>
<textarea NAME="felt" rows=8 cols=40 onfocus="fokus = true;" onblur="fokus = false;"></textarea>
<br>
<!--- Denne input virker fint -->
<input type="button" value="<img src='pict3.jpg'>" onmousedown="insertText(this.form.felt,this.value);" onmouseup="this.form.felt.focus();mozPlaceCursor(this.form.felt);" />
<!--- Men når jeg åbner et nyt vindue indsætter den den nye tekst i slutningen? -->
<br><br>
<a href='test2.html' target=_blank>Indsæt billede</a>
<br>(Åbner et nyt vindue)
</form>
</body>
</html>
---------------------------------------------------------------------------
test2.html:
<html>
<head>
<title>TEST 2</title>
</head>
<body>
<table>
<tr onmousedown="window.opener.insertText(window.opener.form01.felt,image1.value);" onmouseup="window.opener.form01.felt.focus();mozPlaceCursor(window.opener.form01.felt);" style='background-color:#cccccc;cursor:pointer;'>
<td>
Billede 1
<INPUT ID="image1" VALUE="<img src='images/pict1.jpg'>" TYPE="hidden">
</td>
</tr>
<tr onmousedown="window.opener.insertText(window.opener.form01.felt,image2.value);" onmouseup="window.opener.form01.felt.focus();mozPlaceCursor(window.opener.form01.felt);" style='background-color:#cccccc;cursor:pointer;'>
<td>
Billede 2
<INPUT ID="image2" VALUE="<img src='images/pict2.jpg'>" TYPE="hidden">
</td>
</tr>
</table>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
