---
title: "Ruta över länk"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/108366-ruta-över-länk"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Rickard R"
published: "2004-08-02T13:31:05.000Z"
updated: "2004-08-02T19:43:39.000Z"
replies: 6
views: 349
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/108366-ruta-över-länk"
---

# Ruta över länk

## #1 — Rickard R, 2004-08-02T13:31Z

Hej!

Jag har googlat ett tag nu utan resultat. 
Jag vill skapa följande:

Jag har en länk. 
När jag håller musen över den vill jag att en ruta ska komma upp där en resultattabell ska visas.

ungefär som 
\<a href="#" title="Klicka här för att komma till...."\>Resultat\</a\>
där bara en text visas.

Kan någon länka till en guide hur detta går till, gärna med fler möjligheter också, såsom att ändra färg, formatering, utseende etc.

Förstod du inte vad jag menade? Fråga, så ska jag försöka förklara mer.

Tack på förhand!

Edit:
Jag gjorde en jättesnabb och ful bild som ska försöka förklara lite av vad jag menar:
<http://www.internetstart.se/bildgalleri/pics/00789.jpg>

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

## #2 — Jojoxx, 2004-08-02T15:43Z

Titta [här](http://www.jojoxx.net/dhtml/) under tooltip. Texten som anges kan vara html, plus att du har 2 variabler preMessage (före) och postMessage (efter) om du alltid har samma "huvud" och "fot" till texten så slipper du ange den i varje länk.

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

## #3 — Rickard R, 2004-08-02T18:12Z

Tack så mycket. Jag har dock en följdfråga:

I mitt fall vill jag att en tabell med kolumner och rader visas i rutan som ploppar upp. hur gör jag för att ersätta 

> onMouseover="tooltip('**Besök Jojoxx.net**');" onMouseout..

 
med HTML-kod?? Går detta att göra på något särskilt sätt?

HTML-koden är i stil med:

> \<table width="334" border="0" cellspacing="0" cellpadding="0"\>
>   \<tr\>
>     \<td width="58"\>Plac\</td\>
>     \<td width="221"\>Namn\</td\>
>     \<td width="55"\>Po&auml;ng\</td\>
>   \</tr\>
>   \<tr\>
>     \<td\>1\</td\>
>     \<td\>Gustaf Bertilsson\</td\>
>     \<td\>784\</td\>
>   \</tr\>
>   \<tr\>
>     \<td\>2\</td\>
>     \<td\>Bertil Gustafsson\</td\>
>     \<td\>741\</td\>
>   \</tr\>
> \</table\>

 
..och ska alltså visas i rutan när man har musen över länken.

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

## #4 — nkrantz, 2004-08-02T18:34Z

Det är bara att skriva in din html-kod där det nu står: 'Besök Jojoxx.net'

Tänkt på att sätta back-slash före citatistecken!

/N

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

## #5 — Rickard R, 2004-08-02T19:01Z

Jag måste nog ha missat något ställe eller gjort felaktigt?

> \<a href="http://www.jojoxx.net" onMouseover="tooltip('\<table width=\\"334\\" border=\\"0\\" cellspacing=\\"0\\" cellpadding=\\"0\\"\>
>   \<tr\>
>     \<td width=\\"58\\"\>Plac\</td\>
>     \<td width=\\"221\\"\>Namn\</td\>
>     \<td width=\\"55\\"\>Po&auml;ng\</td\>
>   \</tr\>
>   \<tr\>
>     \<td\>1\</td\>
>     \<td\>Gustaf Bertilsson\</td\>
>     \<td\>784\</td\>
>   \</tr\>
>   \<tr\>
>     \<td\>2\</td\>
>     \<td\>Bertil Gustafsson\</td\>
>     \<td\>741\</td\>
>   \</tr\>
> \</table\>');" onMouseout="tooltip();"\>Jojoxx.net\</a\>

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

## #6 — Jojoxx, 2004-08-02T19:31Z

Använd ' istället för " och ta bort radbrytningarna så fungerar det:

```
<a href="http://www.jojoxx.net" onMouseover="tooltip('<table width=\\'334\\' border=\\'0\\' cellspacing=\\'0\\' cellpadding=\\'0\\'><tr><td width=\\'58\\'>Plac</td><td width=\\'221\\'>Namn</td><td width=\\'55\\'>Poäng</td></tr><tr><td>1</td><td>Gustaf Bertilsson</td><td>784</td></tr><tr><td>2</td><td>Bertil Gustafsson</td><td>741</td></tr></table>');" onMouseout="tooltip();">Jojoxx.net</a>
```

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

## #7 — Rickard R, 2004-08-02T19:43Z

Underbart! Tack så jättemycket för hjälpen!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/108366-ruta-över-länk