moving the cursor to the end of a textboxes text

[mr_burns]

Hi there,

I am using the following code to enter text into text box when it is
empty:

<input name="txt_url" type="text" class="form_text_300" id="txt_url"
onClick="if(this.value == ''){this.value = 'http://';}">

it works fine but when it enters the text - 'http://' - the cursor
jumps back to the start of the line in the text box. How do I then
make the cursor be placed at the end of the text. For example:

http://
here------------------'

http://
and not-------'

Cheers

Burnsy

 

[Daniel Kirsch]

How do I then
make the cursor be placed at the end of the text.

Some helpfull functions:

function setSelectedTextRange(elm, selectionStart, selectionEnd) {
if (elm.setSelectionRange) {
elm.focus();
elm.setSelectionRange(selectionStart, selectionEnd);
}
else if (elm.createTextRange) {
var range = elm.createTextRange();
range.collapse(true);
range.moveEnd('character', selectionEnd);
range.moveStart('character', selectionStart);
range.select();
}
}
function setCaretToEnd (elm) {
setSelectedTextRange(elm, elm.value.length, elm.value.length);
}
function setCaretToStart (elm) {
setSelectedTextRange(elm, 0, 0);
}
function setCaretToPos (elm, pos) {
setSelectedTextRange(elm, pos, pos);
}


Use it like this:
var iField = document.getElementById("inputfield");
iField.value = "foobar";
setCaretToPos(iField,3);
//or
setCaretToEnd(iField);

Or in your case:
<input name="txt_url" type="text" class="form_text_300" id="txt_url"
onClick="if(this.value == ''){this.value = 'http://';setCaretToEnd(this);}">

Daniel

 

[Julian Turner]

Hi there,

I am using the following code to enter text into text box when it is
empty:

<input name="txt_url" type="text" class="form_text_300" id="txt_url"
onClick="if(this.value == ''){this.value = 'http://';}">

it works fine but when it enters the text - 'http://' - the cursor
jumps back to the start of the line in the text box. How do I then
make the cursor be placed at the end of the text. For example:

http://
here------------------'

http://
and not-------'

Cheers

Burnsy

Try:-

IE

var rRange=document.body.createTextRange();
rRange.moveToElementText("txt_url");
rRange.collapse(false);
rRange.select();

Mozilla

var nLength=txt_url.value.length;
txt_url.focus();
txt_url.setSelectionRange(nLength,nLength);


Julian