Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

JS: text invoegen in textarea

Elja Trum
4 antwoorden
  • Ik wil graag dat een bezoeker op m'n pagina bij het invullen van een form op een plaatje/link naast het form kan klikken en dat er dan op de plek waar de cursor op dat moment is, er een tekstje wordt ingevoegd.

    Het lukt me wel om de tekst helemaal aan het einde van de bestaande tekst toe te voegen:

    [code:1:6f6bbc531f]
    <script type="text/javascript" language="Javascript">
    <!–
    function textadd(str)
    {
    document.form1.txt.focus();
    document.form1.txt.value += str
    }
    // –>
    </script>
    <Form Name="form1">
    <Textarea name="txt" Rows="6" Cols="30">ff een test tekst.. </Textarea><Br>
    <A Href="#" onClick="textadd('test')">voeg toe</a>
    </Form>
    [/code:1:6f6bbc531f]

    Thx,

    Elja

  • use the search, Luke.
    (vrij naar: "Starwars")
  • Dacht je dat ik een forumbericht zou plaatsen voordat ik eerst minstens een half uur gezocht heb op het net ? :smile:

    Ik heb op trefwoorden als 'form', 'javascript', 'insert text', etc gezocht en op de standaard sites als http://javascript.internet.com, http://www.javascripts.com, etc gekeken, maar nog niks kunnen vinden wat dit specifiek oplost.
    Ook heb ik een nuttig forum onderwerp gevonden wat hier eerder heeft gestaan. Dara jeb ik de rest van de javascript vandaan die ik op dezelfde pagina wil gaan gebruiken (om b.v. iets te selecteren en het dan bold te maken).

    En ondanks een pagina die ook echt doet wat ik graag zou willen: http://www.jurriaan.org/htmledit/test_editor.html
    kon ik niet uit de code halen wat ik nu precies moest hebben. Zo gevorderd ben ik niet met javascript. :smile:

    Dusse, een beetje hulp zou van harte welkom zijn.. Al is het maar een link naar zo'n pagina die ik dan niet kan vinden. :smile:

    Elja

  • Ik bedoelde eigenlijk dat je binnen het forum moest zoeken :smile:
    Deze vraag is namelijk al een paar keer gesteld.

    Zoeken op "textarea cursor" levert je al een aantal hits op. Onderstaande code heb ik zo ook gevonden:
    [code:1:8fad54b66d]
    <html>
    <head>
    <title>insert at cursor</title>
    <script type="text/javascript" defer="defer">
    function storeCursorPos(oTextarea)
    {
    if (oTextarea.createTextRange)
    oTextarea.cursorPos = document.selection.createRange().duplicate();
    }

    function insertAtCursor(oTextarea, sText)
    {
    if (oTextarea.createTextRange && oTextarea.cursorPos)
    {
    var oCursorPos = oTextarea.cursorPos;
    oCursorPos.text = sText;
    }
    else oTextarea.value += sText;
    }
    </script>
    </head>
    <body>
    <form>
    <textarea name="foo" rows="5" cols="50" onselect="storeCursorPos(this)"
    onclick="storeCursorPos(this)" onkeyup="storeCursorPos(this)">
    </textarea><br />
    <input type="button" value="smilie invoegen"
    onclick="insertAtCursor(this.form.foo, ':)')" />
    </form>
    </body>
    </html>
    [/code:1:8fad54b66d]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.