Notifikationer

Markér alle som læst Log ud

ole_hj Juniormester

03. december 2005 - 11:38 Der er 10 kommentarer og
1 løsning

onMouseover tekst ved siden af teksten.

Kære eksperter
Jeg skal bruge en kode i JavaScript eller html en mousover
At når jeg køre musen hen over tekst og checkbox, så skal der kommer en lille tekst. Teksten skal komme ved siden af tekst og checkbox.

Og der skal komme en ny tekst når jeg føre den ned til næste checkbox, altså der skal være 4 forskellige tekster, alt afhænge hvilken checkbox det er.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>onmousover</title>
</head>

<body>
<input type="checkbox" name="01">01<br>
<input type="checkbox" name="02">02<br>
<input type="checkbox" name="03">03<br>
<input type="checkbox" name="04">04<br>
</body>

</html>

Synes godt om

Keld Nielsen Professor

03. december 2005 - 11:56 #1

Kunne det her ikke være en idé: http://www.bosrup.com/web/overlib/
og du har alle mulige konfigurationsmuligheder.

Synes godt om

ole_hj Juniormester

03. december 2005 - 12:37 #2

Ja det er sådan noget jeg havde tænkt mig, men jeg kunne godt tænke mig at få et eksempel vist i dette spørgsmål.

Synes godt om

Keld Nielsen Professor

04. december 2005 - 12:24 #3

Der er ikke mange eksempler på hans side, men en forklaring her:
http://www.bosrup.com/web/overlib/?Command_Reference

Der var engang een som havde den med eksempler, men jeg kan desværre ikke finde den !

Synes godt om

ole_hj Juniormester

04. december 2005 - 13:52 #4

Jeg har prøvet at sæte noget sammen. men den virker ikke hvad er der galt med den kode.

<html>
<head>
<title>onmousover</title>
</head>

<body>
<SCRIPT language="javascript">
<a href="java script:void(0);" onmouseover="return overlib('Tekst.', HEIGHT, 40, LEFT, ABOVE, SNAPX, 10, SNAPY, 10)
;" onmouseout="return nd();"><input type="checkbox" name="01">01</a><br>
</SCRIPT
<input type="checkbox" name="02">02<br>
<input type="checkbox" name="03">03<br>
<input type="checkbox" name="04">04<br>

</body>

</html>

Synes godt om

Keld Nielsen Professor

04. december 2005 - 14:14 #5

For det første skal du have dette her i headeren:
<script type="text/javascript" src="overlib.js"></script

...og så skal du have javascriptet i din sti: "overlib.js"

Synes godt om

ole_hj Juniormester

04. december 2005 - 15:32 #6

Det virker stadig ikke hvad gør jeg galt, jeg har ændret koden, og downloadet overlib.js og lagt dem i samme mappe. men hvad gør jeg forkert

<html>
<head>
<title>onmousover</title>
<script type="text/javascript" src="overlib.js"></script
</head>

<body>
<SCRIPT language="javascript">

</SCRIPT

</body>

</html>

Synes godt om

roenving Novice

06. december 2005 - 11:42 #7

Du mangler containeren:

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

-- f.eks. lige efter body-tagget !-)

-- og så skal der ikke være script-tags rundt om links eller andet html-kode, så f.eks.

<html>
<head>
<title>onmousover</title>
<script type="text/javascript" src="overlib.js"></script
</head>

<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

<input type="checkbox" name="c01" onmouseover="return overlib('Checkbox 1', HEIGHT, 40, LEFT, ABOVE, SNAPX, 10, SNAPY, 10)
;" onmouseout="return nd();">01<br>
<input type="checkbox" name="c02" onmouseover="return overlib('Checkbox 2', HEIGHT, 40, LEFT, ABOVE, SNAPX, 10, SNAPY, 10)
;" onmouseout="return nd();">02<br>
<input type="checkbox" name="c03" onmouseover="return overlib('Checkbox 3', HEIGHT, 40, LEFT, ABOVE, SNAPX, 10, SNAPY, 10)
;" onmouseout="return nd();">03<br>
<input type="checkbox" name="c04" onmouseover="return overlib('Checkbox 4', HEIGHT, 40, LEFT, ABOVE, SNAPX, 10, SNAPY, 10)
;" onmouseout="return nd();">04<br>

</body>

</html>

Synes godt om

roenving Novice

06. december 2005 - 11:44 #8

-- og så er der vist forkerte linjeskift, så det altså f.eks. skal være:

<input type="checkbox" name="c04" onmouseover="return overlib('Checkbox 4', HEIGHT, 40, LEFT, ABOVE, SNAPX, 10, SNAPY, 10);" onmouseout="return nd();">04<br>

Synes godt om

ole_hj Juniormester

10. december 2005 - 14:54 #9

Lukket

Synes godt om

roenving Novice

12. december 2005 - 10:47 #10

?-)

Synes godt om

ole_hj Juniormester

07. oktober 2012 - 17:20 #11

Lukker

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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