Menu fra skumsiden på www.dr.dk

Har du prøvet \"gem som...\" i menuen filer?
Her kan du gemme siden og derved læse koden.

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"DTD/xhtml1-transitional.dtd\">
<html>
<head>
<title>SKUM - Sidste nyt...</title>

<script language=\"JavaScript\">
    function pviiW3Cbg(obj, pviiColor) { //v1.1 by Project VII
    obj.style.backgroundColor=pviiColor
    }
</script>
<script language=\"JavaScript\">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
<script language=\"javascript\" src=\"/skum/_sys/ypSlideOutMenusC.js\"></script>
<script language=\"javascript\">
    function setupMenus() {
        this.ns4 = document.layers ? 1 : 0;
   
        if (this.ns4) {
            browserWindowWidth = innerWidth;
        } else {
            browserWindowWidth = document.body.clientWidth;
        }
   
        navigationMenuWidth = 765;
        baseIndentionWidth  = ((browserWindowWidth - navigationMenuWidth) / 2);
   
        leftStartMenu1 = baseIndentionWidth + 146;
        leftStartMenu2 = baseIndentionWidth + 252;
        leftStartMenu3 = baseIndentionWidth + 442;
   
        new ypSlideOutMenu(\"menu1\", \"down\", leftStartMenu1, 98, 163, 145);
        new ypSlideOutMenu(\"menu2\", \"down\", leftStartMenu2, 98, 163, 180);
        new ypSlideOutMenu(\"menu3\", \"down\", leftStartMenu3, 98, 163, 240);
    }
</script>

<script language=\"JavaScript\">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf(\"#\")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
  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 && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<LINK REL=StyleSheet HREF=\"http://www.dr.dk/nav/nytop2/topbar.css\" TITLE=\"DR Online\" TYPE=\"text/css\">
<LINK REL=StyleSheet HREF=\"http://www.dr.dk/skum/_sys/styles.css\" TITLE=\"GC style\" TYPE=\"text/css\">

<style type=\"text/css\">
        .menuActuator a {
            color:#000055;
            font-weight:bold;
            font-size:12px;
            font-family:arial;
        }

        .menu {
            font-family:verdana;
            color:#112233;
            font-size:10px;
            //mmmlayer-background-color:#cccccc;
        }
       
    .pad15left
            { padding: 0px 0px 0px 15px    }
           
    .drop {
            font-family:verdana;
            color:#ffffff;
            font-size:10px;
            text-decoration: none;
        }
       
    .formSelect {
        /* Bliver brugt til alle de select-forms, der står for navigationen */
        font-family : Arial;
        font-size  : 10px;
        margin      : 0px 0px 0px 0px;
        }

    .formSelectBase {
        /* Bliver brugt til Linkguiden og lyd/video arkivet */
        font-family : Arial;
        font-size  : 12px;
        margin      : 0px 0px 0px 0px;
        }
</style>

</head>

<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" background=\"_grafik/frm/bg.gif\" text=\"#663300\" link=\"#0D86FF\" vlink=\"#1C3E71\" alink=\"#FF0000\">
<script language=\"JavaScript\" type=\"text/javascript\">setupMenus();</script>
<!-- Topnav - maa ikke slettes -->
<!-- Topnav - maa ikke slettes -->
<center>
 
<table width=\"764\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"68\">
    <tr>
      <td width=\"482\" align=\"center\" height=\"16\" valign=\"top\"><a href=\"http://www.dr.dk/skum/musik/\" onmouseover=\"ypSlideOutMenu.showMenu(\'menu1\')\" onmouseout=\"ypSlideOutMenu.hideMenu(\'menu1\')\"><img src=\"/skum/_grafik/frm/but_mus.gif\" width=\"96\" height=\"19\" border=\"0\" vspace=\"1\"></a>
        <a href=\"http://www.dr.dk/skum/spilsatire/\" onmouseover=\"ypSlideOutMenu.showMenu(\'menu2\')\" onmouseout=\"ypSlideOutMenu.hideMenu(\'menu2\')\"><img src=\"/skum/_grafik/frm/but_spil.gif\" width=\"179\" height=\"19\" border=\"0\" hspace=\"6\" vspace=\"1\"></a>
        <a href=\"http://www.dr.dk/skum/programmer\" onmouseover=\"ypSlideOutMenu.showMenu(\'menu3\')\" onmouseout=\"ypSlideOutMenu.hideMenu(\'menu3\')\"><img src=\"/skum/_grafik/frm/but_prg.gif\" width=\"174\" height=\"19\" border=\"0\" vspace=\"1\"></a>
      </td>
    </tr>
</table>

</center>
    <div id=\"menu3Container\">
        <div id=\"menu3Content\" class=\"menu\">
          <img src=\"/skum/_grafik/frm/drop_b_top.gif\" width=\"163\" height=\"24\"><br>
          <table width=\"163\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" background=\"/skum/_grafik/frm/drop_b_mid.gif\">
            <tr>
              <td width=\"156\" onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/bitch\'\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/bitch\" class=\"drop\">B.I.T.C.H</a></div></td>
            <td width=\"7\" rowspan=\"13\">&nbsp;</td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/prof\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/prof\" class=\"drop\">De Professionelle</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/barometer\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/barometer\" class=\"drop\">Det Elek. Barometer</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/kleinrock\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/kleinrock\" class=\"drop\">Kleinrocks Kabinet</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/kronometer\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/kronometer\" class=\"drop\">Kronometer</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/madeindk\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/madeindk\" class=\"drop\">Made in DK</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/mandril\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/mandril\" class=\"drop\">Mandrilaftalen</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/siteseeing/\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/siteseeing/\" class=\"drop\">Site.seeing</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/southpark\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/southpark\" class=\"drop\">South Park</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/raad/tvaers.shtm\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/raad/tvaers.shtm\" class=\"drop\">Tværs</a></div></td>
            </tr>

            <tr><td align=\"center\"><img src=\"/skum/_grafik/frm/drop_b_split.gif\" width=\"137\" height=\"6\"></td></tr>

            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/programmer\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/programmer\" class=\"drop\">>> Flere programmer</a></div></td>
            </tr>
          </table>
          <img src=\"/skum/_grafik/frm/drop_b_bot.gif\" width=\"163\" height=\"13\"><br>
        </div>
    </div>



    <div id=\"menu2Container\">
        <div id=\"menu2Content\" class=\"menu\">
          <img src=\"/skum/_grafik/frm/drop_g_top.gif\" width=\"163\" height=\"24\"><br>
          <table width=\"163\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" background=\"/skum/_grafik/frm/drop_g_mid.gif\">
            <tr>
              <td width=\"156\" onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/spilsatire\'\" height=\"16\" valign=\"middle\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/spilsatire\" class=\"drop\">Spil & satire forside</a></div></td>
            <td width=\"7\" rowspan=\"10\">&nbsp;</td>
            </tr>

            <tr>
              <td width=\"156\" onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/spilsatire/postkort.shtm\'\" height=\"16\" valign=\"middle\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/spilsatire/postkort.shtm\" class=\"drop\">SKUM Postkort</a></div></td>
            </tr>

              <tr><td align=\"center\"><img src=\"/skum/_grafik/frm/drop_g_split.gif\" width=\"137\" height=\"6\"></td></tr>

            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/alexanderband\'\" height=\"16\" width=\"161\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/alexanderband\" class=\"drop\">Alexanderband</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/banjo\'\" height=\"16\" width=\"161\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/banjo\" class=\"drop\">Banjo\'s Likørstue</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/boyband\'\" height=\"16\" width=\"161\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/boyband\" class=\"drop\">Boyband spillet</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/cigarfar\'\" height=\"16\" width=\"161\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/cigarfar\" class=\"drop\">Cigarfar</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/\'\" height=\"16\" width=\"161\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/gramse\" class=\"drop\">Gramsespektrum</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/mujaffa\'\" height=\"16\" width=\"161\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/mujaffa\" class=\"drop\">Mujaffa</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/pussypixels\'\" height=\"16\" width=\"161\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/pussypixels\" class=\"drop\">Pussypixels</a></div></td>
            </tr>
          </table>
          <img src=\"/skum/_grafik/frm/drop_g_bot.gif\" width=\"163\" height=\"13\"><br>
        </div>
    </div>

    <div id=\"menu1Container\">
        <div id=\"menu1Content\" class=\"menu\">
          <img src=\"/skum/_grafik/frm/drop_r_top.gif\" width=\"163\" height=\"24\"><br>
          <table width=\"163\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" background=\"/skum/_grafik/frm/drop_r_mid.gif\">
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/musik/\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/musik\" class=\"drop\">Musik forside</a></div></td>
            <td width=\"7\" rowspan=\"7\">&nbsp;</td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/musik/nyheder/\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/musik/nyheder/\" class=\"drop\">Musik nyheder</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/musikprofil/\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/musikprofil/\" class=\"drop\">Musik portrætter</a></div></td>
            </tr>

              <tr><td align=\"center\"><img src=\"/skum/_grafik/frm/drop_r_split.gif\" width=\"137\" height=\"6\"></td></tr>

            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/musik/skum1\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/musik/skum1\" class=\"drop\">SKUM 1 - Hitkanalen</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/musik/skum2\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/musik/skum2\" class=\"drop\">SKUM 2 - R&B/Hip hop</a></div></td>
            </tr>
            <tr>
              <td onMouseOver=\"pviiW3Cbg(this, \'#000000\')\" onMouseOut=\"pviiW3Cbg(this, \'\')\" onClick=\"top.location=\'http://www.dr.dk/skum/musik/skum3\'\" width=\"161\" height=\"16\"><div class=\"pad15left\"><a href=\"http://www.dr.dk/skum/musik/skum3\" class=\"drop\">SKUM 3 - Alternativ</a></div></td>
            </tr>
          </table>
          <img src=\"/skum/_grafik/frm/drop_r_bot.gif\" width=\"163\" height=\"13\"><br>
        </div>
    </div>

</body>
<!-- START RedMeasure V4 - Java v1.1  Revision: 1.8 -->
<script language=\"JavaScript\"><!--
var pCid=\"dk_dronline_0\";
var w0=1;
var refR=escape(document.referrer);
if (refR.length>=252) refR=refR.substring(0,252)+\"...\";
//--></script>
<script language=\"JavaScript1.1\"><!--
var w0=0;
//--></script>
<script language=\"JavaScript1.1\"
src=\"http://server-dk.imrworldwide.com/a1.js\">
</script>
<script language=\"JavaScript\"><!--
if(w0){
var imgN=\'<img src=\"http://server-dk.imrworldwide.com/cgi-bin/count?ref=\'+
        refR+\'&cid=\'+pCid+\'\" width=1 height=1>\';
if(navigator.userAgent.indexOf(\'Mac\')!=-1){document.write(imgN);
}else{
        document.write(\'<applet code=\"Measure.class\" \'+
        \'codebase=\"http://server-dk.imrworldwide.com/\"\'+\'width=1 height=2>\'+
        \'<param name=\"ref\" value=\"\'+refR+\'\">\'+\'<param name=\"cid\" value=\"\'+pCid+
        \'\"><textflow>\'+imgN+\'</textflow></applet>\');
        }
}
document.write(\"<COMMENT>\");
//-->
</script>
<noscript>
</html>

Her er det væreste snask taget væk

virker ikke

http://www.dr.dk/skum/_sys/ypSlideOutMenusC.js

Den skal du lige have med.

<script language=\"javascript\" src=\"/skum/_sys/ypSlideOutMenusC.js\"></script>
<script language=\"javascript\">
    function setupMenus() {
        this.ns4 = document.layers ? 1 : 0;
   
        if (this.ns4) {
            browserWindowWidth = innerWidth;
        } else {
            browserWindowWidth = document.body.clientWidth;
        }
   
        navigationMenuWidth = 765;
        baseIndentionWidth  = ((browserWindowWidth - navigationMenuWidth) / 2);
   
        leftStartMenu1 = baseIndentionWidth + 146;
        leftStartMenu2 = baseIndentionWidth + 252;
        leftStartMenu3 = baseIndentionWidth + 442;
   
        new ypSlideOutMenu(\"menu1\", \"down\", leftStartMenu1, 98, 163, 145);
        new ypSlideOutMenu(\"menu2\", \"down\", leftStartMenu2, 98, 163, 180);
        new ypSlideOutMenu(\"menu3\", \"down\", leftStartMenu3, 98, 163, 240);
    }
</script>

Dette skal du lægge ind i head i dit dokument...
Følgende linie skal du ligge på billedet!

<a href=\"etellerandet(erikkenødvendigt)\" onmouseover=\"ypSlideOutMenu.showMenu(\'menu2\')\" onmouseout=\"ypSlideOutMenu.hideMenu(\'menu2\')\"><img src=\"dit billede.gif/jpg\" width=\"179\" height=\"19\" border=\"0\" hspace=\"6\" vspace=\"1\"></a>

På addressen http://dr.dk/skum/_sys/ypSlideOutMenusC.js
skal du downloade filen... den kan du ændre med notepad, så den passer til dig ...
Så uploader du det hele og ser om det er som du ønsker ...
-Ellebaek

<script language=\"javascript\" src=\"/skum/_sys/ypSlideOutMenusC.js\"></script>

den linie skal du tilpasse dit script til f.eks.


<script language=\"javascript\" src=\"ypSlideOutMenusC.js\"></script>