Notifikationer

Markér alle som læst Log ud

dennism Nybegynder

21. juni 2003 - 11:00 Der er 24 kommentarer og
1 løsning

Menu script

Jeg har f.eks. dette:

<table cellspacing=0 cellpadding=0 style="background-color: #ffffff; padding:2px;">
<tr>
<td style="border: 1px #000000 solid;"><A HREF="test.html">Test</A></td>
</tr>
</table>

<br>

<table cellspacing=0 cellpadding=0 style="background-color: #ffffff; padding:2px; border: 1px #000000 solid;">
<tr>
<td> </td>
</tr>
</table>

Jeg vil nu have lavet sådan, at når man fører musen over "test", så skal denne kolonne blive indsat efter "<td> </td>":
<td><A HREF="test.html">Test2</a></td>

Sådan at den nederste tabel kommer til at se ud som følgende:

<table cellspacing=0 cellpadding=0 style="background-color: #ffffff; padding:2px; border: 1px #000000 solid;">
<tr>
<td> </td><td><A HREF="test.html">Test2</a></td>
</tr>
</table>

Hvordan kan dette laves?

Synes godt om

Slettet bruger

21. juni 2003 - 11:12 #1

Synes godt om

Slettet bruger

21. juni 2003 - 11:13 #2

Hov, jeg skrev onMouseOver to gange efter hinanden. Den anden skal være onMouseOut.

Synes godt om

dennism Nybegynder

21. juni 2003 - 11:25 #3

Hvordan kan jeg så gøre sådan, at jeg kan gå ned i feltet, uden at den går væk?

Synes godt om

Slettet bruger

21. juni 2003 - 16:56 #4

Så fjerner du onMouseOut:

<td style="border: 1px #000000 solid;" onMouseOver="document.getElementById('minTd').style.visibility = 'visible';"><A HREF="test.html">Test</A></td>

Synes godt om

dennism Nybegynder

21. juni 2003 - 17:24 #5

phoenixv >>

Så fjerner den sig jo ikke, når jeg fører musen over en af de øvrige menuer!

Synes godt om

Slettet bruger

21. juni 2003 - 17:28 #6

Nej, dem har du heller ikke sagt noget om før. :)
Du må vist hellere lægge alle kort på bordet...

Synes godt om

dennism Nybegynder

21. juni 2003 - 17:29 #7

Hvad mener du med at at jeg skal ligge alle kort på bordet?

Synes godt om

Slettet bruger

21. juni 2003 - 17:35 #8

Fortælle præcist, hvad du vil have. I spørgsmålsteksten fremgår der ikke noget om flere menuer.

Synes godt om

dennism Nybegynder

21. juni 2003 - 17:46 #9

Oki, så prøver jeg igen:

<table cellspacing=0 cellpadding=0 style="background-color: #ffffff; padding:2px; style="border: 1px #000000 solid;"">
<tr>
<td><A HREF="test.html">Test</A></td>
<td><A HREF="test.html">Test2</A></td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 style="background-color: #ffffff; padding:2px; border: 1px #000000 solid;">
<tr>
<td> </td>
</tr>
</table>

Det jeg gerne vil have er, at når fører musen over "test", så skal denne td komme frem i tabellen under:
<td><A HREF="test.html">undermenu2</a></td>

Når jeg så fjerner musen fra "test", skal undermenuen forsvinde. Men den skal ikke forsvinde hvis jeg fører musen med i undermenuen (hvor jeg skal kunne trykke på linket).

Og det skal selvfølgelig ske det samme for test2. Dog deres skjulte undermenuer komme frem fra samme sked. De skal altså ikke bare være skjulte, men de skal altså være væk! For det skal være sådan at undermenuen altid starter helt ude i venstre side.

Forstår du noget af dette?

Synes godt om

Slettet bruger

21. juni 2003 - 17:49 #10

OK, nu tror jeg, jeg ved, hvad du vil have.

Men jeg kender altså ikke en kode, der kan læse brugerens tanker, hvilket må være nødvendigt for at bestemme, om han vil bevæge musen ned på undermenuen eller et andet sted hen på siden...

Synes godt om

