Scrolling

[K.]

Hi!

I have such code:

<textarea name="text_fiel d">very long text</textarea>

I have filled in the value of textarea field. This value is a very long
string.
I would like to scroll this textarea field into the end.

Would you like to help me how to do that?

Thank you in advance
M. from Poland

[Andrew C]

"K." <ha************ @poczta.onet.pl wrote in message
news:ej******** **@news.onet.pl ...

Hi!

I have such code:

<textarea name="text_fiel d">very long text</textarea>

I have filled in the value of textarea field. This value is a very long
string.
I would like to scroll this textarea field into the end.

<script ...>
var longStringEleme nt = getElementById( "longString ");
....

// Whenever you want the textarea to be scrolled to the bottom, do this:
longStringEleme nt.scrollTop = longStringEleme nt.scrollHeight ;
</script>
....
<textarea id="longString" ...... </textarea>

A.

[K.]

U¿ytkownik "Andrew C" <no******@total ly.made.upnapis a³ w wiadomo¶ci
news:SG******** **********@news fe1-gui.ntli.net...

>
"K." <ha************ @poczta.onet.pl wrote in message
news:ej******** **@news.onet.pl ...

>Hi!

I have such code:

<textarea name="text_fiel d">very long text</textarea>

I have filled in the value of textarea field. This value is a very long
string.
I would like to scroll this textarea field into the end.

<script ...>
var longStringEleme nt = getElementById( "longString ");
...

// Whenever you want the textarea to be scrolled to the bottom, do this:
longStringEleme nt.scrollTop = longStringEleme nt.scrollHeight ;
</script>
...
<textarea id="longString" ...... </textarea>

A.

Hi again!

Unfortunately this example doesn`t work on IE.
I have created such code:

<script language=JavaSc ript>

var biografiaElemen t = document.getEle mentById("biogr afia");
var utworyElement = document.getEle mentById("utwor y");

alert(biografia Element.scrollH eight);

biografiaElemen t.scrollTop = biografiaElemen t.scrollHeight;
utworyElement.s crollTop = utworyElement.s crollHeight;
</script>

Alert gives me 0 height and I don`t know why...

Please help me.
Thank you in advance
Marcin

[Andrew C]

"K." <ha************ @poczta.onet.pl wrote in message
news:ej******** **@news.onet.pl ...

>
U¿ytkownik "Andrew C" <no******@total ly.made.upnapis a³ w wiadomo¶ci
news:SG******** **********@news fe1-gui.ntli.net...

>>
"K." <ha************ @poczta.onet.pl wrote in message
news:ej******* ***@news.onet.p l...

>>Hi!

I have such code:

<textarea name="text_fiel d">very long text</textarea>

I have filled in the value of textarea field. This value is a very long
string.
I would like to scroll this textarea field into the end.

<script ...>
var longStringEleme nt = getElementById( "longString ");
...

// Whenever you want the textarea to be scrolled to the bottom, do this:
longStringElem ent.scrollTop = longStringEleme nt.scrollHeight ;
</script>
...
<textarea id="longString" ...... </textarea>

A.

Hi again!

Unfortunately this example doesn`t work on IE.
I have created such code:

<script language=JavaSc ript>

var biografiaElemen t = document.getEle mentById("biogr afia");
var utworyElement = document.getEle mentById("utwor y");

alert(biografia Element.scrollH eight);

biografiaElemen t.scrollTop = biografiaElemen t.scrollHeight;
utworyElement.s crollTop = utworyElement.s crollHeight;
</script>

Alert gives me 0 height and I don`t know why...

Please help me.
Thank you in advance
Marcin

Try:

<textarea id="biografia" readonly="true" ...>
....
</textarea>

A.

[K.]

U¿ytkownik "Andrew C" <no******@total ly.made.upnapis a³ w wiadomo¶ci
news:Pl******** ***********@new sfe2-gui.ntli.net...

>
"K." <ha************ @poczta.onet.pl wrote in message
news:ej******** **@news.onet.pl ...

>>
U¿ytkownik "Andrew C" <no******@total ly.made.upnapis a³ w wiadomo¶ci
news:SG******* ***********@new sfe1-gui.ntli.net...

>>>
"K." <ha************ @poczta.onet.pl wrote in message
news:ej****** ****@news.onet. pl...
Hi!

I have such code:

<textarea name="text_fiel d">very long text</textarea>

I have filled in the value of textarea field. This value is a very long
string.
I would like to scroll this textarea field into the end.

<script ...>
var longStringEleme nt = getElementById( "longString ");
...

// Whenever you want the textarea to be scrolled to the bottom, do this:
longStringEle ment.scrollTop = longStringEleme nt.scrollHeight ;
</script>
...
<textarea id="longString" ...... </textarea>

A.

Hi again!

Unfortunatel y this example doesn`t work on IE.
I have created such code:

<script language=JavaSc ript>

var biografiaElemen t = document.getEle mentById("biogr afia");
var utworyElement = document.getEle mentById("utwor y");

alert(biografi aElement.scroll Height);

biografiaElemen t.scrollTop = biografiaElemen t.scrollHeight;
utworyElement.s crollTop = utworyElement.s crollHeight;
</script>

Alert gives me 0 height and I don`t know why...

Please help me.
Thank you in advance
Marcin

Try:

<textarea id="biografia" readonly="true" ...>
...
</textarea>

A.

Unfortunately this example doesn`t give me a solution I would like to have.
I would like to have textarea element with updating possibilites.

I tried

var elem=document.g etElementById(" biografia");

if(elem)
{
elem.focus();
MoveToEnd(elem) ;
elem.focus();
}

but also without results.
I use IE 6.0.

Please help me, I cannot find any properly-working solution in post
archieves
Thank you Andrew for helping
Marcin

[Andrew C]

"K." <ha************ @poczta.onet.pl wrote in message
news:ej******** **@news.onet.pl ...

>
U¿ytkownik "Andrew C" <no******@total ly.made.upnapis a³ w wiadomo¶ci
news:Pl******** ***********@new sfe2-gui.ntli.net...

>>
"K." <ha************ @poczta.onet.pl wrote in message
news:ej******* ***@news.onet.p l...

>>>
U¿ytkownik "Andrew C" <no******@total ly.made.upnapis a³ w wiadomo¶ci
news:SG****** ************@ne wsfe1-gui.ntli.net...

"K." <ha************ @poczta.onet.pl wrote in message
news:ej***** *****@news.onet .pl...
Hi!
>
I have such code:
>
<textarea name="text_fiel d">very long text</textarea>
>
I have filled in the value of textarea field. This value is a very
long string.
I would like to scroll this textarea field into the end.

<script ...>
var longStringEleme nt = getElementById( "longString ");
...

// Whenever you want the textarea to be scrolled to the bottom, do
this:
longStringEl ement.scrollTop = longStringEleme nt.scrollHeight ;
</script>
...
<textarea id="longString" ...... </textarea>

A.


Hi again!

Unfortunate ly this example doesn`t work on IE.
I have created such code:

<script language=JavaSc ript>

var biografiaElemen t = document.getEle mentById("biogr afia");
var utworyElement = document.getEle mentById("utwor y");

alert(biograf iaElement.scrol lHeight);

biografiaElemen t.scrollTop = biografiaElemen t.scrollHeight;
utworyElement.s crollTop = utworyElement.s crollHeight;
</script>

Alert gives me 0 height and I don`t know why...

Please help me.
Thank you in advance
Marcin

Try:

<textarea id="biografia" readonly="true" ...>
...
</textarea>

A.

Unfortunately this example doesn`t give me a solution I would like to
have.
I would like to have textarea element with updating possibilites.

I tried

var elem=document.g etElementById(" biografia");

if(elem)
{
elem.focus();
MoveToEnd(elem) ;
elem.focus();
}

but also without results.
I use IE 6.0.

Please help me, I cannot find any properly-working solution in post
archieves
Thank you Andrew for helping
Marcin

If you need to add content to the textarea programmaticall y, readonly won't
stop you, but it does seem to allow the '...scrollTop = ...scrollHeight '
trick to work in IE -- at least it did in IE7 for me.

Only if you need for the user to add content via the keyboard will readonly
cause you difficulties. Even then, one work-around may be to switch readonly
off and on at different times (e.g. set readonly to true briefly when you
add content programmaticall y and need to auto-scroll to the bottom).

Does this help?

A.