Søg
Avatar billede angelenglen Nybegynder
27. februar 2003 - 16:58 Der er 9 kommentarer og
1 løsning

mouseover layer centeret over link

jeg har et link - fx:

<a href=#>test-link</a>

-jeg vil have det sådan at når man holder musen over linket, så vises et layer ovenpå, med fx følgende indhold:

<table border=1><tr><td>dette er indholdet af mit mouseover-lag.</td><tr></table>

-hvordan gør jeg det?

Layeret skal være centereret over linket - således at hvis indholdet af layeret er højt, er midden af højden ca udfor linket.

-og linket skal selvfølgelig forsvinde når musen bevæger sig væk fra mouseover-layeret igen.

Håber det ikker er for svært.
Avatar billede angelenglen Nybegynder
27. februar 2003 - 17:51 #1
hmm okay den behøver ikke være centeret - bare det kommer frem ved linket.
Avatar billede schaefner Juniormester
27. februar 2003 - 17:54 #2
Noget ala det her?
http://www.phoenixv.dk/exp/klik_menu.html
Skal vel bare ændres til mouseover istedet for onclick
Avatar billede angelenglen Nybegynder
27. februar 2003 - 18:30 #3
perfekt!
lav et svar for points!
Avatar billede angelenglen Nybegynder
27. februar 2003 - 18:59 #4
hmm hvis jeg skriver:
obj.innerHTML = "<table><tr><td>test</td></tr></table>";

får jeg en fejl - hvorfor kan jeg ikke indsætte et table?
Avatar billede schaefner Juniormester
27. februar 2003 - 19:11 #5
Den her virker fint ved mig:

<html>
<head>
<script>
function visMenu(navn, e) {
obj = document.getElementById("menu");
obj.innerHTML = '<table border="1"><tr><td bgcolor="red"><a href="brugerinfo.php?nick=' + navn + '">Info om ' + navn + '</a></td></tr></table>';
obj.style.left = 10 + ((document.all) ? event.clientX : e.clientX);
obj.style.top = 3 + ((document.all) ? event.clientY : e.clientY);
obj.style.visibility = "visible";
}
function skjulMenu(e) {
obj = document.getElementById("menu");
id = (document.all) ? event.srcElement.id : e.target.id;
if (obj.style.visibility == "visible" && id != "menu")
obj.style.visibility = "hidden";
}
</script>
</head>
<body onMouseUp="skjulMenu(event);">
<a href="#" onClick="visMenu('Chatter1', event); return false;">Chatter1</a><br>
<a href="#" onClick="visMenu('Chatter2', event); return false;">Chatter2</a>
<div id="menu" style="visibility: hidden; position: absolute"></div>
</body>
</html>
Avatar billede angelenglen Nybegynder
27. februar 2003 - 19:12 #6
okay, prøver mig lidt frem så :)
Avatar billede angelenglen Nybegynder
27. februar 2003 - 19:14 #7
mystisk, hvis jeg tager en direkte kopi af din innerHTML-linie får jeg stadig en fejl...
(Der opstod en ukendt kørselsfejl)
Avatar billede schaefner Juniormester
27. februar 2003 - 19:15 #8
hvad hvis du kopierer det hele?
Avatar billede angelenglen Nybegynder
27. februar 2003 - 19:16 #9
så virker det.. det er måske fordi jeg bruger den som mouseover...
ellers må jeg bare klare mig uden tables..
Avatar billede angelenglen Nybegynder
27. februar 2003 - 19:22 #10
ah jeg fandt ud af det - det var fordi jeg var kommet til at placere <div></div> layeret inde i mellem en </td> og en <td> - det kunne ikke lide at være inde i et table :)
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 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 21/08/202610:41
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.

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 18:50 Slet lokal konto Af ErikHg i Windows
I går 16:05 Ændre tal i en celle Af xvid i Excel
I går 13:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
White papers
Flere white papers »