Søg
Avatar billede centauri Nybegynder
07. marts 2001 - 08:30 Der er 18 kommentarer og
1 løsning

Beskrivelse ved Link

Er det muligt på en eller anden måde at lave noget så idet man holder musen over et link så kommer der en box op med informationer om linket.

Jeg ved hvordan man gøre ved et billede, da fandt jeg dette her :
<a href=\"http://www.lissaexplains2.com/library/\"><img src=\"library1.gif\" width=140 height=40 alt=\"Library:&#10;&#13;&#10;&#13;Books for Kids&#10;&#13;HTML for kids&#10;&#13;HTML for adults and teens&#10;&#13;Internet for kids&#10;&#13;HTML Editors&#10;&#13;Make Your Own Graphics&#10;&#13;Kid\'s Computer Fiction and Non-Fiction&#10;&#13;Teaching Resources\" border=0></a>

Men vil godt have noget lignende der bare virker på et normalt text hyperlink.

Har demlig en side med downloads hvor program navnet bare står, så skulle det gerne være sådan at idet amn holder musen over linket så kommer beskrivelsen op om programmet.

Det skal gerne være sådan at de informationer der skal skrives ud skal stå sammen med linket på en eller anden måde. For har fundet et eksempel hvor informationerne står i et script i starten af siden, men det dur ikke da de informationer skal trækkes ud af en database.

Hvordan kan jeg lave det ?
Avatar billede skovtrold Nybegynder
07. marts 2001 - 08:37 #1
<a href=\"www.eksperten.dk\" title=\"her er et link\">Tekst</a>

Men det virker kun i IE...
Avatar billede cholm Nybegynder
07. marts 2001 - 08:39 #2
lytter med...:-)
Avatar billede centauri Nybegynder
07. marts 2001 - 08:54 #3
Finders der ellers noget Java eller noget man kan gøre det med ?
Avatar billede jakoba Nybegynder
07. marts 2001 - 09:03 #4
Du kan lave det med en alert-boks der aktiveres med onmouseover, men det er MEGET irriterende og gør det forresten umuligt at klikke på linket.

<a href=\"endside.html\" onmouseover=\"alert(\'Ha Ha nu skal din mus hen og klikke OK.\');\">Prøv at klikke her</a>
Avatar billede lhawk Nybegynder
07. marts 2001 - 09:25 #5
Prøv denne :

<HTML>
<HEAD>
<TITLE>Mouseover</TITLE>
<script language=\"JavaScript\">
<!--
function change(html){
  description.innerHTML=html
}
//-->

</script>
</HEAD>

<BODY bgcolor=\"ivory\">
<br>
<a href=\"http://www.eksperten.dk\" onmouseover=\"java script:change(\'Her står så noget om Eksperten\')\"
onmouseout=\"java script:change(\'\')\">Eksperten</a><br>
<div id=\"description\"></div>
</font>
</BODY>
</HTML>

Avatar billede hoejrup Nybegynder
07. marts 2001 - 09:37 #6
Her er der et godt link, som beskriver din funktion:

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

/per
Avatar billede centauri Nybegynder
07. marts 2001 - 09:39 #7
>lhawk 
Ja noget i den stil
Man det skal bare have en anden baggrunds farve så det er tydligt at se og så gerne en ramme om eller noget.
Avatar billede ras2000 Nybegynder
07. marts 2001 - 10:36 #8
Jeg har lavet en title til et væld af områder, du kan se det på http://www.mur-tag.dk/muc/2index.asp, den tegning der er til højre. Det er meget lig lhawk\'s løsning, tekststumpen bliver sendt med. Hvis det er det du vil have skal koden nok lige laves xbrowser venlig.
Avatar billede htx98i17 Professor
07. marts 2001 - 11:33 #9
Skovtrold -> Det er så ikke HELT rigtig. Det virker faktisk i Netscape 6 :o))
Avatar billede lhawk Nybegynder
07. marts 2001 - 11:41 #10
centauri -> Baggrundsfarven kan du jo ændre i <body bgcolor> og prøv så at smide denne ind imellem <head> og </head>

<style type=\"text/css\">
#description{width:150;font-family:verdana,arial,helvetica; font-size:11px; border: 1px solid}
</style>
Avatar billede centauri Nybegynder
07. marts 2001 - 12:18 #11
Det var nu baggrundsfarven på den box der kommer op med det man skriver i title=\"her er et link\" jeg mente jeg geren ville have i en anden farve.
Avatar billede ras2000 Nybegynder
07. marts 2001 - 12:34 #12
Prøv a kig på det link jeg har lagt før. Der definerer jeg selv tekst font, farve bgfarve osv.
Avatar billede centauri Nybegynder
07. marts 2001 - 12:42 #13
>ras2000 

Har set på din eksempel men synes ikke lige det er noget jeg kan bruge til noget.
Du definerer al texten oppe i dit Script det kan jeg ikke lige sådan uden viddere da al min data skal hentes ud fra en database, ellers skal jeg gøre det hele igennem af flere gange og det vil jeg gerne undgå.
Avatar billede ras2000 Nybegynder
07. marts 2001 - 12:45 #14
Nej, jeg sender teksten op fra <area onmouseover=\"vis(\'akustiksten\')\"
til funktionen
function vis(txt) {
    document.all.titelen.innerText=\' \' + txt + \'  \';
    document.all.titelen.style.display=\'block\';
    document.all.titelen.style.top=event.clientY - 20 - document.body.scrollTop;
    document.all.titelen.style.left=event.clientX - document.all.titelen.offsetWidth;
}
Avatar billede ras2000 Nybegynder
07. marts 2001 - 12:47 #15
Hov, jeg glemte at skrive det div tagget med:
<div id=\"titelen\" style=\"display:none; position:absolute; background-color:ffffe0; border-style:solid; border-width:1;
font-family:ms sans serif;font-size:12;font-color:ffffff\"></div>
</div>
Avatar billede lhawk Nybegynder
07. marts 2001 - 13:09 #16
background-color=#?????? ind i style.
Avatar billede centauri Nybegynder
08. marts 2001 - 11:00 #17
>ras2000 
Jo det ser meget brugbart ud ud.

Men hvad skal der så så ved min onmouseout: for at det forsvinder igen når jeg fjerner musen fra min text igen ?
Avatar billede ras2000 Nybegynder
08. marts 2001 - 11:03 #18
En function luk() {
document.all.titelen.style.display=\'none\'}
:)
Avatar billede centauri Nybegynder
22. marts 2001 - 12:35 #19
Fandt en anden mulighed med et Java Script og en Applet.
Så lukker spørgsmålet.
Men ellers mange tak for de mange svar.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
White papers
Flere white papers »