milov.nl: forum

milov.nl : forum : coding : 'automatic scrolling area'

automatic scrolling area	pro.hu,arpa,dave, 050906 11:32
I would know, how can I make in my html an automatic scrolling text-area, that is scrolling vertically and not horizontally. Sorry, but I have some problem with English. Thanks.
dsl51B61360.pool.t-online.hu

Re: automatic scrolling area	Calm_Pear, 050906 12:36
I�m not entirely sure if you want a textarea to scroll but here�s some code that does this. (There are a ton of scripts on the Internets that will scroll div elements though) <code> <html> <head> <title></title> <script language="javascript" type="text/javascript"> //<![CDATA[ <!-- var iTimer; function timeIt(){ iTimer = setInterval("scrollIt()", 50); } function scrollIt(){ document.getElementById("textarea1").scrollTop += 1; /* replace scrollTop to scrollLeft to change direction */ } //--> //]]> </script> </head> <body onload="timeIt()"> <textarea style="overflow: hidden" rows="1" cols="20" id="textarea1" name="textarea1" wrap="hard">Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem.</textarea> </body> </html> </code> PS only tested on IE6 and Firefox
h103091.upc-h.chello.nl

Re: automatic scrolling area

Calm_Pear, 050906 12:36

I�m not entirely sure if you want a textarea to scroll but here�s some code that does this. (There are a ton of scripts on the Internets that will scroll div elements though)

<code>
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
//<![CDATA[

//]]>
</script>
</head>
<body onload="timeIt()">

<textarea style="overflow: hidden" rows="1" cols="20" id="textarea1" name="textarea1" wrap="hard">Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem.</textarea>

</body>
</html>
</code>

PS only tested on IE6 and Firefox

h103091.upc-h.chello.nl

Re: automatic scrolling area	Calm_Pear, 050906 12:37
yay... let's try that again shall we... <html> <head> <title></title> <script language="javascript" type="text/javascript"> //<![CDATA[ <!-- var iTimer; function timeIt(){ iTimer = setInterval("scrollIt()", 50); } function scrollIt(){ document.getElementById("textarea1").scrollTop += 1; /* replace scrollTop to scrollLeft to change direction */ } //--> //]]> </script> </head> <body onload="timeIt()"> <textarea style="overflow: hidden" rows="1" cols="20" id="textarea1" name="textarea1" wrap="hard">Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem.</textarea> </body> </html>
h103091.upc-h.chello.nl

Re: automatic scrolling area

Calm_Pear, 050906 12:37

yay... let's try that again shall we...



<html>

<head>

<title></title>

<script language="javascript" type="text/javascript">

//<![CDATA[

<!--

var iTimer;

function timeIt(){

	iTimer = setInterval("scrollIt()", 50);

}

function scrollIt(){

	document.getElementById("textarea1").scrollTop += 1;

	/* replace scrollTop to scrollLeft to change direction */

}

//-->

//]]>

</script>

</head>

<body onload="timeIt()">



<textarea style="overflow: hidden" rows="1" cols="20" id="textarea1" name="textarea1" wrap="hard">Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem.</textarea>



</body>

</html>

h103091.upc-h.chello.nl

Re: automatic scrolling area	Calm_Pear, 050906 12:44
And another note, if you want it to scroll horizontally you should not only change scrollTop to scrollLeft but also change wrap="hard" into wrap="off"
h103091.upc-h.chello.nl

Re: automatic scrolling area	pro.hu,arpa,dave, 050908 14:53
Thanks very! I will try it. I have an other question. I made a website. It was a reference to a job. But they say, that is not good, because it is very wrong. I would ask you to say a critique about it, about the structure, about the design... The content is in Hungarian, so with it you can some problem, but the structure and design is visible. The terms were: -no flash, -use the pictures, what they give, -html and css Please, help me, what's the problem with my work... Thanks very well!!! On the open-window you can see 3 links. the 1st and 2nd is my work in 2 variant. You can see it here: http://web.axelero.hu/bimbo10 Thanks very well!!!
dsl51B66311.pool.t-online.hu

Re: automatic scrolling area

pro.hu,arpa,dave, 050908 14:53

Thanks very! I will try it.

I have an other question.

I made a website. It was a reference to a job. But they say, that is not good, because it is very wrong. I would ask you to say a critique about it, about the structure, about the design...
The content is in Hungarian, so with it you can some problem, but the structure and design is visible.
The terms were:
-no flash,
-use the pictures, what they give,
-html and css
Please, help me, what's the problem with my work...
Thanks very well!!!
On the open-window you can see 3 links.
the 1st and 2nd is my work in 2 variant.
You can see it here:
http://web.axelero.hu/bimbo10
Thanks very well!!!

dsl51B66311.pool.t-online.hu

Re: automatic scrolling area	Milo, 050908 15:25
Hard to say without knowing what the requirements for the site were... But they look like perfectly adequate boring shop designs, except for the padding and letter-spacing being a little funky.
81.23.239.48

Re: automatic scrolling area	pro.hu,arpa,dave, 050908 15:40
Thanks! The requirements were: It is a fictious Commercial (70%) and provider(30%) Hardware Ltd. The site most reflect this ratio. They don't need flash objects. They give some pictures, and the content... "perfectly adequate boring shop designs, except for the padding and letter-spacing being a little funky" is same to wrong? I think, I will not a good webdesigner. Perhaps I need find an other specialization. If we make conversation, can we make it in german language? I have a little bit more practise in german... Thanks
dsl51B66311.pool.t-online.hu

Re: automatic scrolling area

pro.hu,arpa,dave, 050908 15:40

Thanks!
The requirements were: It is a fictious Commercial (70%) and provider(30%) Hardware Ltd. The site most reflect this ratio.
They don't need flash objects. They give some pictures, and the content...

"perfectly adequate boring shop designs, except for the padding and letter-spacing being a little funky" is same to wrong?

I think, I will not a good webdesigner. Perhaps I need find an other specialization.

If we make conversation, can we make it in german language? I have a little bit more practise in german...

Thanks

dsl51B66311.pool.t-online.hu

Re: automatic scrolling area	Calm_Pear, 050908 23:39
Hi Dave, My German really sucks in writing but I can read German so go ahead, I�ll be replying in English though. I am no designer myself, all I do is programming and I have folks that do the design for me. (Hence the crappy design I made for my own website) I don�t know why your design should be bad, I like it, also the html is very clean (compare that with the source of my website and the differences should be obvious, although it is a design created for older browsers). Could you tell us more why �they� told you your design is bad? Because �it is no good and very wrong� sounds to me that they themselves do not know a good design from a bad one.
h103091.upc-h.chello.nl

Re: automatic scrolling area

Calm_Pear, 050908 23:39

Hi Dave,

My German really sucks in writing but I can read German so go ahead, I�ll be replying in English though. I am no designer myself, all I do is programming and I have folks that do the design for me. (Hence the crappy design I made for my own website)
I don�t know why your design should be bad, I like it, also the html is very clean (compare that with the source of my website and the differences should be obvious, although it is a design created for older browsers). Could you tell us more why �they� told you your design is bad? Because �it is no good and very wrong� sounds to me that they themselves do not know a good design from a bad one.

h103091.upc-h.chello.nl

Re: automatic scrolling area	pro.hu,arpa,dave, 050909 18:48
Thanks.
dsl51B66C1F.pool.t-online.hu

Pages: 1