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
Annonceindlæg fra Infor
23. september 2002 - 22:12
#2
er det noget alla denne her:
www.hillerodgolf.dk se på emailservice oh hgk logoet i toppen
/cdc
23. september 2002 - 23:36
#3
/cdc » ja, lige præcist!
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
23. september 2002 - 23:45
#5
Venligst udlånt af Phoenix.
24. september 2002 - 00:20
#6
/cdc » vil også gerne se din udgave.
24. september 2002 - 09:55
#7
<script language="JavaScript"> x = - 50; //Så langt til venstre tippet skal være fra cursoren y = + 18; //Så langt nedenunder tippet skal være fra cursoren paa = false; function vis(txt) { document.getElementById("tiptxt").innerHTML = txt; document.getElementById("tip").style.left = event.clientX - 50; document.getElementById("tip").style.top = event.clientY + 18; document.getElementById("tip").style.visibility = "visible"; paa = true; } function skjul() { document.getElementById("tip").style.visibility = "hidden"; paa = false; } function mov() { if (paa) { document.getElementById("tip").style.left = event.clientX - 50; document.getElementById("tip").style.top = event.clientY + 18; } } </script> i body: onMouseMove="mov();" ved link: onMouseOver="vis('Hvad er emailservice');" onMouseOut="skjul();"> emailservice</a>. Har fået den her på E men af hvem husker jeg ikke lige.
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>
24. september 2002 - 14:37
#9
hvordan sætter man flere ting i en onMouseOut() ? eks: vis('tekst'); og this.background='billede.gif' ?
24. september 2002 - 14:38
#10
ok ligemeget.. jeg fandt ud af det ;)
24. september 2002 - 14:39
#11
:O)
24. september 2002 - 14:39
#12
24. september 2002 - 14:41
#13
criterius-> der var den kunne ikke finde den tidligere
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! :(
24. september 2002 - 14:51
#15
eazye - så prøv mit link...!
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
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
24. september 2002 - 17:09
#18
ja det har jeg.. den gør det alligevel!
24. september 2002 - 17:11
#19
jeg har ellers ikke problemer med det selv der hvor jeg skal scrolle
24. september 2002 - 17:22
#20
du har så den her mulighed med layers: <html> <head> <title></title> <style type="text/css"><!-- .myStyle { position: absolute; visibility: hidden; } //--></style> <script language="JavaScript"><!-- function show(object,e) { if (e != '') { if (document.all) { x = e.clientX; y = e.clientY; } if (document.layers) { x = e.pageX; y = e.pageY; } } if (document.layers && document.layers[object] != null) { document.layers[object].left = x; document.layers[object].top = y; } else if (document.all) { document.all[object].style.posLeft = x; document.all[object].style.posTop = y; } if (document.layers && document.layers[object] != null) document.layers[object].visibility = 'visible'; else if (document.all) document.all[object].style.visibility = 'visible'; } function hide(object) { if (document.layers && document.layers[object] != null) document.layers[object].visibility = 'hidden'; else if (document.all) document.all[object].style.visibility = 'hidden'; } //--></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>
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
24. september 2002 - 17:33
#22
så vil jeg lige svare :o)
24. september 2002 - 17:33
#23
giv mig 10 P, så er jeg glad
24. september 2002 - 17:43
#24
:D
24. september 2002 - 17:44
#25
jeg ville kun have 10 points
24. september 2002 - 18:54
#26
ligemeget.. jeg gav pts før jeg så din besked..
Vi tilbyder markedets bedste kurser inden for webudvikling