Avatar billede kag Nybegynder
20. maj 2003 - 13:59 Der er 4 kommentarer

OnClick - show layer

Jeg har en side, se nedenstående kode, som har indbygget et enkelt lag.

Det går fint med at indsætte tekst i laget, og det går også fint med at få laget skjult, on load. Næsten i hvert fald - man ser laget ganske kort ved start.

Jeg kan dog ikke få fremvist mit lag, selvom jeg har defineret en behavoir i mit Image map.

Her er koden:

<%@LANGUAGE="VBSCRIPT"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="../style.css" type="text/css">
<meta http-equiv="Expires" content="0">
<title>PHILIP &amp; PARTNERE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
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();
}

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 MM_showHideLayers() { //v6.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; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" onLoad="MM_showHideLayers('Layer1','','hide')">
<div id="Layer1" style="position:absolute; left:197px; top:196px; width:650px; height:299px; z-index:1; visibility: visible">lugjg</div>
<table width="669" height="141" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#1C3855">
    <td width="318" height="82" align="right">
      <table width="331">
        <tr>
          <td align="center"><img src="/images/top_logo.gif" width="50" height="70"></td>
          <td width="25"></td>
          <td width="10"><img src="../images/top_pp.gif" width="199" height="70"></td>
        </tr>
      </table>
     
    </td>
    <td height="82" width="335">
      <table width="328" height="71" cellpadding="0" cellspacing="0">
        <tr>
          <td width="10" height="20" bgcolor="#1C3855">&nbsp;</td>
          <td width="130" height="20" bgcolor="#FFFFFF"><font color="#000000">&nbsp;<font size="2" face="Arial, Helvetica, sans-serif">&gt;
            <a href="../bibliotek/test_bibliotek.asp">bibliotek</a></font> </font></td>
          <td width="189" height="20"></td>
        </tr>
        <tr>
          <td width="10" height="20"></td>
          <td width="130" height="20" bgcolor="#FFFFFF"><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">&nbsp;>
            <a href="../billedarkiv/test_billedarkiv.asp">billedarkiv </a></font></td>
          <td width="189" height="20"></td>
        </tr>
        <tr>
          <td width="10" height="20"></td>
          <td width="130" height="20" bgcolor="#FFFFFF"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">&nbsp;&gt;
            <a href="../kontorhaandbog/test_kontorhaandbog.asp"> kontorh&aring;ndbog
            </a></font></td>
          <td width="189" height="20"></td>
        </tr>
        <tr>
          <td width="10" height="20"></td>
          <td width="130" height=20 bgcolor="#CC9933"><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF"><strong>&nbsp;&gt;
            forside</strong></font></td>
          <td width="189" height="20"></td>
        </tr>
      </table>
  <tr>
    <td width="318" height="59" align="left" valign="top">
      <form name="GoogleForm" action="http://www.google.com/search" target="_blank" onSubmit="this.q.select()">
        <input type="submit" name="Submit" value="S&oslash;g" class="submitknap">
        <input name="q" type="text" onFocus="this.form.q.select()" class="menuTextfield" id="fGoogleSearch" value="S&oslash;g i Google" size="40">
      </form>
     
    </td>
    <td width="335" height="59" align="right" valign="top">
      <table width="339" height="55" cellpadding="0" cellspacing="0">
        <tr>
        <td width="10"></td>
          <td width="139" height="50" align="right" valign="top"> 
            <IFRAME SRC="../search/minisog.asp" name="hovedramme" align="right" scrolling="no" frameborder="0" WIDTH=150 HEIGHT=55></IFRAME></td>
          <td width="198" valign="top"> <form name="Soegekontorhaandbog" method="get" action="/kontorhaandbog/soegeresultatindhold_kontormanual.asp" target="indhold">
              <div align="right">
                <input type="text" name="s" onFocus="this.form.s.select()" size="30" value="Søg i kontorhåndbog">
                <input type="submit" name="Soeg" value="S&oslash;g" class="submitknap">
              </div>
            </form></td>
        </tr>
      </table></td>
  </tr>
</table>
<table width="672" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="19" class="overskrift" valign="top" bgcolor="#CC9933"><font color="#FFFFFF"><strong>&gt;&gt;&gt;
      links</strong></font></td>
    <td valign="top" bgcolor="#CC9933"><span class="overskrift"><font color="#FFFFFF"><strong>&gt;&gt;&gt;
      nyheder</strong></font></span></td>
    <td height="19" valign="top" bgcolor="#CC9933"><b><span class="overskrift"><font color="#FFFFFF">&nbsp;&gt;&gt;&gt;
      opslagstavle</font></span></b></td>
  </tr>
  <tr>
    <td width="200" height="300" valign="top">
      <IFRAME width="200" height="300" frameborder="0" scrolling="yes"src="netbibforside.asp" align="top"></IFRAME>
      <img src="../images/advonetintranet_testversion.jpg" width="119" height="30" usemap="#Map">   
    </td>
     
    <td width="271" valign="top"> <span class="overskrift"><strong><img src="../images/orangestreg.GIF" width="4" height="16">
      Nyheder fra JuraIndex</strong></span> <IFRAME SRC="http://www.juraindex.dk/firms/philip/news_469.asp?top=4" name="indprut" scrolling="no" frameBORDER="0" WIDTH=250 HEIGHT=180></IFRAME>
      <table width="275" height="70" cellpadding="0" cellspacing="0">
        <tr>
          <td width="273" height="68" valign="top">
<IFRAME width="238" height="255" frameborder="0" src="../nyhed/elaw_alert.asp" name="oef" target=blank></IFRAME></td>
      </tr>
      </table>
          </td>
    <td width="216" height="200" valign="top">
      <table width="209" border="0" cellpadding="0" cellspacing="0" height="80">
            <tr>
          <td height="18"><b><span class="overskrift"></span></b></td>
        </tr>
        <tr>
          <td width="4">&nbsp;</td>
          <td width="204" class="broedtekst"><a href="#" onClick="MM_openBrWindow('/opslagstavle/tilfoj_opslag.asp','opslag','scrollbars=yes,width=300,height=400')"><font color="#000000">[
            tilf&oslash;j opslag]</font></a></td>
        </tr>
        <tr>
          <td width="4" bgcolor="#FFFFFF">&nbsp;</td>
          <td width="204" height="50" valign="top"><IFRAME SRC="../opslagstavle/opslagindhold.asp" target="_blank" name="indhold1" scrolling="yes" frameBORDER="0" WIDTH=200 HEIGHT=300></IFRAME></td>
        </tr>
        <tr>
          <td width="4">&nbsp;</td>
          <td width="204"><a href="#" onClick="MM_openBrWindow('/opslagstavle/tilfoj_opslag.asp','opslag','scrollbars=yes,width=300,height=320')"><font color="#000000">[tilf&oslash;j
            opslag]</font></a></td>
        </tr>
        <tr>
          <td width="4">&nbsp;</td>
          <td width="204">&nbsp;</td>
        </tr>
        <tr>
          <td width="4">&nbsp;</td>
          <td width="204">&nbsp;</td>
        </tr>
      </table>
  </tr>
</table>
<map name="Map"><area shape="rect" coords="3,3,117,28" href="#" onLoad="MM_showHideLayers('Layer1','','hide')" onLoad="MM_showHideLayers('Layer1','','hide')">
  <area shape="rect" coords="3,2,114,29" href="#" onClick="MM_showHideLayers('Layer1','','show')">
</map>
</body>
</html>
Avatar billede miss-g Seniormester
20. maj 2003 - 20:25 #1
Har ikke så meget tjek på javascript, men bruger selv Dreamweaver MX.

Måske har du gjort noget galt....

Hvis du giver dine lag navne er det lettere at hitte ud af hvad der er hvad...

1) Lav det sjulte lag og sæt synlighedsattributten til "hidden".

2) Lav det synlige lag. Her skal laves et såkalt null-hyperlink. Markér din tekst eller billede i synlige lag og skriv: java script:void(0; i feltet LINK i properties inspector.

3) Opret en behavior på synlige lag: Åben panelet behaviors og klik på det hyperlink du netop har oprettet (kontrollér at der står <a> actios på titellinjen i behavior (ved siden af + og - knappen). Dette betyder at behavioren bliver andvendt på ankertaggen som er den tag der giver hyperlinks)).

4) Klik på + knappen i behaviors og show-hide layers.

5) Show-hide layers dialogbox vises og du kan se alle lag på siden. Sæt show og hide på de 2 lag... tryk ok for at gemme.

Handlingen der aktiverer behavioren:

Panelet Behaviors viser nu show-hide layers i kolonnen actions. Rul menuen ned (pilen) og vælg onclick (hvis det ikke står der i forevejen).

The end.
Avatar billede miss-g Seniormester
25. maj 2003 - 21:22 #2
Kunne du bruge svaret? *S*
Avatar billede miss-g Seniormester
04. juni 2003 - 23:21 #3
Lukketid?
Avatar billede miss-g Seniormester
13. juni 2003 - 00:11 #4
???? Hvor er du henne?? *G*
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
Kurser inden for grundlæggende programmering

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.

Du kan også logge ind via nedenstående tjenester