Solved

Marquee

Posted on 2002-05-15
8
324 Views
Last Modified: 2008-02-20
I'm looking for a good marquee extension to add to my web page.  It has to be compatible with IE and Netscape.  
0
Comment
Question by:schmir1
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
8 Comments
 
LVL 8

Expert Comment

by:klykken
ID: 7020443
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
 

Author Comment

by:schmir1
ID: 7047136
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
 
LVL 8

Expert Comment

by:klykken
ID: 7047150
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
Enroll in June's Course of the Month

June's Course of the Month is now available! Every 10 seconds, a consumer gets hit with ransomware. Refresh your knowledge of ransomware best practices by enrolling in this month's complimentary course for Premium Members, Team Accounts, and Qualified Experts.

 

Author Comment

by:schmir1
ID: 7051316
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
 
LVL 8

Expert Comment

by:klykken
ID: 7051334
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
 

Author Comment

by:schmir1
ID: 7051417
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
 
LVL 8

Accepted Solution

by:
klykken earned 300 total points
ID: 7052335
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
 

Author Comment

by:schmir1
ID: 7075871
My Web page is looking good thanks to your help.
0

Featured Post

Enroll in June's Course of the Month

June’s Course of the Month is now available! Experts Exchange’s Premium Members, Team Accounts, and Qualified Experts have access to a complimentary course each month as part of their membership—an extra way to sharpen your skills and increase training.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…
Michael from AdRem Software explains how to view the most utilized and worst performing nodes in your network, by accessing the Top Charts view in NetCrunch network monitor (https://www.adremsoft.com/). Top Charts is a view in which you can set seve…

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question