Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry scrollable content

    Been looking online for a scrollable-content code, and usually found stuff like this or this .

    I need SC code like the first link , but without the horizontal scroll included (or at least not visible on the page)...

    Anyone? Please? Help?

    =(O.o)=

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    London
    Posts
    220
    Thanks
    0
    Thanked 0 Times in 0 Posts
    try this:

    <div id="cdiv" style="OVERFLOW-Y: auto; WIDTH: 92%; HEIGHT: 250px" >
    <div align="left">

    Insert text here

    <div>
    </div>

    and change the width and height as required.
    An example is shown at my site

    Mxx
    "Imagination is more important than knowledge" A. Einstein's 'Twin Paradox'

  • #3
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the help, this is exactly what i've been looking for.


  • #4
    New Coder
    Join Date
    Jun 2002
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Is there a way to create a link, and have the page/picture appear within the content box?

    Any help will be appreciated.

    thanks!!

    dan
    dan

  • #5
    New Coder
    Join Date
    Jun 2002
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Is there a way to create a link, and have the page/picture appear within the content box?

    Any help will be appreciated.

    thanks!!

    dan
    dan

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Location
    The Netherlands
    Posts
    217
    Thanks
    0
    Thanked 0 Times in 0 Posts
    <div id="cdiv" style="OVERFLOW-Y: auto; WIDTH: 92%; HEIGHT: 250px" >
    <div align="left" id="blah">

    Insert text here

    </div>
    </div>
    <a href="javascript:ChangeContent()">Change it!</a>
    <script>
    function ChangeContent(){
    var x=document.getElementById("blah");
    x.innerHTML="text and images <img src=\"test.gif\">";
    }
    </script>

  • #7
    New Coder
    Join Date
    Jun 2002
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That worked!!

    thank you very much!!
    dan

  • #8
    New Coder
    Join Date
    Jul 2002
    Location
    Florida, USA
    Posts
    96
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I was reading this topic and this sounded like the perfect solution to a problem I was experiencing, however, I ran into a brain freeze trying to expand on it.

    I added the script as you stated and added a $content1 and $content2 variables to it that would contain the 'home page' content like so:

    <script>
    $content[1] = "This is a test.";
    $content[2] = "This is another test.";
    function ChangeContent(type){
    var x=document.getElementById("mainContent");
    x.innerHTML=$content[type];
    }
    </script>

    <a href="javascript:ChangeContent(2);"
    onMouseover="window.status='Return to the Main Page';return true">Home</a><br>

    How would I pass the proper $content[Number] to the script? I'm guessing I'm not using the arrays right, but not sure.

    Thanks in advance!

  • #9
    New Coder
    Join Date
    Jul 2002
    Location
    Florida, USA
    Posts
    96
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nevermind, this post should be followed by a big *Duh!*


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •