ilayer help

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • smartphreak
    New Member
    • Feb 2008
    • 9

    ilayer help

    having some difficulty with removing some img's out of an ilayer...

    i have a frame with a scroll text within an ilayer that works off a rollover..

    sample:
    [HTML]<html>
    <head>
    <title></title>
    <script language="JavaS cript1.2">

    iens6=document. all||document.g etElementById
    ns4=document.la yers

    //specify speed of scroll (greater=faster )
    var speed=5

    if (iens6){
    document.write( '<div id="1" style="position :relative;top:1 50;width:175;he ight:160;border :0px;overflow:h idden">')
    document.write( '<div id="2" style="position :absolute;width :170;left:0;top :0">')
    }
    </script>
    </head>
    <ilayer name="ns1" width=175 height=160 clip="0,0,175,1 60">
    <layer name="ns2" width=175 height=160 visibility=hidd en>

    <!-CONTENT START-->
    <!--END CONTENT-->

    </layer>
    </ilayer>

    <script language="JavaS cript1.2">
    if (iens6)
    document.write( '</div></div>')
    </script>

    <table width="175px">< td><p align="right">
    <a href="#" onMouseover="mo veup()" onMouseout="cle arTimeout(moveu pvar)"><img src="up.gif" border=0></a> <a href="#" onMouseover="mo vedown()" onMouseout="cle arTimeout(moved ownvar)"><img src="down.gif" border=0></a></p></td>
    </table>

    <script language="JavaS cript1.2">
    if (iens6){
    var crossobj=docume nt.getElementBy Id? document.getEle mentById("conte nt") : document.all.co ntent
    var contentheight=c rossobj.offsetH eight
    }
    else if (ns4){
    var crossobj=docume nt.nscontainer. document.nscont ent
    var contentheight=c rossobj.clip.he ight
    }

    function movedown(){
    if (iens6&&parseIn t(crossobj.styl e.top)>=(conten theight*(-1)+100))
    crossobj.style. top=parseInt(cr ossobj.style.to p)-speed
    else if (ns4&&crossobj. top>=(contenthe ight*(-1)+100))
    crossobj.top-=speed
    movedownvar=set Timeout("movedo wn()",20)
    }

    function moveup(){
    if (iens6&&parseIn t(crossobj.styl e.top)<=0)
    crossobj.style. top=parseInt(cr ossobj.style.to p)+speed
    else if (ns4&&crossobj. top<=0)
    crossobj.top+=s peed
    moveupvar=setTi meout("moveup() ",20)

    }

    function getcontent_heig ht(){
    if (iens6)
    contentheight=c rossobj.offsetH eight
    else if (ns4)
    document.nscont ainer.document. nscontent.visib ility="show"
    }
    window.onload=g etcontent_heigh t
    </script>
    </body>
    </html>
    [/HTML]

    The problem is that the table with the scroll contorls are below the ilayer. I want them to be above? but I cant get them out of the ilayer... do i need to have a diffferent start layer?
    help?!
    Last edited by acoder; Feb 28 '08, 08:07 AM. Reason: Added code tags
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    There is no such thing as an <ilayer> or a <layer>. Where did you get such a thing?

    Comment

    • smartphreak
      New Member
      • Feb 2008
      • 9

      #3
      it was a copy script that had what i was looking to do...

      basically, i have a iframe set up and am looking to have the information on the normal page scrolled when a button is clicked. This provided me the ability to do that however everything became part of this layer... and i cant get it out.

      Can you provide some other advice?

      Comment

      • drhowarddrfine
        Recognized Expert Expert
        • Sep 2006
        • 7434

        #4
        That's javascript so I"m moving this to that board. Your code looks like it was written by the ancients though.

        Comment

        • smartphreak
          New Member
          • Feb 2008
          • 9

          #5
          Originally posted by drhowarddrfine
          That's javascript so I"m moving this to that board. Your code looks like it was written by the ancients though.

          not a problem!

          It was - mainly because i am still learning this stuff and I am an ancient!

          Any help here would be greatly appreciated!

          Still getting to grips with css think i am almost there.... but java is still messing with my brain!

          Comment

          • acoder
            Recognized Expert MVP
            • Nov 2006
            • 16032

            #6
            That is ancient code. You can get rid of all the layer/ilayer stuff as well as the additional JavaScript that deals with it. Do you need to support Netscape 4/IE4 users for some reason?

            Comment

            • smartphreak
              New Member
              • Feb 2008
              • 9

              #7
              Originally posted by acoder
              That is ancient code. You can get rid of all the layer/ilayer stuff as well as the additional JavaScript that deals with it. Do you need to support Netscape 4/IE4 users for some reason?

              nope not at all...
              just was the only one i knew....

              what is the alternative? I havent been in this game for ages! = please also see.... http://www.thescripts. com/forum/thread776059.ht ml

              Comment

              • acoder
                Recognized Expert MVP
                • Nov 2006
                • 16032

                #8
                It's not that difficult. Here is a quick edit (not tested) :
                [HTML]<html>
                <head>
                <title></title>
                <script type="text/javascript">
                //specify speed of scroll (greater=faster )
                var speed=5
                </script>
                </head>
                <body>
                <div id="1" style="position :relative;top:1 50;width:175;he ight:160;border :0px;overflow:h idden">
                <div id="2" style="position :absolute;width :170;left:0;top :0"></div></div>

                <table width="175px">< td><p align="right">
                <a href="#" onMouseover="mo veup()" onMouseout="cle arTimeout(moveu pvar)"><img src="up.gif" border=0></a> <a href="#" onMouseover="mo vedown()" onMouseout="cle arTimeout(moved ownvar)"><img src="down.gif" border=0></a></p></td>
                </table>

                <script type="text/javascript">
                var crossobj=docume nt.getElementBy Id("content")
                var contentheight=c rossobj.offsetH eight

                function movedown(){
                if (parseInt(cross obj.style.top)> =(contentheight *(-1)+100))
                crossobj.style. top=(parseInt(c rossobj.style.t op)-speed)+"px";
                movedownvar=set Timeout("movedo wn()",20)
                }

                function moveup(){
                if (parseInt(cross obj.style.top)< =0)
                crossobj.style. top=(parseInt(c rossobj.style.t op)+speed)+"px" ;
                moveupvar=setTi meout("moveup() ",20)
                }

                function getcontent_heig ht(){
                contentheight=c rossobj.offsetH eight
                }
                window.onload=g etcontent_heigh t
                </script>
                </body>
                </html>
                [/HTML]

                Comment

                • smartphreak
                  New Member
                  • Feb 2008
                  • 9

                  #9
                  Originally posted by acoder
                  It's not that difficult. Here is a quick edit (not tested) :
                  [HTML]<html>
                  <head>
                  <title></title>
                  <script type="text/javascript">
                  //specify speed of scroll (greater=faster )
                  var speed=5
                  </script>
                  </head>
                  <body>
                  <div id="1" style="position :relative;top:1 50;width:175;he ight:160;border :0px;overflow:h idden">
                  <div id="2" style="position :absolute;width :170;left:0;top :0"></div></div>

                  <table width="175px">< td><p align="right">
                  <a href="#" onMouseover="mo veup()" onMouseout="cle arTimeout(moveu pvar)"><img src="up.gif" border=0></a> <a href="#" onMouseover="mo vedown()" onMouseout="cle arTimeout(moved ownvar)"><img src="down.gif" border=0></a></p></td>
                  </table>

                  <script type="text/javascript">
                  var crossobj=docume nt.getElementBy Id("content")
                  var contentheight=c rossobj.offsetH eight

                  function movedown(){
                  if (parseInt(cross obj.style.top)> =(contentheight *(-1)+100))
                  crossobj.style. top=(parseInt(c rossobj.style.t op)-speed)+"px";
                  movedownvar=set Timeout("movedo wn()",20)
                  }

                  function moveup(){
                  if (parseInt(cross obj.style.top)< =0)
                  crossobj.style. top=(parseInt(c rossobj.style.t op)+speed)+"px" ;
                  moveupvar=setTi meout("moveup() ",20)
                  }

                  function getcontent_heig ht(){
                  contentheight=c rossobj.offsetH eight
                  }
                  window.onload=g etcontent_heigh t
                  </script>
                  </body>
                  </html>
                  [/HTML]
                  Have tried that but coming up with errors on page... not sure why... are you able to post a tested script?

                  Comment

                  • smartphreak
                    New Member
                    • Feb 2008
                    • 9

                    #10
                    Originally posted by smartphreak
                    Have tried that but coming up with errors on page... not sure why... are you able to post a tested script?
                    managed to play around with it enough to fix it thanks!

                    Comment

                    • acoder
                      Recognized Expert MVP
                      • Nov 2006
                      • 16032

                      #11
                      Originally posted by smartphreak
                      managed to play around with it enough to fix it thanks!
                      Oh, good. Can you post your final version?

                      Comment

                      Working...