Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Scrolling Text Boxes

Options
  • 14-08-2001 11:06am
    #1
    FreaK_BrutheR
    Closed Accounts Posts: 936 ✭✭✭


    Can someone explain the basics of getting a scrolling text area onto a page. For example i want 300 lines of text to be scrollable, not editable and formatted into sections with different bg colours for each section and diff fonts etc too all withion that scrollable area. Any help greatlt appreciated.
    _ _ _ _ _________ _ _ _ _
    <A HREF="http://homepage.eircom.net/~cullenm&quot; TARGET=_blank>
    sig.jpg
    </A>
    http://run.to/pile


Comments

  • Options
    #2
    b20uvkft6m5xwg
    Closed Accounts Posts: 2,695 ✭✭✭b20uvkft6m5xwg


    http://www.virtualgeoff.com/dumpster/index.html

    Half way down the page- go to the scrolling layers link. The layer is totally customisable w/ whatever code you want!!
    80p.
    SAVE CHIP !!


  • Options
    #3
    b20uvkft6m5xwg
    Closed Accounts Posts: 2,695 ✭✭✭b20uvkft6m5xwg


    wink.gif

    Any more probs, just post again. Theres loads of shit you can with scrolling layers!
    80p.
    SAVE CHIP !!

    [This message has been edited by 80project.com (edited 14-08-2001).]


  • Options
    #4
    FreaK_BrutheR
    Closed Accounts Posts: 936 ✭✭✭FreaK_BrutheR 


    &lt;html&gt;
&lt;head&gt;
&lt;title&gt;Dhtml Dumpster - Simple Scroll&lt;/title&gt;
&lt;style type="text/css"&gt;
.inner	{position:absolute; z-index:20; left:0; top:0; width:260; font-size:10pt; font-family:verdana; background-color: orange; layer-background-color: orange;}
&lt;/style&gt;
&lt;script language="JavaScript" src="../scripts/scrolling.js"&gt;&lt;/script&gt;
&lt;script language="JavaScript"&gt;

function scrollInit(){
    scroller1 = new makeScrollObj('scroller1','content1','clip1');
}

&lt;/script&gt;
&lt;/head&gt;

&lt;body onload="scrollInit()"&gt;

&lt;div id="clip1" style="position:absolute; z-index:3; left:100; top:100; width:260; height:175; clip:rect(0,260,175,0);"&gt;
   &lt;div id="content1" class="inner"&gt;
		&lt;p&gt;&lt;b&gt;1:&lt;/b&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc. Irure dolor in reprehend incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse molestaie cillum. Tia non ob ea soluad incommod quae egen ium improb fugiend. Officia deserunt mollit anim id est laborum Et harumd dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioque civiuda et tam. Neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam is nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent. &lt;/p&gt;
		&lt;p&gt;&lt;b&gt;2:&lt;/b&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc. Irure dolor in reprehend incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse molestaie cillum. Tia non ob ea soluad incommod quae egen ium improb fugiend. Officia deserunt mollit anim id est laborum Et harumd dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioque civiuda et tam. Neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam is nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent. &lt;/p&gt;
		&lt;p&gt;&lt;b&gt;3:&lt;/b&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc. Irure dolor in reprehend incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse molestaie cillum. Tia non ob ea soluad incommod quae egen ium improb fugiend. Officia deserunt mollit anim id est laborum Et harumd dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioque civiuda et tam. Neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam is nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent. &lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div id="up1" style="position:absolute; z-index:4; left:380; top:250; width:11; height:9;"&gt;&lt;a href="#" onMouseOver="scroll(scroller1,5)" onMouseOut="noScroll(scroller1)"&gt;&lt;img src="images/up.gif" width="11" height="9" border="0" alt=""&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div id="down1" style="position:absolute; z-index:5; left:380; top:265; width:11; height:9;"&gt;&lt;a href="#" onMouseOver="scroll(scroller1,-5)" onMouseOut="noScroll(scroller1)"&gt;&lt;img src="images/down.gif" width="11" height="9" border="0" alt=""&gt;&lt;/a&gt;&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

    this is returning an error that scroller1 is undefined and not working when i save the source and run again. i dled the scrolling.js script from the site an all too like. i dunno. help?
    _ _ _ _ _________ _ _ _ _
    <A HREF="http://homepage.eircom.net/~cullenm&quot; TARGET=_blank>
    sig.jpg
    </A>
    http://run.to/pile


  • Options
    #5
    FreaK_BrutheR
    Closed Accounts Posts: 936 ✭✭✭FreaK_BrutheR


    oops. i did a save as on the page and the code was alot different. works now cheers

    _ _ _ _ _________ _ _ _ _
    <A HREF="http://homepage.eircom.net/~cullenm&quot; TARGET=_blank>
    sig.jpg
    </A>
    http://run.to/pile


  • Options
    #6
    FreaK_BrutheR
    Closed Accounts Posts: 936 ✭✭✭FreaK_BrutheR


    Your a flookin star. good man!

    _ _ _ _ _________ _ _ _ _
    <A HREF="http://homepage.eircom.net/~cullenm&quot; TARGET=_blank>
    sig.jpg
    </A>
    http://run.to/pile


  • Advertisement
Advertisement