Avatar billede onkel_satan Nybegynder
29. juni 2006 - 22:26 Der er 13 kommentarer og
1 løsning

popup text.

Nogen der ved hvordan man får popup textbox (med lidt text i self.) ved at holde curseren over en bestemt stump text, altså ikke links, men bare almindelig text ?
Avatar billede mclemens Nybegynder
29. juni 2006 - 22:32 #1
http://www.bosrup.com/web/overlib/
tror man kan køre både:

<a href="java script:void(0);" onclick="return overlib('This is a sticky
  with a caption. And it is centered under the mouse!', STICKY, CAPTION,
  'Sticky!', CENTER);" onmouseout="nd();">Click here!</a>

og

<b onclick="return overlib('This is a sticky
  with a caption. And it is centered under the mouse!', STICKY, CAPTION,
  'Sticky!', CENTER);" onmouseout="nd();">Click here!</b>

m.v. man har dog aldrig prøvet det...
Avatar billede mclemens Nybegynder
29. juni 2006 - 22:33 #2
ups... onclick -> onmouseover ... der er dog mere documentation derinde ... (ved dog ikke om det understøtter andet en a href's...)
Avatar billede mclemens Nybegynder
29. juni 2006 - 22:35 #3
Du kan evt. også kigge på denne:
http://www.eksperten.dk/spm/702784

for at forbedre scriptet:
visibility rettes til: display
hidden rettes til: none
visible rettes til: block
Avatar billede onkel_satan Nybegynder
29. juni 2006 - 22:45 #4
Ja det skal netop ikke være til links. Leger lige lidt med den <b> tag ud har lavet og læser lige den anden post igennem.
Avatar billede mclemens Nybegynder
30. juni 2006 - 00:45 #5
<b... kan selvfølig også rettes til <span... (eller meget andet)
det er jo ikke sikkert at teksten skal være fed
Avatar billede caf Nybegynder
30. juni 2006 - 07:07 #6
hvad med denne?


<html>
<head>
<style type="text/css">

div#links {
position: absolute;
top: 81px;
left: 0;
width: 166px;
font: 16px Verdana, sans-serif; z-index: 100;
}

div#links a {
text-align: center;
font: bold  sans-serif;
text-decoration: none;

}
div#links a:hover {
color:#888;
background: #FFF;
text-decoration: none;
}

div#links a span {
display: none;
}

div#links a:hover span {
display: block;
position: absolute;
padding: 5px;
margin: 15px;
font: 10px Verdana, sans-serif;
}

div#content {
position: absolute;
top: 26px;
left: 161px;
right: 25px;
font: 13px Verdana, sans-serif;

}
</style>
</head>

<body>
<div id="links">
<a href=>Synlig tekst<span> Her skriver du så den tekst du vil have til at komme frem, når musen kommer over</span></a>
</div>
</body>

</html>
Avatar billede milandt Nybegynder
30. juni 2006 - 11:32 #7
eller sådan her:

<p>her er en tekst, og <u title="Denne tekst bliver vist i en tooltip boks">denne tekst har et tooltip</u></p>
Avatar billede onkel_satan Nybegynder
02. juli 2006 - 22:27 #8
Takker alle tre, kan i ikke smide nogle svar saa deler jeg lidt ud :)
Avatar billede mclemens Nybegynder
02. juli 2006 - 22:31 #9
1. Svar
Avatar billede mclemens Nybegynder
02. juli 2006 - 22:32 #10
(Kan misforståes 1. Svar -> Første Svar)
Avatar billede onkel_satan Nybegynder
02. juli 2006 - 22:43 #11
Mclemens var hurtig og får points i denn omgang, men takker til jer andre to også.
Avatar billede mclemens Nybegynder
02. juli 2006 - 23:08 #12
Øv, havde været tilfreds med en deler :/
.. Jamen, så siger jeg tak til satan :o)
Avatar billede onkel_satan Nybegynder
02. juli 2006 - 23:30 #13
Tror nok de overlever :)
Hvis jeg venter på de andre glemmer jeg bare at acceptere :/
Avatar billede caf Nybegynder
03. juli 2006 - 06:19 #14
Der er ok med mig :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester