Web Analytics Made Easy -
StatCounter Place VerticalScroller in specific cell (N4=picky) - CodingForum

Announcement

Collapse
No announcement yet.

Place VerticalScroller in specific cell (N4=picky)

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Place VerticalScroller in specific cell (N4=picky)

    N4.x again foils my plans ... temporarily?

    Regarding this script, can someone kindly code it such that I can have it appear in a specific table cell? N4.x has a problem with simply cutting-n-pasting it in the cell. IE6 has no problem! And I'm not even worrying about N6 nor Mozilla this time around. The page I intend to create just won't work in those browsers.

    I'm hoping it's something simple like adding a function and calling it accordingly, but I am just not capable of doing this (yet). I guess the scroller code really needs to go in the <head></head>.



    Example table:

    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
    <tr width="100%" height="17%">
    <td width="100%" colspan="3"></td>
    </tr>
    <tr height="60%">
    <td width="15%"></td>
    <td width="68%"></td>
    <td width="17%">SCROLLER TO GO HERE</td>
    </tr>
    <tr height="23%">
    <td width="15%"></td>
    <td width="68%"></td>
    <td width="17%"></td>
    </tr>
    </table>

    APPRECIATE IT!
    Gordo
    "In the End, we will remember not the words of our enemies, but the silence of our friends."
    - Martin Luther King Jr. (1929-1968)

  • #2
    Re: Place VerticalScroller in specific cell (N4=picky)

    try putting the if (ns4) part to what cell you want the scroller to:

    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
    <tr width="100%" height="17%">
    <td width="100%" colspan="3"></td>
    </tr>
    <tr height="60%">
    <td width="15%"></td>
    <td width="68%"></td>
    <td width="17%">
    SCROLLER TO GO HERE

    <script language="javascript">

    if (ns4){
    txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
    txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
    txt+='</td></tr></table>'
    txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
    txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
    txt+='</layer>';
    }else{
    txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
    txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
    txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
    txt+='</div>';
    }
    document.write(txt);

    </script>

    </td>
    </tr>
    <tr height="23%">
    <td width="15%"></td>
    <td width="68%"></td>
    <td width="17%"></td>
    </tr>
    </table>
    Glenn
    vBulletin Mods That Rock!

    Comment


    • #3
      glenngv, I appreciate the reply, but that didn't do the trick.

      I would think this would be easy for the JSperts here.

      I await your replies....
      Gordo
      "In the End, we will remember not the words of our enemies, but the silence of our friends."
      - Martin Luther King Jr. (1929-1968)

      Comment


      • #4
        Maybe it's just me; but

        Copy and paste the following script in the HEAD section of your page

        ..won't get you much of anything.

        <html>
        <head>
        </head>
        <body><br><br>
        <div align="center">
        <table>
        <tr>
        <td height="10" bgcolor="coral"><br></td></tr>
        <tr><td>
        <script language="javascript">
        /*******************************************
        Vertical Scroller (Marquee Replacement) v-1.2
        Brian Gosselin - http://scritpasylum.com
        .......
        .......[script here]
        .......
        setInterval('scrollbox()',speed);
        }
        </script>
        </td></tr>
        <tr><td height="10" bgcolor="coral"><br></td></tr>
        </table>
        </div>
        </body>
        </html>

        Comment


        • #5
          adios -- Actually, pasting the entire code in the HEAD did work for me...but that's not my problem, nor how I'm trying to implement this script.

          My JS code is in the table cell. I took the script code and pasted it in my table setup (see first post) and it works in IE and N4.x....BUT the "pause onmouseover" no longer works in any browser! Why?

          When I also have code for autosizing my background image, etc. in the page, I then get a "scrollbox is not defined" javascript error in N4.x. IE displays the scroller, but (again) without the "pause onmouseover".

          The code for my ENTIRE page (so far) is HERE.
          GeoCities is only a testing ground...page will be on 'real' web host when finished.

          This is sooooo frustrating.
          Gordo
          New to the CF scene
          Last edited by Gordo; Jul 2, 2002, 07:44 PM.
          Gordo
          "In the End, we will remember not the words of our enemies, but the silence of our friends."
          - Martin Luther King Jr. (1929-1968)

          Comment


          • #6
            Well....maybe Brian G. is having some fun here. Try copying & pasting the script directly from the source of the page linked to in your original post - not in the textarea. Notice where he embeds the script.

            Would need to see that other script to determine the source of the conflict.
            adios
            New to the CF scene
            Last edited by adios; Jul 2, 2002, 07:53 PM.

            Comment


            • #7
              I never would have thought to check Brian G's source code. Wow. Okay, I copy-n-pasted HIS source code into my desired table cell. The "pause onmouseover" now works (again) in IE. But, I still get the "scrollbox is not defined" in N4.x.

              It's got to be some sort of conflict with the other JavaScript (or something else?) on my page. I'm just don't know how to find and/or debug it.

              PLEASE see my (latest) page's code in all its glory at:
              http://www.geocities.com/gordonmerri...al_marque2.htm

              (thanks!!!!!)
              Gordo
              "In the End, we will remember not the words of our enemies, but the silence of our friends."
              - Martin Luther King Jr. (1929-1968)

              Comment


              • #8
                Gordo...

                That geocities page scared me. Interesting layout.

                Anyway - it was that first script - the 'makeIm()' thing - that was breaking Navigator. Something to do with that gigantic LAYER it was generating. I'd lose it; scaling an image to window size rarely looks good. Threw together a sampler for you, hopefully it'll give you some ideas.

                p.s. No line feeds in that scroller string!
                Attached Files

                Comment


                • #9
                  Hello

                  Sorry, I wasn't trying to have any fun. It was an honest mistake. I simply forgot to copy the newer code from the page source to the select box.

                  Navigator may have a problem with the script if you are embedding the code into another layer. The script is assuming a certain object heirarchy (not nested) and we all know how NS4 likes to have the entire layer chain written out. You could replace my layer finding part of the script with one that "hunts" for the layer no matter where it may be nested. I usually use a nice one originally created by Mike Hall of Brainjar.com:

                  // FUNCTION TO FIND NESTED LAYERS IN NS4 BY MIKE HALL
                  function findlayer(name,doc){
                  var i,layer;
                  for(i=0;i<doc.layers.length;i++){
                  layer=doc.layers[i];
                  if(layer.name==name)return layer;
                  if(layer.document.layers.length>0)if((layer=findlayer(name,layer.document))!=null)return layer;
                  }
                  return null;
                  }

                  simple use it like:
                  var myLayer=(ns4)?findlayer('layername', document): (ie4)?document.all('layername'):document.getElementById('layername');

                  Hope this helps.

                  Comment


                  • #10
                    scriptasylum...

                    Only kidding, Brian The layer in question (full screen) is not a parent layer to anything else - thought of that immediately - so it's not a referencing problem. As we've all noted by now, Navigator's handling of Layers is occasionally (inexplicably) odd, being affected by file placement, CSS, and other seemingly unrelated factors. In this case it seemed easier to just lose the other script, since it was of questionable value anyway.

                    cheers, adios

                    Comment


                    • #11
                      adios and scriptasylum...
                      thanks for the latest input.

                      (-s-w-o-o-s-h)...scriptasylum, that's the sound of your intellectual reply going way over my head. Unfortunately for me, I'm a major cut-n-paster, and can't really read such code, etc. Any edits such as this (layers, etc) will have to be by someone else (cough, cough)...not me.

                      The stretching of the background image is the primary reason I began this particular page setup. I'm working on something similar to Quiet Storm's page. The bg image I'm using will require me to use the table setup that I provided in my initial post above. So, I'm just not able to remove any of the other scripting on my current page. This is, of course, just a test page. The background image you now see on it is also only for testing. My real bg image will be large...1024px wide...so stretching won't be bad, etc. I also need the 100% height main table as I am disabling the scrollbar. The page is obviously geared towards IE users, but I'm really hoping for minimal problems in N4.x. I'm blowing off N6/Mozilla for this particular project. Macs are also not on my 'must work on' list (sorry Mac users).

                      I appreciate any further assistance any and all of you may be able to provide!!!
                      Gordo
                      "In the End, we will remember not the words of our enemies, but the silence of our friends."
                      - Martin Luther King Jr. (1929-1968)

                      Comment


                      • #12
                        <bump>
                        Probably the last one for this topic. I may have to go with the horizontal version...of course, it's now having the same problem in N4.x. Anyway, I figured I'd give it one more shot before moving onward.
                        </bump>
                        Gordo
                        "In the End, we will remember not the words of our enemies, but the silence of our friends."
                        - Martin Luther King Jr. (1929-1968)

                        Comment

                        Working...
                        X