---
title: "Layer display"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/85058-layer-display"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "SteveP"
published: "2003-09-02T11:51:19.000Z"
updated: "2003-09-02T13:01:53.000Z"
replies: 3
views: 285
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/85058-layer-display"
---

# Layer display

## #1 — SteveP, 2003-09-02T11:51Z

Jag har en sida med ca 50 rader

Namn ------- länk ------- datum ------- description
Namn ------- länk ------- datum ------- description
Namn ------- länk ------- datum ------- description
Namn ------- länk ------- datum ------- description
Namn ------- länk ------- datum ------- description

När man drar musen över Description så ska ett lager visas med Description texten i.

Hör gör jag detta på bästa vis?

Det viktigaste är att lagret visas brevid den Description man drar musen över.

Permalänk: https://www.webforum.nu/p/85058

## #2 — matsbjork, 2003-09-02T12:24Z

Re: Layer display

En enklare variant för Internet Explorer är:

```
<BODY>

<script language=JavaScript>
function ShowDesc(name,what)
{
var vis;
var nName;
nName = name + "_d";
if(what==0){vis = 'hidden'}
if(what==1){vis = 'visible'}

document.all[nName].style.visibility=vis;
}
</script>

<table border=1>

<tr>
<td>
	<span id="nr1" onMouseOver="ShowDesc(this.id,1)" onMouseOut="ShowDesc(this.id,0)">
	<table cellpadding=0 cellspacing=0><tr><td width=100>Name</td><td width=100>Desc >></td></tr></table>
	</span>
</td>
<td>
	<span id="nr1_d" style="visibility:hidden;">Detta är beskrivningen</span>
</td>
</tr>

<tr>
<td>
	<span id="nr2" onMouseOver="ShowDesc(this.id,1)" onMouseOut="ShowDesc(this.id,0)">
	<table cellpadding=0 cellspacing=0><tr><td width=100>Name 2</td><td width=100>Desc >></td></tr></table>
	</span>
</td>
<td>
<span id="nr2_d" style="visibility:hidden;">Detta är beskrivningen på den andra raden</span>
</td>
</tr>

</table>

</BODY>
```

Mycket nöje!

Permalänk: https://www.webforum.nu/p/1146799

## #3 — dectgap, 2003-09-02T12:27Z

En enkel justering för att få det att fungera i andra läsare:

```
<BODY>

<script language=JavaScript>
function ShowDesc(name,what)
{
var vis;
var nName;
nName = name + "_d";
if(what==0){vis = 'hidden'}
if(what==1){vis = 'visible'}

document.getElementById(nName).style.visibility=vis;
}
</script>

<table border=1>

<tr>
<td>
	<span id="nr1" onMouseOver="ShowDesc(this.id,1)" onMouseOut="ShowDesc(this.id,0)">
	<table cellpadding=0 cellspacing=0><tr><td width=100>Name</td><td width=100>Desc >></td></tr></table>
	</span>
</td>
<td>
	<span id="nr1_d" style="visibility:hidden;">Detta är beskrivningen</span>
</td>
</tr>

<tr>
<td>
	<span id="nr2" onMouseOver="ShowDesc(this.id,1)" onMouseOut="ShowDesc(this.id,0)">
	<table cellpadding=0 cellspacing=0><tr><td width=100>Name 2</td><td width=100>Desc >></td></tr></table>
	</span>
</td>
<td>
<span id="nr2_d" style="visibility:hidden;">Detta är beskrivningen på den andra raden</span>
</td>
</tr>

</table>

</BODY>
```

Permalänk: https://www.webforum.nu/p/1146801

## #4 — PepeJeria, 2003-09-02T13:01Z

och om man vill trimma koden liten kan man:

```
<script type="text/javascript">
function ShowDesc(name)
{
	var obj = document.getElementById(name + "_d");
	obj.style.visibility = (obj.style.visibility == "visible")? "hidden":"visible";
}
</script>
```

Permalänk: https://www.webforum.nu/p/1146818

---

Tråden på webben: https://www.webforum.nu/amne/javascript/85058-layer-display
