Avatar billede jd Nybegynder
04. oktober 2000 - 19:48 Der er 9 kommentarer og
1 løsning

OnClick=\"indsæt i textarea\"

Hejsa...

Jeg har en knap, og når der klikkes på den skal der indsættes fx. teksten \'hejsa\', der hvor markøren nu står i et textarea, ved navn \'body\'... -hvordan dælen gør jeg det?

/Jon@z
Avatar billede tigerdyr Nybegynder
05. oktober 2000 - 12:11 #1
mener du at hvis der står noget i forvejen så vil du have indsat din tekst bagved ???

hmm, Det må jo så være noget med at hente indholdet ud i en variabel, concanate (sammenlægge) din string og din statiskeværdi og skrive hele din string variabel tilbage til feltet...
Function (evt. Sub) er din ven :o)
Avatar billede jd Nybegynder
05. oktober 2000 - 15:36 #2
Ja, jeg mener at der evt. står noget i forevejen i textarea\'et, og der skal så indsættes en tekst, der hvor markøren står!

Kan du lave et eks.?

/Jon@z
Avatar billede tigerdyr Nybegynder
05. oktober 2000 - 17:29 #3
Jeg tror det er noget i stil med

function textfelt()
{
  var tekst
  tekst = document.form.navnetpådittekstfelt.value
  tekst = tekst + \" Hejsa\"
  document.form.navnetpådittekstfelt.value = tekst
};

Og så bare kalde functionen via din OnChange...
Eg. OnChange = \"Textfelt()\"
Avatar billede jd Nybegynder
05. oktober 2000 - 18:09 #4
Hmm... nu kan jeg ikke lige prøve det, men så vidt jeg kan se, vil det bare tilføje \" Hejsa\" i slutningen af teksten, og ikke der hvor markøren står!!?

/Jon@z
Avatar billede tigerdyr Nybegynder
05. oktober 2000 - 20:23 #5
Det er også rigtigt... var ikke helt sikker på om det var det du mente, altså slutningen af den skrevne tekst = markørens position.
Avatar billede jd Nybegynder
05. oktober 2000 - 20:44 #6
Men kan du så finde ud af det? -for det andet kan ikke bruges, da der også skal være mulighed for at indsætte midt i en tekst!
Avatar billede tigerdyr Nybegynder
05. oktober 2000 - 21:19 #7
Jeg må afslå, jeg har ingen ide om hvordan man finder ud af hvor cursoren står i en textbox :o(
Avatar billede jd Nybegynder
05. oktober 2000 - 21:28 #8
ØV! :o(

I/du kan evt. se på http://demo.easypage.dk/_admin/

User: demo
pass: easypage

Bruger den ikke selv :o) -men prøv at gå ind og ret/opret en side!
Hvis du skriver noget tekst, markerer det, og trykker på fx. B (for bold), så bliver det erstattet med <b>Din tekst</b>
Denne løsning ville være helt perfekt, hvis i kunne få lidt idéer der fra! :o)

/Jon@z
Avatar billede tille Nybegynder
11. oktober 2000 - 23:03 #9
hallo, der er noget jeg kan hjælpe med

her er min kode til en mini HTML editor, der indsætter html koder hvor cursor/caret står.

Så vidt jeg har forstået er det kun IE der kan nummeret med at indsætte på begge sider af et markeret tekstafsnit

Men her er altså min kode: (hele dokumentet)
<HTML><HEAD>
</HEAD>
<link rel=STYLESHEET href=\'../styles/ofcstyle.css\' type=\'TEXT/css\'>
<body background=../grafik/gulklat.jpg bgcolor=#F8E191  >
<FONT SIZE=1 FACE=\'Verdana, Arial, Helvetica\'>
<HEAD>
<META http-equiv=\"content-type\" content=\"text/html;charset=iso-8859-1\">
<TITLE>nyhedsindtastning</TITLE>
</HEAD>
<BODY onload=\"document.form.header.focus()\" background=\"../grafik/gulklat.jpg\"  >
<script language=\"JavaScript\"><!--
function addFedStart(felt) {
    insertAtCaret(felt, \'<b>\')
}
function addFedSlut(felt) {
    insertAtCaret(felt, \'</b>\')
}
function addNyLinie(felt) {
    insertAtCaret(felt, \'<br>\')
}
function addCenterStart(felt) {
    insertAtCaret(felt, \'<div align=center>\')
}
function addCenterSlut(felt) {
    insertAtCaret(felt, \'</div>\')
}
function newWin () {
  NY=window.open(\'../ama_help.htm\',\'NY\',\'width=625,height=480,toolbar=no,scrollbars=yes,menubar=no\')
}
function uploadWin () {
  NY=window.open(\'upload.htm\',\'NY\',\'width=625,height=480,toolbar=no,scrollbars=no,menubar=no\')
}
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>
<div ALIGN=\"center\">                                                 
<Table ALIGN=Center valign=top border=1 cellspacing=0 cellpadding=0>
<tr >
    <th bgcolor=\"#3838A0\"><FONT SIZE=3 FACE=\"Verdana, Arial, Helvetica\" color=\"#ffff00\">
        Nyhedsbrev
    </th>
</tr>
<TR>
    <td ALIGN=\"center\">
    <FORM METHOD=\"POST\" action=\"/cgi-bin/vonews.EXE?type=editNews?name=117\">   
    <TABLE cellspacing=\"0\">
        <TR>
            <TD bgcolor=\"#E6E6E6\" valign=\"top\"><STRONG>Overskrift:</STRONG></TD>
        </TR>
        <TR>
            <td valign=\"top\" bgcolor=\"#E6E6E6\"><INPUT name=\"header\" value=\" \" size=\"70\"></td>
        </TR>
        <TR>
            <TD bgcolor=\"#E6E6E6\" valign=\"top\"><STRONG>Tekst:</STRONG></TD>
        </TR>
        <TR>
            <td ALIGN=\"center\" valign=\"top\" bgcolor=\"#E6E6E6\">
                <INPUT type=\"button\" value=\"Fed, Start\" onclick=\"addFedStart(this.form.tekst)\">
                <INPUT type=\"button\" value=\"Fed, Slut\" onclick=\"addFedSlut(this.form.tekst)\">
                <INPUT type=\"button\" value=\"Nylinie\" onclick=\"addNyLinie(this.form.tekst)\"><br>
                <INPUT type=\"button\" value=\"Centrér, Start\" onclick=\"addCenterStart(this.form.tekst)\">
                <INPUT type=\"button\" value=\"Centrér, Slut\" onclick=\"addCenterSlut(this.form.tekst)\">
                <INPUT type=\"button\" value=\"Hjælp\" onclick=\"newWin()\">
                <INPUT type=\"button\" value=\"Upload billede\" onclick=\"uploadWin()\">
            </td>
        </TR>
        <TR>
            <td valign=\"top\" bgcolor=\"#E6E6E6\">
            <textarea cols=\"60\" rows=\"12\" name=\"tekst\" ONSELECT=\"storeCaret(this);\" ONCLICK=\"storeCaret(this);\" ONKEYUP=\"storeCaret(this);\" >

            </textarea>
            </td>
        </TR>
    </TABLE>
    </td>
</TR>
</TABLE>
<A href=\"/cgi-bin/vonews.exe?type=sletNyhed \">
<img src=\"../grafik/ikon_trash.gif\" width=\"24\" height=\"21\" border=\"0\" alt=\"\">Slet nyhedsbrev</A>
<INPUT TYPE=\"hidden\" name=\"xype\" VALUE=\"sletNyhed\">
<INPUT TYPE=\"button\" VALUE=\"Tilbage\" onClick=\"history.back()\">
<INPUT type=\"SUBMIT\" value=\"Gem rettelser\">
</div>
</FORM>
</BODY>
</FONT>
</BODY>
</HTML>
Avatar billede jd Nybegynder
15. oktober 2000 - 22:23 #10
tille-> Det ville godt nok være helt perfekt hvis man fx. kunne markere et stykke tekst, og derefter trykke på en knap med teksten \"fed\" hvorefter der blev sat <b> foran og </b> bagefter den markerede tekst...

Men ligemeget om du løser dette, har du fortjent dine points, så her..

/Jon@z
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester