webForumDet fria alternativet

Ruta över länk

6 svar · 341 visningar · startad av Rickard R

Rickard RMedlem sedan jan. 200469 inlägg
#1

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

JojoxxMedlem sedan juni 20004 308 inlägg
#2

Titta här 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.

Rickard RMedlem sedan jan. 200469 inlägg
#3

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ä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.

nkrantzMedlem sedan apr. 2002830 inlägg
#4

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

Rickard RMedlem sedan jan. 200469 inlägg
#5

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ä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>

JojoxxMedlem sedan juni 20004 308 inlägg
#6

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>
Rickard RMedlem sedan jan. 200469 inlägg
#7

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

130 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)