Marquee

I'm looking for a good marquee extension to add to my web page.  It has to be compatible with IE and Netscape.  
schmir1Asked:
Who is Participating?
 
klykkenCommented:
Try inserting some these values:
in your body tag:
onLoad="YY_LS('Layer2','2000','0',40,5,true)

inside your html:
<div id="Layer2" style="position:absolute; width:2000px; height:25px; z-index:3; clip: rect(0 710 25 0); left: 128px; top: 292px">
<table border="0">
<tr><td nowrap>............Do you need help? .......................Don't have resources?...................... No prototyping cabability?...................... Need a device designed?....................... Need hybrids build?.............................MCL can help!!!!!!!!!!</td></tr></table>    
</div>

It works here for me on both browsers, but you might want to play around with the values. I don't know the size of some of the graphics included on your webapge, so it's hard to position the layer correctly.

--
klykken
0
 
klykkenCommented:
Hi Schmir1,
Unfortunately, no such extension has been made to my knowledge.

The reason for this is simple, the MARQUEE tag is non-standard and not supported by the Netscape browsers (or others). It's simply not compatible with the standard and is an IE-only tag.

The only extensions that come close to a MARQUEE extension compatible crossbrowser would be an extension that will scroll a layer (DIV).

For more on these kind of extensions that has crossbrowser compatability and more look through these links:
http://www.projectseven.com/extensions/info/layeranimagic/animagic.htm
http://home.att.net/~JCB.BEI/Dreamweaver/CrossBrowserScrollArea.zip
http://www.yaromat.com/dw/index.php?t=Behavior&r=layers (scrollomat)

Give the last one a go first, I think that's might be closest to what you're looking for.

good luck!
--
klykken
0
 
schmir1Author Commented:
I'm trying scrollomat. I'm using a template for all my pages.  Do I just stick the javascript into the template?  Will the body statement work in the template with the onLoad even though the layers are in another file?
Here is the body statement:

<body bgcolor="#FFFFFF" text="#000000"
onLoad="YY_LS('Layer2','1','150',40,1,true);YY_LS('Layer1','1800','1',50,5,true)">
0
Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

 
klykkenCommented:
hi schmir,
Hard to help unless you upload your file to internet and give a url, but I will give a try anyways :-)

Yes, make sure both the javascript and layers are in the area of the template that can not be edited from the html files. This way your code for the scroller gets inserted into all your pages that is generated from your template.

--
klykken
0
 
schmir1Author Commented:
I got the javascript and the body statement to work in the template.  Something go screwed up with the template but I fixed it by using the Save As and replacing the template with a new version of itself.

Anyhow, I'm close now.  Only problem left is that the size of the layers is larger when view with Netscape.  It shows as one scrolling line of text in IE but as 3 lines in Netscape.  Any ideas.

Just curious.  Have you ever used Dreamweaver to generate JavaScript?  A book I was reading this weekend made it sound like Dreamweaver would generate animated stuff using layers and JavaScrip.  I'm wondering what the advantage of having Dreamweaver do the JavaScrip over using sample code that others have written.
0
 
klykkenCommented:
schmir,
can you upload the page so I can look at the source?
It's hard to find out what's wrong with the code when I'm not looking at it.

As to javascript made drom DW and from sample code made from others it's basically the same thing. The Code generated by DW is made from sample code within DW. You can actually edit the files that DW uses to generate javascript. The only difference I see between using js code from another site , and let dw generate the js, is that with DW it's much easier and faster to insert and edit.

--
klykken
0
 
schmir1Author Commented:
Here is the source.  Layer1 is the one that I'm having trouble with.
-----------------------------------------------------------

<html><!-- #BeginTemplate "/Templates/layout.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>MCL Home</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function YY_LS(das, ex, ey, dly, sx, loop, dx, dy){//v4.08
//copyright (c)2000,2001 Yaromat.com
    var s=MM_findObj(das),d=document,c,t,l,ct,cb,cl,cr,ncl,nct,ncr,ncb,doto,sy=sx,yx,yy,st;
    if(!s.ot){s.ot=(d.layers)?s.top:s.style.top;s.ol=(d.layers)?s.left:s.style.left;}
    with(Math)if(d.layers){
        ct=s.clip.top;cb=s.clip.bottom;cl=s.clip.left;cr=s.clip.right;t=s.top;l=s.left;
        yy=abs(round((ct-ey)/sy));dy=round((ey-ct)/yy);
        yx=abs(round((cl-ex)/sx));dx=round((ex-cl)/yx);
        if(yx<1){dx=0}else{yx--};if(yy<1){dy=0}else{yy--};
        s.clip.top=ct+dy; s.clip.bottom=cb+dy;s.top=t-dy;s.clip.left=cl+dx;s.clip.right=cr+dx;s.left=l-dx;
    }else if ((d.all||d.getElementById)&&s.style.clip){
      st=s.style;
        l=parseInt((d.getElementById)?st.left:st.pixelLeft);t=parseInt((d.getElementById)?st.top:st.pixelTop);
        c=st.clip.match(/rect.(\d+)[a-z,A-Z,\s]+(\d+)[a-z,A-Z,\s]+(\d+)[a-z,A-Z,\s]+(\d+).*/);
        ct=c[1]/1;cr=c[2]/1;cb=c[3]/1;cl=c[4]/1;
        yy=abs(round((ct-ey)/sy));yx=abs(round((cl-ex)/sx));
        dx=(yx<1)?0:round(-(cl-ex)/yx);dy=(yy<1)?0:round(-(ct-ey)/yy);
        ncl=cl+dx;nct=ct+dy;ncr=cr+dx;ncb=cb+dy;
        st.pixelTop=t-dy;st.pixelLeft=l-dx;st.left=l-dx;st.top=t-dy;
        eval("st.clip='rect('+nct+' '+ncr+' '+ncb+' '+ncl+')'");yy--;yx--;
    }
    if(s.yyto)clearTimeout(s.yyto);
    if(yy>0||yx>0){doto=true;}else if(dly>-1&&loop==true){
        if(d.layers){s.left=s.ol;s.clip.left=0;s.clip.right=cr-cl;s.top=s.ot;s.clip.top=0;s.clip.bottom=cb-ct;
        }else{eval("st.clip='rect('+0+' '+(cr-cl)+' '+(cb-ct)+' '+0+')'");st.top=s.ot;st.left=s.ol;}
        doto=true;
    }
    if(doto==true)s.yyto=setTimeout("YY_LS(\""+das+"\","+ex+","+ey+","+dly+","+sx+","+loop+","+dx+","+dy+")",dly);
}
//-->
</script>
</head>



<body bgcolor="#FFFFFF" text="#000000" onLoad="YY_LS('Layer2','1','150',40,1,true);YY_LS('Layer1','1800','1',50,5,true)">
<!--<body bgcolor="#FFFFFF" text="#000000">-->

<table width="850" border="0" cellspacing="0" cellpadding="0" height="595" name="Main">
  <tr>
    <td height="23" rowspan="3" width="144" valign="top" bgcolor="#CCCCCC" bordercolor="#0000CC">
      <p><img src="Images/MCL_Logo.bmp"></p>
      <p><font size="3"><a href="mcl_home.htm">Home</a></font></p>
      <p><font size="3"><a href="Design.htm">MCL Design</a></font></p>
      <p><font size="3"><a href="Test.htm">MCL Test/Eval</a></font></p>
      <p><font size="3"><a href="Manufacturing.htm">MCL Prototype/MFG</a></font></p>
      <p><font size="3"><a href="Tech_Services.htm">MCL Tech Services</a></font></p>
      <p><font size="3">MCL Quality</font></p>
      <p><font size="3"><a href="Project_Examples.htm">Project Examples</a></font></p>
      <p><font size="3">Request a Project</font></p>
      <p><font size="3">About Us</font></p>
      <p><font size="3">Feedback</font></p>
      <p><font size="3">Search</font></p>
      <p><font size="3">FAQ</font></p>
    </td>
    <td height="23" rowspan="3" width="5">&nbsp;</td>
    <td height="23" width="597"><a href="http://intranet.medtronic.com/cgi-bin/imagemap/Maps/navbar.map"
      onMouseOver="window.status='InSite -- Medtronic intranet Home Page'; return true"
      onMouseOut="window.status=' '; return true"><img border=0 src="http://intranet.medtronic.com/Images/navbar.gif" width=580 height=29
alt="intranet.medtronic.com menu bar" name="m0" ISMAP></a></td>
  </tr>
  <tr>
    <td width="597" height="432"><!-- #BeginEditable "Main%20Body" -->
      <table border="0" cellspacing="0" cellpadding="0" width="707" height="325" name="Top">
        <tr>
          <td width="1" height="155">&nbsp;</td>
          <td width="229" height="155">
            <table border="0" cellspacing="0" cellpadding="9" width="241" height="300" name="Our Charter">
              <tr>
                <td width="201" height="156" valign="top" bgcolor="#FFFFFF" align="left">
                  <table width="221" border="5" cellspacing="0" cellpadding="0" height="36" align="center">
                    <tr>
                      <td align="center" bordercolor="2" bgcolor="#CCCCCC" height="24">
                        <div align="center"><b>Our Charter</b></div>
                      </td>
                    </tr>
                  </table>
                  <ul>
                    <li>Research Device Design and Fab</li>
                    <li>Technology and Concept Development</li>
                    <li>Prototype for Proof of Concept</li>
                    <li>Manufacturing of Clinical Devices</li>
                    <li>Low Volume Manufacturing</li>
                  </ul>
                </td>
              </tr>
            </table>
          </td>
          <td width="1" height="155">&nbsp;</td>
          <td width="262" height="155">
            <table cellspacing="0" cellpadding="9" width="241" height="300">
              <tr>
                <td valign="top" align="left" height="323">
                  <table width="221" border="5" cellspacing="0" cellpadding="0" height="36">
                    <tr>
                      <td align="center" bordercolor="#000000" bgcolor="#CCCCCC" height="21"><b>Our
                        Vision</b></td>
                    </tr>
                  </table>
                  <p>To be Medtronic's Center of Excellence to rapidly conceptualize,
                    define, and develop proof-of-concept devices incorporating
                    cross-divisional and worldwide innovative technologies enabling
                    product superiority and competitive advantage<font face="Arial, Helvetica, sans-serif">.</font></p>
                </td>
              </tr>
            </table>
          </td>
          <td width="10" height="155">&nbsp;</td>
          <td width="235" height="155">
            <table cellspacing="0" cellpadding="0" width="190" height="161" bordercolor="#666666">
              <tr>
                <td valign="top" align="center">
                  <p><b>Our Customers</b></p>
                  <p><a href="Project_Examples.htm"><img src="Images/pie_chart_small.gif" width="233" height="156" border="0"></a></p>
                </td>
              </tr>
            </table>
          </td>
          <td width="1" height="155">&nbsp;</td>
        </tr>
      </table>
      <table width="720" border="1" cellspacing="0" cellpadding="0" height="38">
        <tr>
          <td>
            <p><marquee bgcolor="#CCCCCC" border="0" align="middle" scrollamount="7"  scrolldelay="90" behavior="scroll"  width="100%" height="20" style="color: #0000FF; font-size: 14">
              Do you need help?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              No resources?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              No prototyping cabability?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              Need a device designed?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              Need hybrids build?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              MCL can help!!!!!!!!!!</marquee></p>
          </td>
        </tr>
      </table>
      <div id="Layer1" style="position:absolute; left:252px; top:428px; width:1930px; height:22px; z-index:1; clip: rect(0 300 50 0)">
        <p>................Do you need help? .............................. Don't
          have resources?........................... No prototyping cabability?......................
          Need a device designed?......................... Need hybrids build?.............................
          MCL can help!!!!!!!!!!</p>
      </div>
                  <div id="Layer2" style="position:absolute; left:236px; top:449px; width:302px; height:17px; z-index:2; clip: rect(0 514 20 0)">
        Do you need help?<br>
                    Don't have resources?<br>
                    No prototyping cabability?<br>
                    Need a device designed?<br>
                    Need hybrids build?<br>
                    MCL can help!!!!!!!!!!
                  </div>                  
      <p>&nbsp;</p>
      <table width="718" cellspacing="0" cellpadding="0" height="188">
        <tr>
          <td height="181" width="9">
            <p>&nbsp;</p>
            <p>&nbsp;</p>
          </td>
          <td height="181" width="213" valign="top" align="left">
            <div align="center">
              <p><a href="Design.htm"><b>Design</b> </a></p>
            </div>
            <li>IC Design and Layout</li>
            <li>Circuit Design &amp; Layout</li>
            <li>Software & Firmware</li>
            <li>Signal Processing</li>
            <li>Mechanical</li>
            <p><font color="#FF0000">Note:List or paragraph</font></p>
          </td>
          <td height="181" width="20">&nbsp;</td>
          <td height="181" width="212" align="left" valign="top">
            <div align="center"><b><a href="Design.htm">Prototype</a></b> </div>
            <p>SMT/Through Hole, Laser Trim, Die Cost, Flip Chip, Wafer Processing,
              Wire Bonding</p>
            <p><font color="#FF0000">TBD</font></p>
          </td>
          <td height="181" width="24">&nbsp;</td>
          <td height="181" width="220" align="left" valign="top">
            <p align="center"><b><a href="Design.htm">Test</a></b></p>
            <p>Wafer Probe, ATS, IMS, Hybrid Test, Custom Test S/W, Custom Fixturing,
              Mech. Test</p>
          </td>
          <td height="181" width="18">&nbsp;</td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <table width="727" border="0" cellspacing="0" cellpadding="0" height="53">
        <tr>
          <td align="center"> <a href="Mcl_phon.xls"><b>Primary Contact List</b></a><br>
            <br>
            <b>Project Managers:</b><br>
            <a href="mailto:jon.werder@medtronic.com">Jon Werder</a>&nbsp; &nbsp;&nbsp;
            &nbsp; 1-763-514-6416&nbsp;&nbsp;&nbsp;&nbsp; <a href="mailto:jeff.perkins@medtronic.com">Jeff
            Perkins</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1-763-514-4190<br>
            <a href="mailto:bill.weimer@medtronic.com">Bill Weimer</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
            1-763-514-4752&nbsp;&nbsp;&nbsp; <a href="mailto:chuck.welte@medtronic.com">Chuck
            Welte</a>&nbsp;&nbsp;&nbsp;&nbsp; 1-763-514-3435<br>
          </td>
        </tr>
      </table>
      <!-- #EndEditable --></td>
  </tr>
  <tr>
    <td width="597" height="126">
      <!-- Begin Footer -->
      <medfooter>
      <center>
      </center>
      </medfooter><medfooter>
      <center>
        <hr width=590>
        <font size="-12"> [ <a href="http://intranet.medtronic.com/" target="_top">Insite
        Home</a> ] [ <a href="http://navigate.medtronic.com/intranet/search.cfm" target="_top">Search</a>
        ] [ <a href="http://groupwise.medtronic.com/medworld/" target="_top"">MedWorld</a>
        ] [ <a href="http://navigate.medtronic.com/intranet/ilinks.cfm" target="_top"">A-Z
        List</a> ] [ <a href="http://intranet.medtronic.com/stock.html" target="_top">MDT
        Stock Info</a> ] <br>
        [ <a href="http://navigate.medtronic.com/intranet/ilinks.cfm?category=empres" target="_top">Emp
        Resources</a> ] [ <a href="http://navigate.medtronic.com/intranet/ilinks.cfm?category=refmat" target="_top">Ref
        Materials</a> ] [ <a href="http://navigate.medtronic.com/intranet/ilinks.cfm?category=depts" target="_top">Departments</a>
        ] [ <a href="http://navigate.medtronic.com/intranet/ilinks.cfm?category=busgeo" target="_top">Businesses
        &amp; Geos</a> ] [ <a href="http://navigate.medtronic.com/intranet/ilinks.cfm?category=tech" target="_top">Technology</a>
        ] [ <a href="http://navigate.medtronic.com/intranet/ilinks.cfm?category=policies" target="_top">Policies</a>
        ] </font><font size=-1>
        <p><font size="-12">For internal use only.<br>
          Copyright &copy; 1998 Medtronic, Inc. All rights reserved.<br>
          See <a href="http://navigate.medtronic.com/intranet/admin/status.cfm?url=http://nit.pace.medtronic.com" target="_top">last
          site review</a> or send <a href="http://navigate.medtronic.com/intranet/admin/feedback.cfm?url=http://nit.pace.medtronic.com" target="_top">feedback</a>
          to the User Site Administrator. </font>
        </font>
      </center>
      </medfooter>
      <!-- End Footer -->
    </td>
  </tr>
</table>
</body>
<!-- #EndTemplate --></html>
0
 
schmir1Author Commented:
My Web page is looking good thanks to your help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.