Solved

Marquee

Posted on 2002-05-15
8
307 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
  • 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
 

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
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
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

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

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 …
Sending a Secure fax is easy with eFax Corporate (http://www.enterprise.efax.com). First, Just open a new email message.  In the To field, type your recipient's fax number @efaxsend.com. You can even send a secure international fax — just include t…
Get a first impression of how PRTG looks and learn how it works.   This video is a short introduction to PRTG, as an initial overview or as a quick start for new PRTG users.

746 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now