Overføre fra Popup til Textarea

<ole>

<div onclick="top.opener.document.getElementsByName('besked')[0].value='Dette virker'">TEST</div>

- men i et textarea kan du kun indsætte tekst ... ikke grafik  :)

/mvh
</bole>

Jeg ved godt man ikke kan sætte billeder ind i et textarea, det er derfor ejg skrev t jeg bare skal sætte text smileys ind ":)".
Men det du skrev der virkede ikke helt, den erstattede alt hvad der i forvejen var skrevet med en smiley.

NU har jeg fundet dette script:

<script>

function addText (texttoadd) {
opener.document.dinform.dittextarea.value+=texttoadd;
self.close();
}
</script>

<a href=\"java script:addText(\'test1\');\">test1</a>
<a href=\"java script:addText(\'test2\');\">test2</a>

Eneste problem er bare at den placerer smileyen i enden af det man har skrevet og ikke der hvor cusoren er placeret. Hvordan kan jeg ændre dette?

Prøv skovenborgs insertText !-)

http://skovenborg.1go.dk/javascript/insertText.php

-- så skal funktionen lægges f.eks. i head-sektionen af popuppen og kaldes sådan:

<a href="#" onclick="insertText(opener.FORMNAVN.TEXAREANAVN,':)',true);setTimeout(self.close()',500);return false;"><img src="smileyGlad.gif" border="0"></a>

Hmm det virker ikke, der sker faktisk slet ikke noget når jeg klikker på smileyerne.
Jeg har lagt denne funktion ind i header på den side i popup vinduet som lister smileys (husk at min popup side med smileys er bygget op i frames, hvs det har noget at sige)

