CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

eazye Nybegynder

23. september 2002 - 21:06 Der er 23 kommentarer og
3 løsninger

Box der ligner "alt" ved rollover?

Hey eksperter!

Jeg vil gerne have lavet en lille smart ting til min side.

Hvordan laver man et alt-lignende box, som kommer frem, når man kører musen over, og viser en tekst i en ramme? ligesom ved alt="tekst", men hvor der er grå baggrund og sort kant, og man kan bestemme bredden på boxen?

Jeg ved ik helt om det er den rigtige kategori, men jeg vil umiddelbart tro at javascript ville kunne gøre det..?

- EazyE

Synes godt om

par Nybegynder

23. september 2002 - 21:15 #1

Der er en udgave her - det er den, der hedder PopupDescriptions......

http://www.dhtmlcentral.com/script/search.asp?category=text

Synes godt om

cdc Novice

23. september 2002 - 22:12 #2

er det noget alla denne her: www.hillerodgolf.dk
se på emailservice oh hgk logoet i toppen

/cdc

Synes godt om

eazye Nybegynder

23. september 2002 - 23:36 #3

/cdc » ja, lige præcist!

Synes godt om

nikolajdu Nybegynder

23. september 2002 - 23:44 #4

Sådan :)

<html>
<head>
<script>
x = 30; //Så langt til højre tippet skal være fra cursoren
y = 30; //Så langt nedenunder tippet skal være fra cursoren
tid = 1000; //Antal millisekunder, før tippet skal forsvinde

paa = false;
var to;
function vis(txt) {
obj("tiptxt").innerHTML = txt;
obj("tip").style.left = event.clientX + 30;
obj("tip").style.top = event.clientY + 30;
obj("tip").style.visibility = "visible";
paa = true;
to = setTimeout("skjul();", tid);
}

function skjul() {
clearTimeout(to);
obj("tip").style.visibility = "hidden";
paa = false;
}

function mov() {
if (paa) {
obj("tip").style.left = event.clientX + 30;
obj("tip").style.top = event.clientY + 30;
}
}

function obj(id) {
if (document.getElementById)
return document.getElementById(id);
else if (document.all)
return document.all[id];
}
</script>
</head>
<body onMouseMove="mov();">
<div id="tip" style="position: absolute; left: -200; top: -200; visibility: hidden;">
<div id="tiptxt" style="background-color: yellow; font-family: Verdana;font-size:10px;">
</div>
</div>
<form>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 1');" onMouseOut="skjul();"><br>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 2');" onMouseOut="skjul();"><br>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 3');" onMouseOut="skjul();"><br>
<input type="submit" value="minSubmitknap" onMouseOver="vis('Juhu jeg er pæn');" onMouseOut="skjul();"><br>
</form>
</body>
</html>

/Nikolaj

Synes godt om

nikolajdu Nybegynder

23. september 2002 - 23:45 #5

Venligst udlånt af Phoenix.

Synes godt om

eazye Nybegynder

24. september 2002 - 00:20 #6

/cdc » vil også gerne se din udgave.

Synes godt om

cdc Novice

24. september 2002 - 09:55 #7

Synes godt om

cdc Novice

24. september 2002 - 09:58 #8

glemte lige denne der skal være i bunden af dit script:

<div id="tip" style="position: absolute; left: -200; top: -200; visibility: hidden;">
<div id="tiptxt" style="background-color: #ffffff; COLOR: #294A7B; font-family: Verdana; font-size: 10px; BORDER-RIGHT: #294A7B 1px solid; BORDER-TOP: #294A7B 1px solid; BORDER-LEFT: #294A7B 1px solid; BORDER-BOTTOM: #294A7B 1px solid; POSITION: absolute">
</div>
</div>

Synes godt om

eazye Nybegynder

24. september 2002 - 14:37 #9

hvordan sætter man flere ting i en onMouseOut() ? eks: vis('tekst'); og this.background='billede.gif' ?

Synes godt om

eazye Nybegynder

24. september 2002 - 14:38 #10

ok ligemeget.. jeg fandt ud af det ;)

Synes godt om

cdc Novice

24. september 2002 - 14:39 #11

:O)

Synes godt om

criterius.dk Nybegynder

24. september 2002 - 14:39 #12

OverLib er DEN BEDSTE!

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

Synes godt om

cdc Novice

24. september 2002 - 14:41 #13

criterius-> der var den kunne ikke finde den tidligere

Synes godt om

eazye Nybegynder

24. september 2002 - 14:50 #14

/cdc » Synes det er lidt nederen, at hvis man scroller lidt ned over siden, og man kører musen ind over teksten, så kommer boxen frem over teksten. Derved når teksten er det øverste på skærmen, efter man har scrollet ned, så kan man ikke se boxen! :(

Synes godt om

criterius.dk Nybegynder

24. september 2002 - 14:51 #15

eazye - så prøv mit link...!

Synes godt om

cdc Novice

24. september 2002 - 14:56 #16

har du sat denne som du vil have den :

x = - 50; //Så langt til venstre tippet skal være fra cursoren
y = + 18; //Så langt nedenunder tippet skal være fra cursoren

den er jo lavet til min side.

- er vestre + er højre for

Synes godt om

eazye Nybegynder

24. september 2002 - 17:01 #17

citerius.dk » det er et alt for stort script til hvad jeg leder efter.. det skal bare være en lille funktion! :) ellers tak

Synes godt om

eazye Nybegynder

24. september 2002 - 17:09 #18

ja det har jeg.. den gør det alligevel!

Synes godt om

cdc Novice

24. september 2002 - 17:11 #19

jeg har ellers ikke problemer med det selv der hvor jeg skal scrolle

Synes godt om

cdc Novice

24. september 2002 - 17:22 #20

du har så den her mulighed med layers:

<html>

<head>

<title></title>
<style type="text/css"></style>
<script language="JavaScript"></script>
</head>

<body>

<span id="text1" class="myStyle">
<table bgcolor="#ffffcc"><tr><td>
Heres<br>some<br><b>bold<br>text</b><br>in<br>a<br>layer
</td></tr></table>
</span>

<span id="text2" class="myStyle">
<table bgcolor="#ffffcc"><tr><td>
Heres<br>some<br><i>italic<br>text</i><br>in<br>a<br>layer
</td></tr></table>
</span>

<span id="text3" class="myStyle">
<table bgcolor="#ffffcc"><tr><td>
Heres<br>some<br><font
color="#ff0000">red<br>text</font><br>in<br>a<br>layer
</td></tr></table>
</span>

<table><tr>

<td>
<a href="#" onMouseOver="if (window.event || document.layers) show('text1',event)" onMouseOut="hide('text1')">Reveal layer 1</a>
</td>

<td>
<a href="#" onMouseOver="if (window.event || document.layers) show('text2',event)" onMouseOut="hide('text2')">Reveal layer 2</a>
</td>

<td>
<a href="#" onMouseOver="if (window.event || document.layers) show('text3',event)" onMouseOut="hide('text3')">Reveal layer 3</a>
</td>

</tr></table>
</body>

</html>

Synes godt om

eazye Nybegynder

24. september 2002 - 17:31 #21

den gør det samme (rykker op når man scroller længere ned) :( .. jeg giver bare jer alle 3 pts.. Tak for hjælpen.

-EazyE

Synes godt om

cdc Novice

24. september 2002 - 17:33 #22

så vil jeg lige svare :o)

Synes godt om

cdc Novice

24. september 2002 - 17:33 #23

giv mig 10 P, så er jeg glad

Synes godt om

eazye Nybegynder

24. september 2002 - 17:43 #24

Synes godt om

cdc Novice

24. september 2002 - 17:44 #25

jeg ville kun have 10 points

Synes godt om

eazye Nybegynder

24. september 2002 - 18:54 #26

ligemeget.. jeg gav pts før jeg så din besked..

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS