Søg
Avatar billede grabit Nybegynder
22. februar 2001 - 15:18 Der er 11 kommentarer og
2 løsninger

Dropdown menu problematik

Jeg arbejde med Dreamweaver timelines og har kontrueret en dropmenu vha. show/hade layers og goto timeline behaviors. Mit problem er at finde en løsning for at lukke menuerne ved et klik ved siden af menuen. (ligesom det er i windows). Jeg snakker om knapper lavet med grafik og menulinks i ren CSS formateret tekst!

Fuktionaliteten består i at menuen åbner ved et klik på en knap, hvor behavioren er sat på. Tekstlinkse slider ned bag ved grafik layeret!

mulige løsninger som jeg ser det:

1. goto timeline 1 (hvor alle menuer er lukket) ved en mouseout event på knappen.
--- Det betyder at menuen forsvinder når man bevæger sig ned mod et menulink!

2. et forsøg på en timeout funktion som sætter timeline til 1 hvis der ikke er sket noget!

Foreslag modtages meget gerne!
Avatar billede repsac Nybegynder
22. februar 2001 - 15:53 #1
Har du ikke noget vaske ægte og dejlig kode som vi evt. kan kigge på?
- jeg er ikke helt med ...
Avatar billede grabit Nybegynder
22. februar 2001 - 16:27 #2
JO... versko :)

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\"> 
#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
<script language=\"JavaScript\">
<!--

// begin absolutely positioned scrollable area object scripts
// Extension developed by David G. Miles
// Original Scrollable Area code developed by Thomas Brattli
function verifyCompatibleBrowser(){
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
}
bw=new verifyCompatibleBrowser()


var speed=50

var loop, timer

