CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

kasper Nybegynder

10. april 2001 - 21:23 Der er 16 kommentarer og
3 løsninger

Onmouseover -> out

Når man laver onmouseover, kan man så bruge text, istedet for et billede?

og hvis - hvordan?

Synes godt om

kasper Nybegynder

10. april 2001 - 21:24 #1

Altså det er noget text i en anden celle der skal skifte!

Synes godt om

hyperactive Nybegynder

10. april 2001 - 21:27 #2

Du kan lægge teksten i layers, og så vise/skjule disse i onmouseover eventen.

Synes godt om

engrob Nybegynder

10. april 2001 - 21:30 #3

Prøv at se på http://www.eksperten.dk/spm/59015

Synes godt om

kasper Nybegynder

10. april 2001 - 21:32 #4

Ok det lyder som noget af det jeg gerne vil vide noget mere om, hvis du kan give en lille walkthrough, du kan godt få flere points hvis du vil?!

Synes godt om

kasper Nybegynder

10. april 2001 - 21:33 #5

Jeg er mere interesseret i basics omkring layers, jeg er ikke frygtelig skrap til DHTML og Javascript!

Synes godt om

engrob Nybegynder

10. april 2001 - 21:37 #6

Altså layers er noget du kan lave med <div> og <span>

Dem giver du så nogen styles så de bliver placeret et sted på siden. Det smarte er så at du med javascript kan ændre de indstillinger du nu har givet laget. Du kan fx ændre om laget skal vises eller gemmes.
Og du kan så også ved onmouseover på et link skrive noget i laget, og så få det væk igen når du har musen udenfor.

En god tutorial er www.dansteinman.com/dynduo

Synes godt om

Jman Praktikant

10. april 2001 - 21:43 #7

som denne ?
http://www.dynamicdrive.com/dynamicindex5/linkinfo.htm

Synes godt om

kasper Nybegynder

10. april 2001 - 21:45 #8

Jeg skal egentligt have lavet noget ret hurtigt, så hvis du kan poste noget kode, sådan at jeg kan lege med det selv, ville det være lækkert!

det jeg skal bruge er:

2 lag (skal kunne udvides til 6)

det ene skal skjule det andet, og det andet skal komme frem, når jeg laver mouseover på et link, desuden skal det ved mouseOut, forblive som det øverste lag!

bare kald dem lag 1 og lag 2!

Synes godt om

engrob Nybegynder

10. april 2001 - 21:48 #9

Jeg er ikke sikker på hvad du mener. Vil du have en menu?
Hvis det er det, så synes jeg du skal kigge på www.bratta.com inde under scriptomania. Der er mange menuer...

Synes godt om

engrob Nybegynder

10. april 2001 - 21:50 #10

Du kan også kigge på
http://www.dynamicdrive.com/dynamicindex1/sm/index.htm
og
http://www.dynamicdrive.com/dynamicindex1/topnavbar.htm
og en der virker i ns6
http://www.dynamicdrive.com/dynamicindex1/topmen3/index.htm

Ellers søg på dropdown menuer her på eksperten. Der vil helt sikkert komme en masse frem.

Synes godt om

engrob Nybegynder

10. april 2001 - 21:50 #11

http://www.bratta.com/dhtml/scripts.asp

Synes godt om

engrob Nybegynder

10. april 2001 - 21:56 #12

<html>
<head>
<script type=\"text/javascript\" language=\"javascript\">
function vis(id) {
if (document.layers) document.layers[id].visibility = \"show\"
else if (document.getElementById) document.getElementById(id).style.visibility = \"visible\"
else if (document.all) document.all[id].style.visibility = \"visible\"
}

function gem(id) {
if (document.layers) document.layers[id].visibility = \"hide\"
else if (document.getElementById) document.getElementById(id).style.visibility = \"hidden\"
else if (document.all) document.all[id].style.visibility = \"hidden\"
}
</script>
</head>
<body>
<a href=\"#\" onmouseover=\"vis(\'lag\')\" onmouseout=\"gem(\'lag\')\">Vis</a>

<div id=\"lag\" style=\"position:absolute; visibility:hidden; top:100; left:300; background-color:green; layer-background-color:green;\">Det er et lag</div>
</body>
</html>

Prøv at kigge på det og se om du selv kan lave lidt videre på det. Men jeg vil foreslå dig at downloade dynduoen på www.dansteinman.com/dynduo
Du lærer virkelig meget.

Synes godt om

kasper Nybegynder

10. april 2001 - 22:06 #13

Jeg har D/L dynduoen, men har bestemt mig for at bruge dit (grundet tidspres:( )

Omkring <DIV> tags, og layers, er de ligeglade om der er tonsvis af tabeller under dem?

og hvis jeg skal have vist laget i én bestemt celle i en tabel, hvordan gøres det, skal jeg definere den absolutte position på siden, eller vil laget blive vist i den celle, hvor jeg har lagt <div></div>?

Synes godt om

kasper Nybegynder

10. april 2001 - 22:20 #14

Det eneste jeg mangler er en funktion, der istedet for at gemme laget v. mouseout, lader det aktuelle lag være øverst og gemmer det andet lag, (en anden onmouseover) væk!

altså sådan at der kun bliver vist et lag af gangen, og laget bliver der ved mouseout!

Synes godt om

engrob Nybegynder

10. april 2001 - 22:23 #15

Nåå, det er sådan en du vil have. Det nemmeste ville vist være at bruge noget der hedder en for-løkke, men jeg ved ikke helt hvordan. Jeg kan lige prøve og se om jeg kan lave noget.

Synes godt om

kasper Nybegynder

10. april 2001 - 22:32 #16

Og igen spørger jeg lige:)

skal man definere fast, hvor laget skal vises, (dit ex. top:100; left:300; ) eller kan man placere <div></div> inden i en celle i en tabel, hvor laget skal vises, og så få det vist der altid, uden problemen??

Synes godt om

engrob Nybegynder

10. april 2001 - 22:45 #17

Nej, du bliver nødt til at lægge et lag oven i det hele. Du kan ikke placere det i en celle uden problemer, men jeg fand ud af at det du nok ville have var noget lignende www.abusiness.dk \'s menu, så jeg har lige prøvet at lave den med to lag.
<html>
<head>
<script type=\"text/javascript\" language=\"javascript\">
// MENU SCRIPT

// ##################################################################
// ### Copyright 2000, Abusiness, Lars Skjoldby ###
// ##################################################################

// Antal menuer
numMenus = 2

// Bestemmelse af browseren
n=document.layers;
ie=document.all;

// Globale cross-browser show/hide variabler
if (n) {
visible=\'show\';
hidden=\'hide\'; }

else if (ie) {
visible=\'visible\';
hidden=\'hidden\';}

// Funktion til at vise lag
function vis_lag(menuid){
for(i=1;i<=numMenus;i++)
if (menuid != \"menu\"+i) {

if(n) {
document.layers[menuid].visibility=visible;
tohide = document.layers[\"menu\"+i].visibility=hidden;}

else if (ie) {
document.all(menuid).style.visibility=visible;
tohide = document.all(\"menu\"+i).style;}

tohide.visibility = hidden;
}}
</script>

</head>
<body>

<a href=\"#\" onmouseover=\"vis_lag(\'menu1\')\">vis lag1</a>
<a href=\"#\" onmouseover=\"vis_lag(\'menu2\')\">vis lag2</a>

<div id=\"menu1\" style=\"position:absolute; visibility:visible; top:100; left:100;\">lag #1</div>
<div id=\"menu2\" style=\"position:absolute; visibility:hidden; top:200; left:100;\">lag #2</div>

</body>
</html>

Synes godt om

kasper Nybegynder

10. april 2001 - 22:56 #18

Yep, det var lige akkurat det, som jeg skulle bruge!, men, jeg har lige prøvet at lægge et par lag <div></div> ind i et script i en celle uden absolut placering, og det lod til at den kunne forstå det nogenlunde?!! (det blev vist det rigtige sted)

Ellers 1000 tak for hjælpen!

jeg bekagler bi-sfæren

Synes godt om

engrob Nybegynder

11. april 2001 - 00:28 #19

Selv tak!

Du vil nok få lidt problemer med netscape hvis du lægger lagene ind i en tabel.
Jeg har også lige fundet ud af at der sandsynligvis er en fejl i sciptet. Det er bare
if(n) {
document.layers[menuid].visibility=visible;
tohide = document.layers[\"menu\"+i].visibility=hidden;}

der skal rettes til
if(n) {
document.layers[menuid].visibility=visible;
tohide = document.layers[\"menu\"+i];}

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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