CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede 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?
Avatar billede kasper Nybegynder
10. april 2001 - 21:24 #1
Altså det er noget text i en anden celle der skal skifte!
Avatar billede hyperactive Nybegynder
10. april 2001 - 21:27 #2
Du kan lægge teksten i layers, og så vise/skjule disse i onmouseover eventen.
Avatar billede engrob Nybegynder
10. april 2001 - 21:30 #3
Prøv at se på http://www.eksperten.dk/spm/59015
Avatar billede 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?!
Avatar billede 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!
Avatar billede 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
Avatar billede Jman Praktikant
10. april 2001 - 21:43 #7
som denne ?
http://www.dynamicdrive.com/dynamicindex5/linkinfo.htm
Avatar billede 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!

Avatar billede 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...
Avatar billede 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.
Avatar billede engrob Nybegynder
10. april 2001 - 21:50 #11
http://www.bratta.com/dhtml/scripts.asp
Avatar billede 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.
Avatar billede 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>?
Avatar billede 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!
Avatar billede 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.
Avatar billede 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??
Avatar billede 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>
Avatar billede 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
Avatar billede 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];}

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
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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
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 dag 13:30 Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
I dag 13:01 Film går i stå midt i afspilningen Af ole falsted i Musik & videoafspillere
I dag 11:40 Fjerne mappe i stifinder Af Peter Olsen i Andet software
I dag 11:27 renteberegning Af Pil i Excel
I går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Cyberstatus 2024: Her er truslerne – og her forbereder virksomhederne sig
Læs mere »
Sådan gør du: Elektronisk dokumentudveksling i praksis
Managed Detection & Response: Forsvar din virksomhed mod cybertrusler døgnet rundt
Sikkerhed uden grænser: Cisco Hypershield
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »