Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:25 Der er 37 kommentarer og
1 løsning

når musen holdes over link, kommer der box frem med tekst

jeg søger det script der gør at når man holder musen henover et link kommer der en box frem, hvor der kan står lidt info omkring linket

eks:
link til www.eksperten.dk når musen er henover linket, kommer der en lille box frem hvor der evt står "eksperten.dk er et online IT forum, hvor man kan få svar på sine it spørgsmål"

jeg har set det på forskellige site *det selvfølgelig ikke finde dem nu*..

nogen der kan hjælpe?
Avatar billede www.kwdemant.dk Juniormester
13. juli 2002 - 11:27 #1
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 11:28 #2
Avatar billede www.kwdemant.dk Juniormester
13. juli 2002 - 11:28 #3
klik derefter på webdesig > java script > link >og vælg selv en
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:29 #4
jeg vil have scripte.
ikke siderne ;o)
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 11:30 #5
Det er da ikke for smart det på http://www.dejligbjerg.dk/
Avatar billede www.kwdemant.dk Juniormester
13. juli 2002 - 11:31 #6
Kopier dette script ind mellem <head> og </head>

<script>
function loadfollow(which){
if (!window.win2||win2.closed)
win2=window.open(which.href)
else
win2.location=which.href
}
</script>



Kopier dette script ind i <a> koden

onMouseover="loadfollow(this)"



det skulle være til at finde ud af
Avatar billede www.kwdemant.dk Juniormester
13. juli 2002 - 11:32 #7
jeg er ikke sikker på scriptet.. men prøv det hvis du har lyst
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:33 #8
der er ikke det.. script jeg søger..

boxen skal komme ved linket.. ikke et andet sted på siden
har lige prøvet det..
Avatar billede www.kwdemant.dk Juniormester
13. juli 2002 - 11:34 #9
ok.. det var vel et forsøg værd
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 11:34 #10
Hvorfor kigger du så ikke på mit link?
http://www.bosrup.com/web/overlib/
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:37 #11
pelkjaer => kan kun en ting af gang *iøjeblikket ;o)*
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:39 #12
der er skal jo læses noget før jeg kan bruge det ;o)
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 11:41 #13
? Det er da såre simpelt at indsætte :http://www.bosrup.com/web/overlib/docs.html
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:44 #14
pelkjaer => når jeg ikke engang kan html.. hvordan tror du så jeg har det med javascript ;o)
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 11:45 #15
Prøv nu at kigge på ovenstående link, det er ren copy/paste =oD
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:45 #16
pelkjaer => ja ja ja ja er igang! ;o)
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:48 #17
du kan se min links side hvor det skal bruges her:

<html>
<head>
&lt;div id="overDiv" style="position:absolute; visibility:hidden;
z-index:1000;"&gt;&lt;/div&gt;<BR>&lt;script language="JavaScript"
src="overlib.js"&gt;&lt;!-- overLIB (c) Erik Bosrup --&gt;&lt;/script&gt;
<base target="_blank">
</head>
<body topmargin="0" leftmargin="0" cellspacing="0" bgcolor="#CCCCCC">
<p align="center"><font face="Verdana" size="4"><b>Links</b></font></p>
<p align="center">&nbsp;</p>
<p align="left"><b><u><font face="Verdana" size="3">Søgemaskiner</font></u></b></p>
<p align="left"><font face="Verdana" size="2"><a href="http://www.alltheweb.com"><font color="#0000FF">www.alltheweb.com</font></a>
- <a href="http://www.google.com"><font color="#0000FF">www.google.com</font></a>
- </font></p>
<p align="left">&nbsp;</p>
<p align="left"><font face="Verdana" size="3"><b><u>Hardware</u></b></font></p>
<p align="left"><font face="Verdana" size="2"><a href="http://www.tweakup.dk"><font color="#0000FF">www.tweakup.dk</font></a>
- <a href="http://www.hardwaretidende.dk"><font color="#0000FF">www.hardwaretidende.dk</font></a>
- <a href="http://www.tweaktown.com"><font color="#0000FF">www.tweaktown.com</font></a>
- </font></p>
<p align="left">&nbsp;</p>
<p align="left"><b><font face="Verdana" size="3"><u>Styresystemer</u></font></b></p>
<p align="left"><font color="#bf0060" size="2" face="Verdana"><a href="www.atheos.cx</a>" target="_blank">http://www.atheos.cx">www.atheos.cx</a>
</font><font size="2" face="Verdana" color="#000000">-</font><font color="#bf0060" size="2" face="Verdana">
<a href="www.menuetos.org</a>" target="_blank">http://www.menuetos.org">www.menuetos.org</a> </font><font size="2" face="Verdana" color="#000000">-</font><font color="#bf0060" size="2" face="Verdana">
<a href="www.osnews.com</a>" target="_blank">http://www.osnews.com">www.osnews.com</a> </font><font size="2" face="Verdana" color="#000000">-</font><font color="#bf0060" size="2" face="Verdana">
<a href="www.linux.org</a>" target="_blank">http://www.linux.org">www.linux.org</a> </font><font size="2" face="Verdana" color="#000000">-</font><font color="#bf0060" size="2" face="Verdana">
<a href="www.linusiso.org</a>" target="_blank">http://www.linusiso.org">www.linusiso.org</a> </font></p>
<p align="left">&nbsp;</p>
<p align="left"><b><u><font face="Verdana" size="3">Blandet</font></u></b></p>
<p align="left"><font face="Verdana" size="2"><a href="www.it-leksikon.dk</a>" target="_blank">http://www.it-leksikon.dk">www.it-leksikon.dk</a>
- <a href="www.whatis.com</a>" target="_blank">http://www.whatis.com">www.whatis.com</a> - <a href="www.howstuffworks.com</a>" target="_blank">http://www.howstuffworks.com">www.howstuffworks.com</a>
- </font></p>
<p align="left">&nbsp;</p>
</body>
</html>
Avatar billede stof Nybegynder
13. juli 2002 - 11:48 #18
Avatar billede stof Nybegynder
13. juli 2002 - 11:49 #19
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:50 #20
stof => bruger nok pelkjaer's foreslag.. ;o)
Avatar billede stof Nybegynder
13. juli 2002 - 11:52 #21
ok - helt i orden...
Avatar billede rkhdk Nybegynder
13. juli 2002 - 11:53 #22
vis jeg kan finde ud af det ;o)
Avatar billede stof Nybegynder
13. juli 2002 - 11:53 #23
den ser da ellers sexet ud den sidste jeg kom med... :-)
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 11:57 #24
Lige efter body indsætter du link til js osv: (du har selvfølgelig gemt overlib.js i sidens rod - mini-filen kan du bare slette)

<body topmargin="0" leftmargin="0" cellspacing="0" bgcolor="#CCCCCC">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

Derefter vil et af dine links se sådan ud:

<a href="http://www.atheos.cx" onmouseover="return overlib('Din
meddelelse her.');" onmouseout="return nd();">www.atheos.cx</a>

Du konfigurerer farver osv. i overlib.js
Avatar billede rkhdk Nybegynder
13. juli 2002 - 12:04 #25
pelkjaer => Takker.. ;o)
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 12:06 #26
Velbekomme
Avatar billede rkhdk Nybegynder
13. juli 2002 - 12:06 #27
hvordan gør jeg så at farven IKKE skifter når man har trykket på linket?
jeg har før (i Frontpage), give dem en bestemt farve også har de den farve hele tiden..
hvordan gør jeg det her nu?
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 12:13 #28
Du mener farven på selve linket - lidt OT her men:

<style type="text/css">
a:link {
  color: #000000;
  text-decoration: none;
}
a:visited {
  color: #000000;
  text-decoration: none;
}
</style>
Avatar billede rkhdk Nybegynder
13. juli 2002 - 12:17 #29
hvordan får jeg understregningen igen?

ellers fint ;o)
Avatar billede pelkjaer Nybegynder
13. juli 2002 - 12:18 #30
text-decoration: underline;

:o)
Avatar billede rkhdk Nybegynder
13. juli 2002 - 20:20 #31
hvordan får jeg den til at virke på en billede, så når man holder den over billedet, kommer den frem, og på den måde linker

<a href="http://www.eksperten.dk" "java script:void(0);" onmouseover="return overlib('bl bla');" onmouseout="return nd();"> <img border="0" src="filesize.gif" width="16" height="16"></a>

hvorfor virker dette ikke?
Avatar billede pelkjaer Nybegynder
14. juli 2002 - 11:13 #32
Prøv med blot

<a href="http://www.eksperten.dk" onmouseover="return overlib('bl bla');" onmouseout="return nd();"><img border="0" src="filesize.gif" width="16" height="16"></a>
Avatar billede rkhdk Nybegynder
14. juli 2002 - 14:44 #33
det virker ikke
Avatar billede pelkjaer Nybegynder
14. juli 2002 - 15:11 #34
Så prøv med:

<a href="http://www.eksperten.dk"><img border="0" src="filesize.gif" width="16" height="16" onmouseover="return overlib('bl bla');" onmouseout="return nd();"></a>
Avatar billede rkhdk Nybegynder
14. juli 2002 - 15:13 #35
nope.. stadig ikke :(
Avatar billede pelkjaer Nybegynder
14. juli 2002 - 17:20 #36
Så må du læse i dokumentationen om det virker med billeder.
Avatar billede rkhdk Nybegynder
14. juli 2002 - 17:33 #37
Can I make overLIB popups popup over imagemaps?
Yes, it's just as easy as normal popups. Just place the same onMouseOver and onMouseOut events in the imagemap code as you would have placed in an anchor tag.

hvordan skal den så se ud?
Avatar billede pelkjaer Nybegynder
14. juli 2002 - 19:06 #38
Fx. sådan her:

<map name="billedeMap">
  <area shape="rect" coords="6,16,55,96" href="java script:void(0);" onmouseover="return overlib('bl bla');" onmouseout="return nd();" alt="">
</map>
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