Avatar billede vraa Nybegynder
17. november 2004 - 11:25 Der er 5 kommentarer og
1 løsning

focus i enden af tekstfelt

Jeg har følgende felt:

<input name="url" type="text" value="http://">

Hvordan får jeg focus på dette felt til at være i enden så markøren står efter "http://" ?
Avatar billede skovenborg Nybegynder
17. november 2004 - 15:52 #1
har du prøvet focus():
<body onload="document.form1.url.focus();">
<form name="form1">
<input type="text" name="url" value="http://" />
</form>
</body>
Normalt (skal ikke kunne sige om det gælder alle browserne) set focus()-methoden fokuset på textboksen og dermed flytter markøren hen i enden.
Avatar billede olebole Juniormester
17. november 2004 - 16:19 #2
<ole>

Nope ... det er et tilbagevendende problem. Dette her 'hacker' sig nogenlunde ud af de forskellige browsere:

<script type="text/JavaScript">
function moveCaretEnd(fieldID) {
    var field = document.getElementById(fieldID)
    if (field.createTextRange) {
        var r = field.createTextRange();
        r.moveStart('character', field.value.length);
        r.collapse();
        r.select();
    }
    else {
        field.select();
        field.value += " ";
        field.value = field.value.substr(0, field.value.length-1);
        field.focus();
    }
}
</script>

<form>
<input id="ib" type="text" value="En eller anden tekst">
<button onclick="moveCaretEnd('ib');return false">TEST 1</button>
</form>

... måske ikke så køn - but it does the job  ;o)

/mvh
</bole>
Avatar billede skovenborg Nybegynder
17. november 2004 - 16:26 #3
tænkte nok det ikke ville virke i alle browsere blot med focus() - men testede det kun lige hurtigt af i mozilla bare for at se hvordan den virkede. Spørgsmålet er hvor vigtigt det så er at have cursoren præcis ved enden og om det ikke bare kunne være nok at bruge select() og focus().
Avatar billede olebole Juniormester
17. november 2004 - 16:30 #4
Det sidste er ikke nok - og det kan være temmelig vigtigt. At sætte cursoren i begyndelsen af et felt, der er skrevet i, er ikke videre brugervenligt eller elegant  :)
Avatar billede vraa Nybegynder
17. november 2004 - 17:47 #5
olebole>> Perfekt :-) Læg lige et svar.
Avatar billede olebole Juniormester
17. november 2004 - 17:59 #6
swar  :)
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