dennism Nybegynder

21. juni 2003 - 17:51 #11

Kan det så laves, hvor man skal trykke for at den skifter undermenu?

Synes godt om

Slettet bruger

21. juni 2003 - 17:53 #12

Ja, det kan det. Men tror du ikke, du skal retænke din idé? Det er ikke normalt at skulle bruge tastaturet for at navigere på en hjemmeside. Det vil formentlig forvirre dine brugere.

Synes godt om

Slettet bruger

21. juni 2003 - 17:57 #13

Jeg vender tilbage i morgen. Prøv som sagt at vende et par hjerneceller for at finde på et bedre koncept! :)

Synes godt om

dennism Nybegynder

21. juni 2003 - 18:02 #14

Øhh.. Jeg mente nu at man skulle trykke i den td med musen, hvori der står "test"..

Synes godt om

Slettet bruger

22. juni 2003 - 17:13 #15

Ok, prøv det her:

<html>
<head>
<script type="text/javascript">
foer = null;

function vis(nr) {
if (foer != null && foer != nr)
document.getElementById("um" + foer).style.display = "none";
if (foer != nr) {
document.getElementById("um" + nr).style.display = "inline";
foer = nr;
}
}
</script>
</head>
<body>
<table border="1">
<tr>
<td onClick="vis(1);">
Celle 1
</td>
<td onClick="vis(2);">
Celle 2
</td>
<td onClick="vis(3);">
Celle 3
</td>
</tr>
</table>
<br />
<table>
<tr>
<td>
<div id="um1" style="display: none;">
Bla bla bla
</div>
<div id="um2" style="display: none;">
Blå blå blå
</div>
<div id="um3" style="display: none;">
Bly bly plumbum
</div>
</td>
</tr>
</table>
</body>
</html>

Du skal klikke i en af cellerne for at få den dertilhørende "undermenu" til at dukke frem.

Synes godt om

dennism Nybegynder

22. juni 2003 - 18:16 #16

Denne kode giver en fejl når man trykker i cellen.. Gør den også det hos dig?

Synes godt om

Slettet bruger

23. juni 2003 - 10:31 #17

Nej. Hvilken browser bruger du?

Synes godt om

Slettet bruger

23. juni 2003 - 10:33 #18

Hovsa, jeg var kommet til at omdanne scriptet til html entities også. Sådan her skal det se ud:

<script type="text/javascript">
foer = null;

function vis(nr) {
if (foer != null && foer != nr)
document.getElementById("um" + foer).style.display = "none";
if (foer != nr) {
document.getElementById("um" + nr).style.display = "inline";
foer = nr;
}
}
</script>

Synes godt om

dennism Nybegynder

23. juni 2003 - 11:56 #19

Kan man lave sådan, at musen bliver til en hånd når man fører den ind i tabellen (ligesom med et link)?

Synes godt om

dennism Nybegynder

23. juni 2003 - 11:56 #20

tabellen = cellen

Synes godt om

dennism Nybegynder

23. juni 2003 - 11:58 #21

Jeg har nemlig denne CSS, som skal virke på cellen:

.menutitel {
color:#000000;
text-decoration: none;
}

a.menutitel:link {
color: #000000;
}

a.menutitel:visited {
color: #000000;
}

a.menutitel:active {
color: #000000;
}

a.menutitel:hover {
color: #e0e0e0;
text-decoration: none;
background-color: #000000;
}

Jeg har sat class=menutitel, men det hjælper ikke.

Synes godt om

Slettet bruger

23. juni 2003 - 18:15 #22

Du skal skrive:

.menutitel {
color: #000000;
text-decoration: none;
cursor: pointer;
cursor: hand;
}

Men det er jo både tabelcellerne og linkene, der skal have class="menutitel".

Synes godt om

dennism Nybegynder

08. juli 2003 - 12:07 #23

phoenixv >>

Gider du smide et svar? :)

Synes godt om

Slettet bruger

12. juli 2003 - 19:12 #24

Svar.

Synes godt om

Slettet bruger

12. juli 2003 - 19:12 #25

Tak for tålmodigheden i øvrigt. :)

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 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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS