Søg
Avatar billede extream Nybegynder
17. marts 2004 - 12:37 Der er 4 kommentarer og
1 løsning

vis lag fade

Har et lag som jeg gerne vil have til at fade frem ved show/hide layer, her der nogen som har lidt kode på det.
Avatar billede Slettet bruger
17. marts 2004 - 13:39 #1
Sådan her (?):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
vs = false;
var to;

function visskjul() {
  clearTimeout(to);
  vs = !vs;
  if (vs) {
    document.getElementById("mindiv").style.visibility = "visible";
    vislag();
  }
  else
    skjullag();
}

opac = 0;

function vislag() {
  obj = document.getElementById("mindiv");
  opac += 5;
  if (opac <= 100) {
    if (document.all)
      obj.filters.alpha.opacity = opac;
    else
      obj.style.MozOpacity = opac / 100;
    to = setTimeout("vislag();", 100);
  }
}

function skjullag() {
  obj = document.getElementById("mindiv");
  opac -= 5;
  if (opac >= 0) {
    if (document.all)
      obj.filters.alpha.opacity = opac;
    else
      obj.style.MozOpacity = opac / 100;
    to = setTimeout("skjullag();", 100);
  }
}
</script>
</head>
<body>
<a href="#" onclick="visskjul();">Vis/skjul</a><br />
<div id="minDiv" style="position: absolute; visibility: hidden; border: 1px solid black; padding: 3px; background-color: #FFFFCC; filter: alpha(opacity=0); -moz-opacity: 0;">
Bla bla bla
</div>
</body>
</html>
Avatar billede cdc Novice
17. marts 2004 - 13:39 #2
prøv at kigge på denne : http://roenving.users.whitehat.dk/WD5Opacity.html
Avatar billede extream Nybegynder
17. marts 2004 - 14:09 #3
ok har brugt phoenixv løsning så smid et svar
Avatar billede Slettet bruger
18. marts 2004 - 10:34 #4
Svar
Avatar billede roenving Novice
19. marts 2004 - 19:33 #5
Fint nok, bemærk bare, at maskinen bag /cdc's link håndterer et vilkårligt antal elementer, så hvis du har mere end en layer, du vil lave det på, er det direkte at bruge min løsning, i stedet for at oprette flere af phoenixv's !-)
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 03/05/202613:59
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 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »