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

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. :(

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

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 :)

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

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

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å?

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 :(

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

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

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. Länk finns längst ner till höger i det inlägg som löste ditt problem.

mvh