Log in

View Full Version : What are the "scrolling areas" called????


Chuck1966
10-03-2006, 07:16 AM
What are the "scrolling areas" really called????

By scrolling areas I mean e.g. the areas (below "select all") which contain the code for the various dynamic effects on most pages of this site.

Can these be created in FrontPage 2003 and/or do they need a DHTML script themselves?
ddadmin
10-03-2006, 07:45 AM
If I understood correctly, they're simply <textarea> elements. For example:


<form>
<textarea style="width: 400px; height: 200px; border: 1px solid black">
Some code
Some code
</textarea>
</form>

Edit: Thx for the reminder.
djr33
10-03-2006, 08:34 AM
Forgot the </textarea> tag ;)

<textarea>.........</textarea>

Also, if you want to control it by cols/rows, you can do that too, instead of style:
<textarea cols="50" rows="10"> (that should be something close to square, since rows are larger than columns)
Chuck1966
10-03-2006, 08:46 AM
Thanks for your very prompt reply. It is not just for text - I'm trying to achieve something similar to http://realworldrecords.com/features/

Is that a different scenario?
djr33
10-03-2006, 08:49 AM
Ah.
iframes.

Frames are set by a frameset on the page and must fill the entire page... so... must be a grid, the entire size of the window.
But that's annoying.
So along came iframes= inline frames.

<iframe src="theotheurl.htm" width="200" height="100">Text here to display for those people who don't have frames, like "Please get a browser with frames."</iframe>

Easy.

However, they're not particularly compatible, so don't use them unless you need to.

There are ways, though a bit complex, to use a div (<div></div>) tag to mimic that, but within a page, so that's likely the better option than an iframe for compatiblity unless you do need an outside page in there.
Chuck1966
10-03-2006, 10:54 AM
<iframe src="theotheurl.htm" width="200" height="100">Text here to display for those people who don't have frames, like "Please get a browser with frames."</iframe>



So I simply create another page which the above code uses to put in the scrollable window (iframe)?
djr33
10-03-2006, 10:57 AM
Correct.
That's it.

src, source... like for an image tag.
Chuck1966
10-03-2006, 11:44 AM
Thanks - I'll now try and put it into practice!
Chuck1966
10-04-2006, 08:57 AM
So, first attempt ends up like this:
http://www.brunocavellec.com/Exhibitions.htm

Okay, but aesthetically it would look better to remove the white iframe border (or make it black) and have the scroll bar touching the right hand edge of the table. The scroll bar also need to be changed to match a colour (rust/mustard) of the rest of the design.
I can't see how to work into the iframe to define these things (using FrontPage2003). Can it be done!?

Maybe I should move this to a FrontPage forum!?!
Chuck1966
10-04-2006, 09:13 AM
Right - sorry ignore most of the last posts'problems.
Just the colour of the scroll bar to change!
djr33
10-04-2006, 09:33 AM
Can only be done in Internet Explorer. Other browsers don't support it. It won't hurt to add, though, and those with IE will see those colors.
Just google "scrollbar color css" and something should come up.
BLiZZaRD
10-04-2006, 10:17 AM
<HEAD>
<style>
body {
scrollbar-base-color: #000F99;
scrollbar-arrow-color: #1400CC;
scrollbar-3dlight-color: #B22000;
scrollbar-darkshadow-color: #077700;
scrollbar-face-color: #009E37;
scrollbar-highlight-color: #0027AA;
scrollbar-shadow-color: #E8E400;
scrollbar-track-color: #005CC6;
}
</style>
</HEAD>


Just change the above HEX codes with your HEX codes. Far as I recall though this is only supported in IE5... might have been adapted to the Gecko based browsers by now though, haven't done this since '03 :)