Advanced Search

Results 1 to 2 of 2

Thread: Scroll java mouseover <div> visible / hidden ?

  1. #1
    Join Date
    Mar 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Scroll java mouseover <div> visible / hidden ?

    Hi,

    First time user on Dynamic Forums.. Hi !
    I thrown in the towel now... I give up..
    Hope i posting this right...

    starting out, having mouseover to scroll text up and down.
    But i didn't find exactly was I was looking for. So i did try this script.
    after XX hours I give up. I need help. And all I wanted was simpel script.

    test site now is...
    http://www.kreativit.se/temp/cleantest.html

    First, all text is layor over each self ? 1x4
    I have to click them away..

    Then I start to scroll the text continuing rolling over my topic.
    I have tried to hidden but nothing works.. (click page 2, and scroll up)

    Thanks any help in advance !

    Blurra, the noob...

    Ps. Don't try to use MX in vista.. it crashing all the time.
    Perhaps someone have a easier script ?





    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

    <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
    <!-- TemplateBeginEditable name="doctitle" -->
    <TITLE>help......</TITLE>
    <!-- TemplateEndEditable -->
    <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
    <LINK href="css/styleinstall.css" type=text/css rel=stylesheet>
    <META content="MSHTML 6.00.5730.11" name=GENERATOR>
    <style type="text/css">
    <!--
    body {
    background-image: url(bilder/right_scan.gif);
    background-repeat: repeat;
    }
    #Layer1 {
    position:absolute;
    left:250px;
    top:167px;
    width:284px;
    height:165px;
    z-index:1;
    }
    .style1 {
    color: #000000;
    background-color: #ADAAAD;
    }
    .style3 {
    font-size: 12;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    }
    -->
    <style type="text/css">
    #divControl{position:absolute; width:250; font-family:arial; left:120; top:190; font-size:10pt; visibility:hidden}
    #divCont{
    position:relative;
    clip:rect(auto,auto,auto,auto);
    height:150;
    width:600px;
    visibility: visible;
    z-index: auto;
    }
    .clScroll{
    position:absolute;
    top:0;
    font-size:10pt;
    left:0;
    font-family:arial;
    overflow: hidden;
    }

    </style>
    <script type="text/javascript" language="JavaScript">
    /********************************************************************************
    Copyright (C) 1999 Thomas Brattli
    This script is made by and copyrighted to Thomas Brattli at www.bratta.com
    Visit for more great scripts. This may be used freely as long as this msg is intact!
    I will also appriciate any links you could give me.
    ********************************************************************************/
    //Default browsercheck, added to all scripts!
    function checkBrowser(){
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
    }
    bw=new checkBrowser()
    /*********************************************************************************
    These are the variables you have to set:
    *********************************************************************************/


    //The speed of the timeout between each scroll.
    timSpeed=50

    //The height of the container (change this when it scrolls to much or to little)
    contHeight=100

    /*********************************************************************************
    This is the object constructor function, which applies
    methods and properties to the Cross-browser layer object
    *********************************************************************************/
    function makeScrollObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
    this.height=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.top=b_gettop
    return this
    }
    //Getting the top for the top method
    function b_gettop(){
    var gleft=(bw.ns4 || bw.ns5) ? eval(this.css.top):eval(this.css.pixelTop);
    return gleft;
    }
    //Variables
    var scrollTim;
    var active=0;
    /*********************************************************************************
    The scroll function. Checks what way to scroll and checks if the
    layer is not already on top or bottom.
    *********************************************************************************/
    function scroll(speed){
    clearTimeout(scrollTim)
    way=speed>0?1:0
    if((!way && oScroll[active].top()>-oScroll[active].height+contHeight) || (oScroll[active].top()<0 && way)){
    oScroll[active].css.top=oScroll[active].top()+speed
    scrollTim=setTimeout("scroll("+speed+")",timSpeed)
    }
    }
    //Clears the timeout so the scroll stops, this is called onmouseout.
    function noScroll(){
    clearTimeout(scrollTim)
    }
    /*********************************************************************************
    Changes the active layer. Hides the one that's visible and
    shows the "new" one. Also set's the new layers top to
    0 so it starts at top.
    *********************************************************************************/
    function changeActive(num){
    oScroll[active].css.visibility='hidden'
    active=num
    oScroll[active].css.top=0
    oScroll[active].css.visibility='visible'
    }
    /*********************************************************************************
    Initilizes the page, makes a oScroll Array and calls the object constructor.
    Here you can add as many scrollObjects as you want
    *********************************************************************************/
    function scrollInit(){
    oScroll=new Array()
    oScroll[0]=new makeScrollObj('divScroll1','divCont')
    oScroll[1]=new makeScrollObj('divScroll2','divCont')
    oScroll[2]=new makeScrollObj('divScroll3','divCont')
    oScroll[3]=new makeScrollObj('divScroll4','divCont')
    oScroll[0].css.visibility='visible'
    oControl=new makeScrollObj('divControl')
    oControl.css.visibility='visible'
    }
    /*********************************************************************************
    Executes the scrollInit function on pageload.
    *********************************************************************************/
    onload=scrollInit;
    </script>

    </style>
    </HEAD>
    <DIV id=container>
    <div class="top" id="top"> Help ! </div>
    <div class="right" id="header"><strong><a href="index.html" class="style1">INDEX</a> | <a href="foretaget.html" class="style1">FoRETAGET</a> | <a href="tjanster.html" class="style1">TJaNSTER</a> | <a href="referenser.html" class="style1">REFERENSER</a> | <a href="historik.html" class="style1">HISTORIK</a> | <a href="kontakt.html">KONTAKT</a><br>
    <a href="tjanstinstall.html">INSTALLATIONER</a> | <a href="tjansteven.html">EVENEMANG</a></strong><br>
    </div>
    <div class="MITTEN">
    <div id="divControl">
    <div align="right"><a href="#" onclick="changeActive(0)">Page 1</a>
    <a href="#" onclick="changeActive(1)">Page 2</a>
    <a href="#" onclick="changeActive(2)">Page 3</a>
    <a href="#" onclick="changeActive(3)">Page 4</a>
    <br>
    <br>
    <a href="#" onmouseover="scroll(5)" onmouseout="noScroll()">up</a>
    <a href="#" onmouseover="scroll(-5)" onmouseout="noScroll()">down</a>
    </div>
    </div>
    <div id="divCont">
    <div id="divScroll1" class="clScroll">
    This is "page" 1, here you place some content.
    You should place more content then this
    or it won't scroll..blablablabl<br>
    <br>text text dummy texttext text dummy texttext text dummy text<br>
    <br>text text dummy text text text dummy text text text dummy text <br>
    </div>

    <div id="divScroll2" class="clScroll">
    This is "page" 2...........
    <br>
    text textdummy texttext text dummy texttext text dummy text<br>
    <br>text text dummy text text text dummy text text text dummy text <br>
    text text dummy texttext text dummy texttext text dummy text<br>
    <br>text text dummy text text text dummy text text text dummy text <br>
    <br>text textdummy texttext text dummy texttext text dummy text<br>
    <br>text text dummy text text text dummy text text text dummy text <br>
    text text dummy texttext text dummy texttext text dummy text<br>
    <br>text text dummy text text text dummy text text text dummy text <br>
    </div>

    <div id="divScroll3" class="clScroll">
    This is "page" 3...........(can't scroll this one, to little content)
    <br>
    This is "page" 3...........(can't scroll this one, to little content)
    <br>This is "page" 3...........(can't scroll this one, to little content)
    <br>This is "page" 3...........(can't scroll this one, to little content)
    <br>This is "page" 3...........(can't scroll this one, to little content)
    <br>
    </div>

    <div id="divScroll4" class="clScroll">
    Page 4
    text text dummy texttext text dum
    <br>
    text text dummy texttext text dummy texttext text dummy text<br>
    <br>text text dummy texttext text dummy texttext text dummy text<br>
    <br>text text dummy texttext text dummy texttext text dummy text<br>
    </div>
    </div>



    </div>
    <div class="nere"></div>
    <div align="center">XXXXX XXXXXXXXXXx XXXXXXXXXXXxxxxXXXXXXXXXxx <br>
    </div>
    </DIV>
    </BODY></HTML>

  2. #2
    Join Date
    Feb 2007
    Location
    🌎
    Posts
    528
    Thanks
    10
    Thanked 10 Times in 10 Posts
    Blog Entries
    2

    Default

    Quote Originally Posted by blurra
    Don't try to use MX in vista.
    Aye, I do it.
    Quote Originally Posted by Dreamweaver MX
    Dreamweaver has encountered a fatal exception. Dreamweaver will now terminate.
    Since then, the table button hasn't worked.

Bookmarks

Posting Permissions

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