Avatar billede madd Nybegynder
03. juli 2002 - 15:36 Der er 5 kommentarer

Marker tekst i textbox

Hej.

Jeg leder efter et stykke kode som kan markere noget tekst i en textbox. Normalt ville det jo være nemt nok med select() og focus(), men i dette tilfælde vil jeg kun markere en bestemt del af indholdet i tekstboksen. Hvis der f.eks. står 'hejmor' vil jeg KUN have 'mor' markeret.... Hvordan?

/Mattias
Avatar billede jakoba Nybegynder
03. juli 2002 - 15:46 #1
søg på  "html editing component"
Avatar billede yellow Nybegynder
03. juli 2002 - 18:06 #2
Du skal have fat i textrange objectet
http://www.course.com/downloads/newperspectives/crweb2/dhtml/DHTML02.html

eksempel:

<html>
<head>
<script language=javascript1.2>
function findMor( myElement ){
  range = myElement.createTextRange();
  range.findText('mor');
  range.select();
}
</script>
</head>
<body>
<textarea name='myTextArea'>blablablabla bla hejmor blabla</textarea>
<input type=button value='Find Mor!' onclick='findMor( document.all.myTextArea );'>
</body>
</html>
Avatar billede madd Nybegynder
03. juli 2002 - 19:00 #3
Det virker jo glimrende. Er der så en måde hvorpå du kan få den til at markere texten fra tegn7 til tegn12 f.eks. ?
Avatar billede yellow Nybegynder
03. juli 2002 - 19:37 #4
Jada :-)

<html>
<head>
<script language=javascript1.2>
function findMor( myElement ){
  range = myElement.createTextRange();
  range.collapse( true );
  range.moveEnd('character', 12);
  range.moveStart('character', 7);
  range.select();
}
</script>
</head>
<body>
<textarea name='myTextArea'>blablablabla bla hejmor blabla</textarea>
<input type=button value='Find Mor!' onclick='findMor( document.all.myTextArea );'>
</body>
</html>

Metoderne på range objectet står i på den side jeg linkede til i den anden post.
Avatar billede madd Nybegynder
21. oktober 2002 - 18:15 #5
yellow, svar hvis du vil have points :)
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