<SCRIPT LANGUAGE="JavaScript">
var cursorpos;
/**
* 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,fokus) {
    if (cursorpos && typeof cursorpos.start == "number") { // For Mozilla     
      frmElm.value = frmElm.value.substring(0,cursorpos.start)+text+frmElm.value.substring(cursorpos.end);
      if (fokus) {
        frmElm.setSelectionRange(cursorpos.end+text.length,cursorpos.end+text.length);
        frmElm.focus();       
      }
    }
    else if (cursorpos && cursorpos.range) { // For IE
      r = cursorpos.range;
      r.text = text;
      if (fokus) {frmElm.focus();}
    }
    else { // For everyone else
        frmElm.value += text;
        if (fokus) {frmElm.focus();}
    }
}

function storeCaretPos(frmElm) {
    if (typeof frmElm.selectionEnd == "number") {
        cursorpos = {start:frmElm.selectionStart,end:frmElm.selectionEnd}
    }
    else if (document.selection) {
        cursorpos = {range:document.selection.createRange().duplicate()}
    }
    else;
}
</script>

derefter har kalder jeg mine smileys med:
<a href=\"#\" onclick=\"insertText(opener.form2.besked,'".$smileys['smiley']."',true);setTimeout(self.close()',500);return false;\">".$smileys['smiley_path']."</a>

Navnet på min form med textarea er "form2" og mit tekstarea hedder "besked".

Hrm, jeg var vist lidt for hurtig, for jeg overså i første omgang, at der er en cursorpos-ting, som skal aktiveres også, så hvis du kigger lidt nærmere på linket, kan du se, at dit textarea også skal indeholde nogle events, som aktiverer storeCaretPos-tingen !-)

-- læg derfor hele scriptet i hoveddokumentet og denne anelse anderledes i popuppen:

<a href=\"#\" onclick=\"opener.insertText(opener.form2.besked,'".$smileys['smiley']."',true);setTimeout(self.close()',500);return false;\">".$smileys['smiley_path']."</a>

-- og events skal så skrives ind i dit textarea:

<textarea name="besked" cols="30" rows="5" onfocus="storeCaretPos(this);" onmouseup="storeCaretPos(this)" onkeyup="storeCaretPos(this);" onblur="cursorpos = null">Her er noget tekst i et textarea</textarea>

Hmm det virker ikke, når jeg klikker på de links så sker der slet ikke noget.

Nu har jeg scriptet:
----------------------------
var cursorpos;
/**
* 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,fokus) {
    if (cursorpos && typeof cursorpos.start == "number") { // For Mozilla   
      frmElm.value = frmElm.value.substring(0,cursorpos.start)+text+frmElm.value.substring(cursorpos.end);
      if (fokus) {
        frmElm.setSelectionRange(cursorpos.end+text.length,cursorpos.end+text.length);
        frmElm.focus();     
      }
    }
    else if (cursorpos && cursorpos.range) { // For IE
      r = cursorpos.range;
      r.text = text;
      if (fokus) {frmElm.focus();}
    }
    else { // For everyone else
        frmElm.value += text;
        if (fokus) {frmElm.focus();}
    }
}

function storeCaretPos(frmElm) {
    if (typeof frmElm.selectionEnd == "number") {
        cursorpos = {start:frmElm.selectionStart,end:frmElm.selectionEnd}
    }
    else if (document.selection) {
        cursorpos = {range:document.selection.createRange().duplicate()}
    }
    else;
}
----------------------------
I mit vindue som jeg åbner popupen fra, som jeg i øvrigt gør ved:

<input name="submit2" type="button" class="formstyle" onclick="java script:popUp('smiley.popup.php')" style="color:black; background-color:rgb(227,227,227);" value="Smileys" />

Funktionen popUp(); hedder som følgende:

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=160,height=200');");
}

Deruodover har jeg gjort som du sagde, jeg har sat:

<a href=\"#\" onclick=\"opener.insertText(opener.form2.besked,'".$smileys['smiley']."',true);setTimeout(self.close()',500);return false;\">".$smileys['smiley_path']."</a>

Ind på den side som lister mine smileys i popup vinduet.
Og jeg har ændret it textarea så det indeholder de egenskaber du skriver:

<textarea name="besked" rows="7" cols="82" onfocus="storeCaretPos(this);" onmouseup="storeCaretPos(this)" onkeyup="storeCaretPos(this);" onblur="cursorpos = null" class="formstyle"></textarea>

Jeg ved ikke helt, men er du sikker på at det ikke har noget at gøre med at min popup side er opbygget i frames?

Ja !-)

-- så skal du bruge top.opener !o]

Undskyld det sene svar.
Så vidt jeg kan forstå fra din kommentar så skal:

<a href=\"#\" onclick=\"opener.insertText(opener.form2.besked,'".$smileys['smiley']."',true);setTimeout(self.close()',500);return false;\">".$smileys['smiley_path']."</a>

ændres til:

<a href=\"#\" onclick=\"top.opener.insertText(top.opener.form2.besked,'".$smileys['smiley']."',true);setTimeout(self.close()',500);return false;\">".$smileys['smiley_path']."</a>

?? Hvis det er sandt så virker der altså ikke :(

Jeg har også prøvet med:

onclick=\"opener.insertText(top.opener.form2.besked,'".$smileys['smiley']."',true);

og

onclick=\"top.opener.insertText(opener.form2.besked,'".$smileys['smiley']."',true);

og stadig intet der virker.

-- er der også frames i dit grund-dokument ?-)

-- prøv at linke til et eksempel på koden !-)

Nej der er ikke frames, den er opbygget af en index side som skifter include alt efter hvilken side man går ind på.

Hvad er det du vil have at vide om koden? Vil du se siden hvor jeg skal bruge det?
Eller source?

Ja !-)

Ehm, ja til source? Det gætter jeg på.

Her er source til hovedsiden:
http://www.htxonline.dk/source.txt

Den er redigeret lidt men du burde kunne se hvordan det sidder sammen.

Her er source til smiley siden:
index: http://www.htxonline.dk/smiley.popup.txt
top: http://www.htxonline.dk/smiley.top.txt
main: http://www.htxonline.dk/smiley.list.txt

Men hvis jeg skal kigge på kodens opførsel i browseren, ville det jo være rart, om den kode, jeg så, var den kode, som browseren så !-)

-- så hent den f.eks. fra Vis kilde ... eller læg et link!o]

www.htxonline.dk
log ind med roenvig // test
og så er det under "Forum" og så ind i en eller anden tråd og klik på "Udvidet Svar"

?-)

<textarea name="besked" rows="7" cols="82" onfocus="fokus = true;" onblur="fokus = false;" onclick="storeTextRange()" onkeyup="storeTextRange();" class="formstyle"></textarea>

storeCaretPos mangler da ?-)

-- og der er da noget galt med popuppens størrelse ?o]

Hehe jeg har redigeret i den forkerte fil..
Anyways, nu har jeg rettet det men det virker stadig ikke :(

mht. popuppen så er det fordi jeg ikke har oprettet CSS style til den endnu :)

Jeg har lige rettet nogle små fejl som jeg selv fandt, men stadig uden held.

Hvad med at lave den i en ordentlig størrelse eller lave den resizable ?-)

Hrm, der mangler zq da document:

top.opener.document.form2.besked

Det har jeg gjort nu, og jeg har ændre mine links til:

<a href=\"#\" onclick=\"top.opener.insertText(top.opener.document.form2.besked,'".$smileys['smiley']."',true);setTimeout(self.close()',500);return false;\">".$smileys['smiley_path']."</a>

no luck

Men jeg forstår ikke..
top.opnener.insertText() er jo en funktion vi selv har lavet, og den ligger kun defineret i index.php og ikke i popuppen, kan popuppen så godt stadig finde ud af det?

Ja, for top.opener henviser jo direkte til hovedvinduet !-)

-- hvis du skal debugge mere ville det sikkert være hensigtsmæssigt, at du indsatte status-linje i popuppen, eller bare at prøve med FireFox og kigge i javascript-konsollet !-)

-- og en fejl er åbenbart, at du har overset en pling !o]

onclick="top.opener.insertText(top.opener.document.form2.besked,':-)',true);setTimeout('self.close()',500);return false;">

-- så din php-kode bliver:

<a href=\"#\" onclick=\"top.opener.insertText(top.opener.document.form2.besked,'".$smileys['smiley']."',true);setTimeout('self.close()',500);return false;\">".$smileys['smiley_path']."</a>

Ja ok, nu virker det også her.
Eneste som ikke virker er at sætte smileys ind hvor cursoren er placeret.
FireFox javascript console giver ingen error.

Prøv i textarea-tagget at ændre til:

onblur="cursorpos = null;alert('blur på textarea !-)');"

for at teste !o]

-- og fortæl så, hvornår den forekommer ...

Det virker, den skriver blur på textarea

Hvornår ?-)

-- hvis den gør det ved tryk på Smiley-knappen, skal onblur fjernes fra tagget ...

Det gør den.
prøver lige at fjerne den.

Og nu virker det.. Du er fantastisk Roenvig!
smid et svar så du kan få dine vefortjente point, og tusind tak for hjælpen :)

-- men jeg så lige, at den ikke lukker popuppen ?-)

Nej det gør den egnetlig ikke.
Hmm hvordan kan det være :S

hmm er der en funktion i javacsript som hedder setTimeOut() ??
For ellers skal den vidst først lige tilføjes.

kan man ikke bare sige self.close? istedet for at have timeout? eller kan det gøre noget rod?

Argh, den skal da også have top på !o]

<a href=\"#\" onclick=\"top.opener.insertText(top.opener.document.form2.besked,'".$smileys['smiley']."',true);setTimeout('top.close()',500);return false;\">".$smileys['smiley_path']."</a>

-- ja, javascript har en funktion, der hedder setTimeout (bemærk store og små bogstaver !-)

-- els velbekomme '-)

Smukt!

-- og tak for point ;~}