---
title: "Text som kommer fram när man drar musen över"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/124697-text-som-kommer-fram-när-man-drar-musen-över"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Hamatzu"
published: "2005-03-19T00:25:53.000Z"
updated: "2005-03-19T12:14:38.000Z"
replies: 10
views: 876
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/124697-text-som-kommer-fram-när-man-drar-musen-över"
---

# Text som kommer fram när man drar musen över

## #1 — Hamatzu, 2005-03-19T00:25Z

Hej på er alla! Jag skulle vilja  ha ett script så att när man drar musen över en text ska en annan text komma fram bredvid

När musen kommer över text så ska en text som inte syns från början komma fram bredvid.

text: (text som ska komma fram)

Är nog väldigt lätt men jag är inte något proffs   :p

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

## #2 — hltm, 2005-03-19T01:42Z

Det enkla sättet: i din tagg, exvis \<a href="blaha"\> skriv istället \<a href="blaha" title="den text du vill visa"\>,  du kan använda title="xxx" på de flesta taggar.
Om du är ute efter att kunna ha en liten ruta som poppar upp så finns ett allmänt använt script som gör precis det du efterfrågar men kommer bara inte på vad det heter, nånting \*\*lib typ har jag för mig. :(

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

## #3 — @nders, 2005-03-19T07:39Z

<http://www.bosrup.com/web/overlib/>

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

## #4 — Hamatzu, 2005-03-19T11:24Z

Men jag vill inte att det ska komma upp i en ruta. Utan bara som en vanlig text bredvid när man håller musen över text.

text: (text som ska komma fram)

Kan någon lägga ut en kod tack  :)

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

## #5 — @nders, 2005-03-19T11:28Z

Man kan ju prova att göra det enkelt för sig då. :)

```
<script>
function showText (id, text) {
      document.getElementById(id).innerHTML = text;
}
</script>

. . . 

<span onmouseover="showText('foo', 'texten som ska visas');" onmouseout="showText('foo', '');">Peka med musen här!</span> <span id="foo"></span>
```

mvh

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

## #6 — Hamatzu, 2005-03-19T11:33Z

Jag skulle vilja ha en onmouseout också så att texten försvinner. Var sätter jag in den så att det ska funka.

Och en sak till, den text som kommer fram byter rad efter bara 4 ord ungefär jag vill att det ska fortsätta rakt fram.

tacksam för svar

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

## #7 — @nders, 2005-03-19T11:35Z

Onmouseout redigerade jag in i mitt inlägg efter det att du läste det (tydligen), så titta igen. :)

Hur ser din kod ut när den byter rad? Har du en URL vi kan titta på?

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

## #8 — Hamatzu, 2005-03-19T12:00Z

Jag har ingen url som ni kan titta på men koden ser ut så här nu. 

\<table border="1" width="670"\>
\<tr\>\<td width="150" height="80" colspan="2"\>\<br\>\<font color="#FF9933"\>\<b\>Gåtor !\</b\>
\<br\>\<img src="linje2.gif" border="0"\>
\<script\>
function showText (id, text) {
      document.getElementById(id).innerHTML = text;
}
\</script\>

\<span onmouseover="showText('foo', 'det var fel svar det du hehe');" onmouseout="showText('foo', '');"\>Svar:\</span\> \<span id="foo"\>\</span\>\</td\>\</tr\>
\</table\>

alltså jag vet inte varför texten byter rad efter ca 4 ord. Helkonstigt :(

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

## #9 — @nders, 2005-03-19T12:05Z

Du har ju lagt dina span-element i en tabellcell med bredden 150 pixlar, så då blir det så. 

Dessutom, lägg javascriptet över tabellen istället, så blir det lite lättare att få överblick över html-koden.

mvh

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

## #10 — Hamatzu, 2005-03-19T12:06Z

Just det nu ser jag. Tack för hjälpen  :D

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

## #11 — @nders, 2005-03-19T12:14Z

Varsågod! :)

Två saker slutligen:
1) Använd \[kod\]-taggar när du postar kod, så blir koden mer lättläst.
2) Använd gärna funktionen [Acceptera som slutgiltigt svar](http://www.webforum.nu/misc.php?s=&action=faq&page=2#status). Länk finns längst ner till höger i det inlägg som löste ditt problem.

mvh

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/124697-text-som-kommer-fram-när-man-drar-musen-över