function ConstructObject(obj,nest){
    nest=(!nest) ? \'\':\'document.\'+nest+\'.\'
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
    this.up=MoveAreaUp;this.down=MoveAreaDown;
    this.MoveArea=MoveArea; this.x; this.y;
    this.obj = obj + \"Object\"
    eval(this.obj + \"=this\")
    return this
}
function MoveArea(x,y){
    this.x=x;this.y=y
    this.css.left=this.x
    this.css.top=this.y
}

function MoveAreaDown(move){
    if(this.y>-this.scrollHeight+objContainer.clipHeight){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".down(\"+move+\")\",speed)
    }
}
function MoveAreaUp(move){
    if(this.y<0){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".up(\"+move+\")\",speed)
    }
}

function PerformScroll(speed){
    if(initialised){
        loop=true;
        if(speed>0) objScroller.down(speed)
        else objScroller.up(speed)
    }
}

function CeaseScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
    objContainer=new ConstructObject(\'divContainer\')
    objScroller=new ConstructObject(\'divContent\',\'divContainer\')
    objScroller.MoveArea(0,0)
    objContainer.css.visibility=\'visible\'
    initialised=true;
}
// end absolutely positioned scrollable area object scripts

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_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_findObj(n, d) { //v3.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); 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>

<script language=\"javascript\">
<!--
//tmtC_cssOnPlatform
tmt_css_Mac = \"mac_css.css\";
tmt_css_Win = \"pc_css.css\";
if((navigator.appVersion.indexOf(\"Mac\")!= -1)){
  document.write(\"<link rel=\'stylesheet\' href=\'\" + tmt_css_Mac + \"\' type=\'text/css\'>\");
}
else{
  document.write(\"<link rel=\'stylesheet\' href=\'\" + tmt_css_Win + \"\' type=\'text/css\'>\");
}//tmtC_cssOnPlatformEnd

function MM_timelinePlay(tmLnName, myID) { //v1.2
  //Copyright 1997 Macromedia, Inc. All rights reserved.
  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  tmLn = document.MM_Time[tmLnName];
  if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  if (myID == tmLn.ID) { //if Im newest
    setTimeout(\'MM_timelinePlay(\"\'+tmLnName+\'\",\'+myID+\')\',tmLn.delay);
    fNew = ++tmLn.curFrame;
    for (i=0; i<tmLn.length; i++) {
      sprite = tmLn[i];
      if (sprite.charAt(0) == \'s\') {
        if (sprite.obj) {
          numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
            keyFrm=1;
            for (j=0; j<sprite.values.length; j++) {
              props = sprite.values[j];
              if (numKeyFr != props.length) {
                if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
                else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
              } else {
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
                  if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
                  else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
        } } } } }
      } else if (sprite.charAt(0)==\'b\' && fNew == sprite.frame) eval(sprite.value);
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  } }
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v==\'show\')?\'visible\':(v=\'hide\')?\'hidden\':v; }
    obj.visibility=v; }
}

function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
  //Copyright 1997 Macromedia, Inc. All rights reserved.
  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  tmLn = document.MM_Time[tmLnName];
  if (numGotos != null)
    if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
    else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
  jmpFwd = (fNew > tmLn.curFrame);
  for (i = 0; i < tmLn.length; i++) {
    sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
    if (sprite.charAt(0) == \"s\") {
      numKeyFr = sprite.keyFrames.length;
      firstKeyFr = sprite.keyFrames[0];
      lastKeyFr = sprite.keyFrames[numKeyFr - 1];
      if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
      for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
      for (j=0; j<sprite.values.length; j++) {
        props = sprite.values[j];
        if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
        else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
        if (sprite.obj != null) {
          if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
          else        sprite.obj[props.prop2][props.prop] = props[propNum];
      } }
    } else if (sprite.charAt(0)==\'b\' && fNew == sprite.frame) eval(sprite.value);
  }
  tmLn.curFrame = fNew;
  if (tmLn.ID == 0) eval(\'MM_timelinePlay(tmLnName)\');
}

function MM_timelineStop(tmLnName) { //v1.2
  //Copyright 1997 Macromedia, Inc. All rights reserved.
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  if (tmLnName == null)  //stop all
    for (var i=0; i<document.MM_Time.length; i++) document.MM_Time[i].ID = null;
  else document.MM_Time[tmLnName].ID = null; //stop one
}

function MM_initTimelines() {
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
    var ns = navigator.appName == \"Netscape\";
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(3);
    document.MM_Time[\"Timeline1\"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = \"Timeline1\";
    document.MM_Time[0].fps = 15;
    document.MM_Time[0][0] = new String(\"sprite\");
    document.MM_Time[0][0].slot = 1;
    if (ns)
        document.MM_Time[0][0].obj = document[\"Layer1\"];
    else
        document.MM_Time[0][0].obj = document.all ? document.all[\"Layer1\"] : null;
    document.MM_Time[0][0].keyFrames = new Array(2, 8, 10, 12);
    document.MM_Time[0][0].values = new Array(2);
    document.MM_Time[0][0].values[0] = new Array(156,156,156,156,156,156,156,156,156,156,156);
    document.MM_Time[0][0].values[0].prop = \"left\";
    document.MM_Time[0][0].values[1] = new Array(-126,-112,-97,-83,-70,-59,-49,-35,-27,-21,-15);
    document.MM_Time[0][0].values[1].prop = \"top\";
    if (!ns) {
        document.MM_Time[0][0].values[0].prop2 = \"style\";
        document.MM_Time[0][0].values[1].prop2 = \"style\";
    }
    document.MM_Time[0][1] = new String(\"behavior\");
    document.MM_Time[0][1].frame = 1;
    document.MM_Time[0][1].value = \"MM_timelineStop()\";
    document.MM_Time[0][2] = new String(\"behavior\");
    document.MM_Time[0][2].frame = 2;
    document.MM_Time[0][2].value = \"MM_timelinePlay(\'Timeline1\')\";
    document.MM_Time[0].lastFrame = 12;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</script>

<link rel=\"stylesheet\" href=\"pc_css.css\">
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\" onLoad=\"InitialiseScrollableArea();MM_preloadImages(\'gfx/scroll/scrolltop_f2.gif\',\'gfx/scroll/scrollbut_f2.gif\',\'gfx/menu/menu_r1_c1_f2.gif\',\'gfx/menu/menu_r1_c2_f2.gif\',\'gfx/menu/menu_r1_c3_f2.gif\',\'gfx/menu/menu_r1_c4_f2.gif\',\'gfx/menu/menu_r1_c5_f2.gif\')\" background=\"gfx/bg.gif\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
<div id=\"mask\" style=\"position:absolute; left:155px; top:-21px; width:464px; height:56px; z-index:20; visibility: visible\"><img src=\"gfx/topmask.gif\" width=\"466\" height=\"66\"></div>
<div id=\"menu\" style=\"position:absolute; left:156px; top:24px; width:467px; height:30px; z-index:21\">
  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"465\">
    <!-- fwtable fwsrc=\"menu.png\" fwbase=\"menu.gif\" -->
    <tr>
      <td rowspan=\"2\"><a href=\"#\" onMouseOut=\"MM_swapImgRestore()\"  onMouseOver=\"MM_swapImage(\'menu_r1_c1\',\'\',\'gfx/menu/menu_r1_c1_f2.gif\',1);MM_showHideLayers(\'sliderhvem\',\'\',\'show\',\'sliderhvad\',\'\',\'hide\',\'sliderviden\',\'\',\'hide\',\'slidercases\',\'\',\'hide\');MM_timelineGoto(\'Timeline1\',\'2\')\" ><img name=\"menu_r1_c1\" src=\"gfx/menu/menu_r1_c1.gif\" width=\"120\" height=\"21\" border=\"0\"></a></td>
      <td rowspan=\"2\"><a href=\"#\" onMouseOut=\"MM_swapImgRestore()\"  onMouseOver=\"MM_swapImage(\'menu_r1_c2\',\'\',\'gfx/menu/menu_r1_c2_f2.gif\',1);MM_showHideLayers(\'sliderhvem\',\'\',\'hide\',\'sliderhvad\',\'\',\'show\',\'sliderviden\',\'\',\'hide\',\'slidercases\',\'\',\'hide\');MM_timelineGoto(\'Timeline1\',\'2\')\" ><img name=\"menu_r1_c2\" src=\"gfx/menu/menu_r1_c2.gif\" width=\"128\" height=\"21\" border=\"0\"></a></td>
      <td rowspan=\"2\"><a href=\"#\" onMouseOut=\"MM_swapImgRestore()\"  onMouseOver=\"MM_showHideLayers(\'sliderhvem\',\'\',\'hide\',\'sliderhvad\',\'\',\'hide\',\'sliderviden\',\'\',\'show\',\'slidercases\',\'\',\'hide\');MM_swapImage(\'menu_r1_c3\',\'\',\'gfx/menu/menu_r1_c3_f2.gif\',1);MM_timelineGoto(\'Timeline1\',\'2\')\" ><img name=\"menu_r1_c3\" src=\"gfx/menu/menu_r1_c3.gif\" width=\"80\" height=\"21\" border=\"0\"></a></td>
      <td rowspan=\"2\"><a href=\"#\" onMouseOut=\"MM_swapImgRestore()\"  onMouseOver=\"MM_showHideLayers(\'sliderhvem\',\'\',\'hide\',\'sliderhvad\',\'\',\'hide\',\'sliderviden\',\'\',\'hide\',\'slidercases\',\'\',\'show\');MM_swapImage(\'menu_r1_c4\',\'\',\'gfx/menu/menu_r1_c4_f2.gif\',1);MM_timelineGoto(\'Timeline1\',\'2\')\" ><img name=\"menu_r1_c4\" src=\"gfx/menu/menu_r1_c4.gif\" width=\"83\" height=\"21\" border=\"0\"></a></td>
      <td><a href=\"Library/indhold.asp&amp;id=mail\" onMouseOut=\"MM_swapImgRestore()\"  onMouseOver=\"MM_swapImage(\'menu_r1_c5\',\'\',\'gfx/menu/menu_r1_c5_f2.gif\',1)\" ><img name=\"menu_r1_c5\" src=\"gfx/menu/menu_r1_c5.gif\" width=\"54\" height=\"20\" border=\"0\"></a></td>
      <td><img src=\"gfx/menu/spacer.gif\" width=\"1\" height=\"20\" border=\"0\"></td>
    </tr>
    <tr>
      <td><img name=\"menu_r2_c5\" src=\"gfx/menu/menu_r2_c5.gif\" width=\"54\" height=\"1\" border=\"0\"></td>
      <td><img src=\"gfx/menu/spacer.gif\" width=\"1\" height=\"1\" border=\"0\"></td>
    </tr>
  </table>
</div>
<div id=\"Layer1\" style=\"position:absolute; left:156px; top:-126px; width:467px; height:270px; z-index:5\">
  <div id=\"sliderhvem\" style=\"position:absolute; left:-1px; top:-37px; width:160px; height:160px; z-index:5; visibility: visible\">
    <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
      <!-- fwtable fwsrc=\"slider.png\" fwbase=\"slider.gif\" fwstyle=\"Dreamweaver\" fwdocid = \"742308039\" fwnested=\"0\" -->
      <tr>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"99\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"1\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"l\" src=\"gfx/slider/l.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td background=\"gfx/slider/m.gif\" valign=\"bottom\" class=\"link\"><a href=\"#hvem1\">Medarbejderne</a>
          <br>
          <a href=\"#hvem2\">V&aelig;rdierne</a> <br>
          <a href=\"#hvem3\">Netv&aelig;rket</a> </td>
        <td><img name=\"r\" src=\"gfx/slider/r.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"149\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"lb\" src=\"gfx/slider/lb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img name=\"slider_r2_c2\" src=\"gfx/slider/slider_r2_c2.gif\" width=\"100%\" height=\"9\" border=\"0\"></td>
        <td><img name=\"hb\" src=\"gfx/slider/hb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"9\" border=\"0\"></td>
      </tr>
    </table>
  </div>
  <div id=\"sliderhvad\" style=\"position:absolute; left:119px; top:12px; width:160px; height:160px; z-index:5; visibility: visible\">
    <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
      <!-- fwtable fwsrc=\"slider.png\" fwbase=\"slider.gif\" fwstyle=\"Dreamweaver\" fwdocid = \"742308039\" fwnested=\"0\" -->
      <tr>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"99\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"1\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"l\" src=\"gfx/slider/l.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td background=\"gfx/slider/m.gif\" valign=\"bottom\" class=\"link\"><a href=\"#hvad1\">Hvordan
          arbejder vi?</a><br>
          <a href=\"#hvad2\">Intern kommunikation </a><br>
          <a href=\"#hvad3\">Sprog og faglig formidling</a><br>
          <a href=\"#hvad4\">Intranet-Proces </a><br>
          <a href=\"#hvad5\">Web-kommunikation </a><br>
          <a href=\"#hvad6\">Kurser & reflektion </a></td>
        <td><img name=\"r\" src=\"gfx/slider/r.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"149\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"lb\" src=\"gfx/slider/lb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img name=\"slider_r2_c2\" src=\"gfx/slider/slider_r2_c2.gif\" width=\"100%\" height=\"9\" border=\"0\"></td>
        <td><img name=\"hb\" src=\"gfx/slider/hb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"9\" border=\"0\"></td>
      </tr>
    </table>
  </div>
  <div id=\"sliderviden\" style=\"position:absolute; left:248px; top:-38px; width:160px; height:160; z-index:5; visibility: visible\">
    <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
      <!-- fwtable fwsrc=\"slider.png\" fwbase=\"slider.gif\" fwstyle=\"Dreamweaver\" fwdocid = \"742308039\" fwnested=\"0\" -->
      <tr>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"99\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"1\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"l\" src=\"gfx/slider/l.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td background=\"gfx/slider/m.gif\" valign=\"bottom\" class=\"link\"><a href=\"#viden1\">Artikeloversigt</a>
          <br>
          <a href=\"#viden2\">Links</a> <br>
          <a href=\"#viden3\">Intranetforum</a> </td>
        <td><img name=\"r\" src=\"gfx/slider/r.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"149\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"lb\" src=\"gfx/slider/lb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img name=\"slider_r2_c2\" src=\"gfx/slider/slider_r2_c2.gif\" width=\"100%\" height=\"9\" border=\"0\"></td>
        <td><img name=\"hb\" src=\"gfx/slider/hb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"9\" border=\"0\"></td>
      </tr>
    </table>
  </div>
  <div id=\"slidercases\" style=\"position:absolute; left:252px; top:-38px; width:160px; height:160; z-index:5; visibility: visible\">
    <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"right\">
      <!-- fwtable fwsrc=\"slider.png\" fwbase=\"slider.gif\" fwstyle=\"Dreamweaver\" fwdocid = \"742308039\" fwnested=\"0\" -->
      <tr>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"99\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"6\" height=\"1\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"1\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"l\" src=\"gfx/slider/l.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td background=\"gfx/slider/m.gif\" valign=\"bottom\" class=\"link\"><a href=\"#cases1\">Casebeskrivelse
          1</a> <br>
          <a href=\"#cases2\">Casebeskrivelse 2 </a><br>
          <a href=\"#cases3\">Casebeskrivelse 3</a> </td>
        <td><img name=\"r\" src=\"gfx/slider/r.gif\" width=\"6\" height=\"149\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"149\" border=\"0\"></td>
      </tr>
      <tr>
        <td><img name=\"lb\" src=\"gfx/slider/lb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img name=\"slider_r2_c2\" src=\"gfx/slider/slider_r2_c2.gif\" width=\"100%\" height=\"9\" border=\"0\"></td>
        <td><img name=\"hb\" src=\"gfx/slider/hb.gif\" width=\"6\" height=\"9\" border=\"0\"></td>
        <td><img src=\"gfx/slider/spacer.gif\" width=\"1\" height=\"9\" border=\"0\"></td>
      </tr>
    </table>
  </div>
</div>
<table width=\"621\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td width=\"146\"><img src=\"gfx/left_indhold.gif\" width=\"156\" height=\"386\"></td>
    <td valign=\"top\">&nbsp; </td>
  </tr>
</table>
<!-- begin absolutely positioned scrollable area object-->
<div id=\"divUpControl\" style=\"left: 576px; top: 322px; width: 15px; height: 17px\">
  <a href=\"java script:;\" onMouseOver=\"PerformScroll(-7);MM_swapImage(\'knaptop\',\'\',\'gfx/scroll/scrolltop_f2.gif\',1)\" onMouseOut=\"CeaseScroll();MM_swapImgRestore()\"><img src=\"gfx/scroll/scrolltop.gif\" width=\"15\" height=\"15\" border=\"0\" name=\"knaptop\"></a>
</div>
<div id=\"divDownControl\" style=\"left: 575px; top: 339px; width: 16px; height: 15px\">
  <a href=\"java script:;\" onMouseOver=\"PerformScroll(7);MM_swapImage(\'knapbut\',\'\',\'gfx/scroll/scrollbut_f2.gif\',1)\" onMouseOut=\"CeaseScroll();MM_swapImgRestore()\"><img src=\"gfx/scroll/scrollbut.gif\" width=\"15\" height=\"16\" border=\"0\" name=\"knapbut\"></a>
</div>
<div id=\"divContainer\" style=\"left: 184px; top: 45px; width: 384px; height: 334px; clip: rect(0 380 340 0)\">
  <div id=\"divContent\"> <b><br>
    Scroll Area Content Start</b>
    <p> Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <b>Scroll Area Content End</b> </div>
</div>
<!-- end absolutely positioned scrollable area object -->
</body>
</html>
Avatar billede grabit Nybegynder
22. februar 2001 - 21:19 #3
Lad os få noget mere sved, tak!!! Det er jo ikke et Dreamweaver kursus det her. ;)
Avatar billede grabit Nybegynder
23. februar 2001 - 12:39 #4
OK, vi hæver igen! til lidt flere points, siden i virker lidt mundlamme!
Avatar billede ragout.dk Nybegynder
25. februar 2001 - 01:02 #5
Allerførst vil jeg sige at jeg ikke bryder mig om layers, og at du ikke kan få det til at virke i andre browsere end IE (da det hopper!). En menu i JavaScript ville være at foretrække men;

Denne metode vil virke i <IE4.0
Du kan løse problemet ved at lave en ny behavior på \"Body\". Vælg \"Show-Hide Layers\" og vælg dernæst de layers det drejer sig om: Slider-hvem, -hvad, -viden, -cases og sæt dem til \"Hide (Tryk på en af gangen, og vælg \"Hide\"). Tryk \"OK\".

Givetvis vil den nye behavior stå til \"onLoad\".
I \"Events For:\" vælger du IE4.0
Tryk på den lille pil ved \"Show-Hide Layer\" (i midten), og vælg \"OnMouseUp\".

Nu virker det som i Windows, hvor menuerne bliver skjult når du trykker et sted på siden...
Umiddelbart vil de enkelte link dog ikke virke, hvilket skyldes at de er defineret forkert i din kode - der skal ikke # foran hver link!

Med venlig hilsen i øvrigt
Avatar billede grabit Nybegynder
25. februar 2001 - 16:35 #6
Tak for svaret, men IE4.0 alene duer ikke!

Grunden til at jeg bruger Layers er at jeg ønsker en easeout på menuerne (at de køre hurtigt ned og langsomt i slutningen) og kan vist kun udføres med timelines!

Jeg tænkte om man ikke kunne lave en funktion som kunne kaldes evt. ved hjælpe af et timeoutscript eller lign.

Noget i retning af dette her men jeg er ikke lige på hjemmebane med Javascript syntaksen, så scriptet virker ikke. (endnu!)

function checklayers()
{
if (Menu.visibility == visible) {
    Menu.visibility = hidden;
}

Hvis du ikke bryder dig om layers grundet at netscape 4 introducerede et resize problem er der jo lagt et fix ind i command menuen.

Det drejer sig kun om en enkelt fil som skal reloades med ny ASP indhold! Derfor kunne jeg evt. lave to sider og benytte LAYER/ILAYER (NS)tag istedet for DIV/SPAN (IE) og tjekke for browseren!
Avatar billede ragout.dk Nybegynder
25. februar 2001 - 20:38 #7
Ja, jeg kender godt resize-problemet/løsning, men jeg synes nu stadig at det er noget rod! To/flere! versioner er at foretrække(hvis det skal være layers) men når du efter mange timer får det til at se nogenlunde ud i NS, så prøv at åbne din side på Mac...hehe!

Min løsning virker ikke?! Jeg tjekkede det ellers i går mens jeg skrev svaret, og fandt ingen fejl. Virker det ikke når du trykker, eller hvad er problemet - skjules menuerne ikke?

En TimeOut funktion er svær at lave,for hvor lang tid skal det vare før menuen skjules. Hvad med den der læser hurtigr/langsomt? Og skal TimeOut-scriptet kun virke når musen ikke er over dine layers?

Det er i øvrigt muligt at lave en fade vha. JavaScript. Du skal bare bruge en tidsfunktion...

Med venlig hilsen i øvrigt
Avatar billede grabit Nybegynder
26. februar 2001 - 15:48 #8
Jeg skriver at dit svar/løsning fungere ok, men det var ikke kun en IE løsning jeg var ude efter. Hvis man kikker på http://www.danskebank.dk/ så forsvinder deres menu både i IE og i NS. Det må helt klart være muligt at fjerne menuerne vha. en funktion!
Avatar billede ragout.dk Nybegynder
26. februar 2001 - 16:16 #9
Jovist, men på DanskeBank kan du klikke lige så tosset du vil. Deres layer forsvinder ikke! Og du skal føre musen over deres layer før det forsvinder. Er man på et link, så et layer vises, og fører musen væk igen(uden at ramme det viste layer) så fjernes det ikke igen!

Derimod er der en timer, og du kan da bare ændre \"deres\" script så det passer:
De kalder med:
..//..
<a onMouseover=\"Kald()\" HREF=\"java script:show()\" onMouseout=\"SetImg(\'ImgPilOp\',\'off\')\" CLASS=\"HotspotNetbank\"><img border=\"0\" src=\"/Image/IkonPilOp/$file/IkonPilOp.gif\" alt=\"\" name=\"ImgPilOp\">Dine genveje</a>
..//..
Og det script de bruger er;
..//..
function show()
{
    if (arMenu.length > 0){
    if (IE4)
    {
        //if (popFrame.document.all.popup.style.visibility == \"visible\")
        //    visibility = \"hidden\"
        //else
        //{
            visibility = \"visible\"
            if (menuTimeout > 0) setTimeout(\"clicked()\", menuTimeout);
        //}
        for (i=0; i < arMenu.length; i+=3)
        {   
            eval(\"popFrame.document.all.d\" + eval(i/3) + \".style.visibility = \'\" + visibility + \"\'\");
        }
        popFrame.document.all.popup.style.visibility = visibility;

        if (topMenu)
              popFrame.document.all.popup.style.top =menuVerticalDistance;
      else
            popFrame.document.all.popup.style.top =fheight()-menuHeight-menuVerticalDistance;
    }
    if(NS4)
    {
        //if (popFrame.document.popup.visibility == \"show\")
        //    visibility = \"hide\"
        //else
            visibility = \"show\"

        for (i=0; i < arMenu.length; i+=3)
        {   
            eval(\"popFrame.document.popup.document.d\" + eval(i/3) + \".visibility = \'\" + visibility + \"\'\");
        }
        popFrame.document.popup.visibility = visibility;

        if (topMenu)
          popFrame.document.popup.top =menuVerticalDistance;
      else
            popFrame.document.popup.top =fheight()-menuHeight-menuVerticalDistance;
    }
    }
}


function hide()
{
        //alert(str)
    if (mo == false){
    if (arMenu.length > 0){
    if (IE4)
    {
        popFrame.document.all.popup.style.visibility = \"hidden\";
       
        for (i=0; i < arMenu.length; i+=3)
        {   
            eval(\"popFrame.document.all.d\" + eval(i/3) + \".style.visibility = \'hidden\'\");
        }
    }
    if (NS4)
    {
        popFrame.document.popup.visibility = \"hide\";

        for (i=0; i < arMenu.length; i+=3)
        {   
            eval(\"popFrame.document.popup.document.d\" + eval(i/3) + \".visibility = \'hide\'\");
        }
    }
    }
    }
}

function fheight()
{
    if (navigator.appName == \"Netscape\")
        return menuLoc.window.innerHeight;
    else
        return menuLoc.document.body.clientHeight;
}

</script>
..//..
Go\' fornøjelse med at ændre så det passer!

Med venlig hilsen i øvrigt
Avatar billede grabit Nybegynder
26. februar 2001 - 17:45 #10
Tak for hjælpen ragout, du skal nok få nogle points når jeg lukker, men jeg tror det bliver for omstændigt at skrive andres kode om...

Det kan ikke passe at det skal være så vanskeligt at lave en smugle dropdown menu! Er der ikke nogle som har nogle gode link til steder hvor de giver dem væk!

jeg fandt et meget godt et her:
http://www.7step.com/CODE_UPLOAD71336252000.zip

Ikke heirmenus menubuilder eller AllWebMenus12 tak!
Avatar billede ragout.dk Nybegynder
26. februar 2001 - 17:54 #11
DanskeBank koden er nu ellers vist let at stjæle og layers-baseret(som jeg har sgat min mening om !). Jeg vil anbefale at du starter for fra, og bevæger dig over i JavaScript i stedet - og låner lidt. De fleste er så venlige at forklare hvad man skal gøre for at bruge dem. Bedste link jeg kender er
http://www.bratta.com/dhtml/scripts.asp
Vælg \".scripts\" og se om der ikke er en du kan bruge...

Med venlig hilsen i øvrigt
Avatar billede grabit Nybegynder
27. februar 2001 - 08:46 #12
bratta.com har ikke meget i forhold til freecode.com easyjavascript.com eller developper.com, men ellers tak for hjælpen!
Avatar billede grabit Nybegynder
27. februar 2001 - 08:46 #13
bratta.com har ikke meget i forhold til freecode.com easyjavascript.com eller developper.com, men ellers tak for hjælpen!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
TTY - EMULATOR FOR WINDOWS XP Af snestrup2000 i Programmeringsværktøjer 2 08/02/202615:24 08/02/202618:46
Capcha problemer Af Asky i Programmeringsværktøjer 0 02/03/202517:21 -
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
3 min siden TEMU vil installeres på min Samsung S10 Af mort1 i Apps til Android
18/0419:43 Installation af Adobe Photoshop Elements 2019 Af mort1 i Billedbehandling
17/0418:29 Gendanne slettet partition overskrevet med Windows 11 Af Strawberry i Windows
17/0416:11 Samle data fra flere kolonner i 1 Af FinnLauridsen i Excel
17/0414:44 ny fjernbetjening til DVD afspiller fra 2004 Af Nette i Andet hardware
White papers
Flere white papers »