Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Marquee

Posted on 2002-05-15
8
Medium Priority
?
337 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
[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

 

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 1200 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
When cloud platforms entered the scene, users and companies jumped on board to take advantage of the many benefits, like the ability to work and connect with company information from various locations. What many didn't foresee was the increased risk…
Enter Foreign and Special Characters Enter characters you can't find on a keyboard using its ASCII code ... and learn how to make a handy reference for yourself using Excel ~ Use these codes in any Windows application! ... whether it is a Micr…
Suggested Courses
Course of the Month10 days, 3 hours left to enroll

569 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