[JavaScript] textarea textbereich markieren

Dieses Thema im Forum "Webentwicklung" wurde erstellt von onip, 12. August 2009 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 12. August 2009
    textarea textbereich markieren

    hi,

    ich mache eine text prüfung auf anstößige wörter mit JS.
    hab ein array mit badwords.
    diese werden mit indexof im text kontrolieret.
    funzt ohne probleme.
    mir ist also bekannt wo der startpunkt vom badword ist und
    wie lange dieser ist. somit hab ich auch das ende.

    jetzt zu meinen problem.
    ich würde genau diesen textbereich in textarea markieren.
    markieren geht mit select();
    hab's mit select(start, ende) versucht, geht nicht.

    hat jemand ne idee wie ich eine textbereich in textarea markiere?

    im netz finde ich nur das auslesen eines markierten text in textarea.
    ich will wie gesagt JS markieren lassen.
     
  2. 12. August 2009
    AW: textarea textbereich markieren

    echte browser: selectionStart, selectionEnd
    ie: createRange
     
  3. 13. August 2009
    AW: textarea textbereich markieren

    super funktioniert wunderbar, danke

    für die nachwelt
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="js/moo1.2.js"></script>
    </head>
    
    <body>
    
    <textarea cols="20" rows="10" name="iuz" id="msg">sdf sdf sdf badword sdfsdf sfd</textarea>
    <script type="text/javascript">
    badword = ['badword', 12, 7];
    alert ('Badword: '+badword[0]);
    $('msg').focus();
    if (Browser.Engine.trident){
     range = $('msg').createTextRange();
     range.move("character", badword[1]);
     range.moveEnd("character", badword[2]);
     range.select();
     
    }else {
     $('msg').selectionStart = badword[1];
     $('msg').selectionEnd = badword[1]+badword[2];
    }
    </script>
    
    </body>
    </html>
    
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.