Søg
Avatar billede dellevela Nybegynder
16. marts 2003 - 14:16 Der er 8 kommentarer og
1 løsning

fade ud

hvis i klikker på skiltet kommer siden frem. der er så sådan en kasse når man klikker på den fader den ud lige så stille. hvordan laver man sådan en???
Avatar billede dellevela Nybegynder
16. marts 2003 - 14:16 #1
ups glemte link www.togchat.dk
Avatar billede dellevela Nybegynder
16. marts 2003 - 14:21 #2
(haster)
Avatar billede whatever Nybegynder
16. marts 2003 - 14:25 #3
Når man klikker på kassen, køres en javascript funktion som hedder hide:

function hide(obj,waittime) {
clearTimeout(timeo[obj]);
if(document.all[obj]) { document.all[obj].style.visibility='visible';document.all[obj].style.filter = 'alpha(opacity=100)'; }

for(i=1;10>=i;i++) {
opacity = (100-(i*10));
timeout = eval(100*i+waittime);
clearTimeout(timeo[obj+i]);
timeo[obj+i] = setTimeout("if(document.all['"+obj+"']) { document.all['"+obj+"'].style.filter = 'alpha(opacity="+opacity+")'; }",timeout);

}
timeout = eval(1000+waittime);
timeo[obj] = setTimeout("if(document.all['"+obj+"']) { document.all['"+obj+"'].style.visibility = 'hidden';document.all['"+obj+"'].style.filter = 'alpha(opacity=100)' }",timeout);
}


Den kaldes ved onlick="hide('layer-navn',0)"
Avatar billede dellevela Nybegynder
16. marts 2003 - 14:37 #4
er det mig der ikke er så kvik. eller så forstår jeg dig bare slet ikke. hvis du kan lave et færdigt script der virker lige som det på togchat får du 50 point ekstra!
Avatar billede whatever Nybegynder
16. marts 2003 - 14:52 #5
Prøv dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
timeo = new Array();

function hide(obj,waittime) {
clearTimeout(timeo[obj]);
if(document.all[obj]) { document.all[obj].style.visibility='visible';document.all[obj].style.filter = 'alpha(opacity=100)'; }

for(i=1;10>=i;i++) {
opacity = (100-(i*10));
timeout = eval(100*i+waittime);
clearTimeout(timeo[obj+i]);
timeo[obj+i] = setTimeout("if(document.all['"+obj+"']) { document.all['"+obj+"'].style.filter = 'alpha(opacity="+opacity+")'; }",timeout);

}
timeout = eval(1000+waittime);
timeo[obj] = setTimeout("if(document.all['"+obj+"']) { document.all['"+obj+"'].style.visibility = 'hidden';document.all['"+obj+"'].style.filter = 'alpha(opacity=100)' }",timeout);
}
//-->
</script>
</head>
<body bgcolor="#00000">

<table width="300" height="300" border="0" bgcolor="#ff0000" id="redBox" onclick="hide('redBox',0)">
  <tr>
    <td height="300" width="300">fdfadsfdsfdaaf</td>
  </tr>
</table>

</body>
</html>
Avatar billede dellevela Nybegynder
16. marts 2003 - 17:09 #6
tak men hvordan gør jeg så sådan at jeg fx. kan have noget text og noget billede omme bage ved?
Avatar billede whatever Nybegynder
16. marts 2003 - 18:21 #7
Jeg har smidt selve den røde tabel ind i et layer, og givet det et z-index på 99. Så vil alle elementer som ikke har et z-index, eller et som er lavere ligge under den røde boks. Du skal være opmærksom på, at formular-felter kan give nogle problemer.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
timeo = new Array();

function hide(obj,waittime) {
clearTimeout(timeo[obj]);
if(document.all[obj]) { document.all[obj].style.visibility='visible';document.all[obj].style.filter = 'alpha(opacity=100)'; }

for(i=1;10>=i;i++) {
opacity = (100-(i*10));
timeout = eval(100*i+waittime);
clearTimeout(timeo[obj+i]);
timeo[obj+i] = setTimeout("if(document.all['"+obj+"']) { document.all['"+obj+"'].style.filter = 'alpha(opacity="+opacity+")'; }",timeout);

}
timeout = eval(1000+waittime);
timeo[obj] = setTimeout("if(document.all['"+obj+"']) { document.all['"+obj+"'].style.visibility = 'hidden';document.all['"+obj+"'].style.filter = 'alpha(opacity=100)' }",timeout);
}
//-->
</script>
</head>
<body bgcolor="#00000">


<img src="http://www.eksperten.dk/img/eksperten_logo_new.gif" width="500" height="400">


<div style="position:absolute;width:300px;height:300px;top:50px;left:50px;z-index:99">
<table width="300" height="300" border="0" bgcolor="#ff0000" id="redBox" onclick="hide('redBox',0)">
  <tr>
    <td height="300" width="300">fdfadsfdsfdaaf</td>
  </tr>
</table>
<div>


</body>
</html>
Avatar billede dellevela Nybegynder
16. marts 2003 - 18:43 #8
tak og som lovet får du 50 point ekstra
Avatar billede dellevela Nybegynder
16. marts 2003 - 18:45 #9
http://www.eksperten.dk/spm/329503 då får du de sidste point!
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
SQL kurser
Computerworld tilbyder specialiserede kurser i database-management
Se alle SQL kurser

Flere spørgsmål fra Fri debat kategorien

Titel Indlæg Oprettet Seneste aktivitet
Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat 7 02/10/202621:29 04/10/202606:52
DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat 5 21/09/202610:39 03/10/202600:02
Powerbank Af postpeter@outlook.dk i Fri debat 1 24/08/202610:45 24/08/202610:46
Samsung smart TV Af postpeter@outlook.dk i Fri debat 7 20/08/202615:01 22/08/202618:39
morf bilede Af knuldefar1942 i Fri debat 4 08/08/202612:15 09/08/202606:07
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 08:39 Produktnøgle Af hkv i Office & Kontorpakker
13/1116:59 Bitlocker Af nico i Windows
12/1116:30 Wlan i windows 11 home Af dcedata1977 i Windows
11/1121:19 Irriterende ikon på proceslinjen Af ErikHg i Windows
11/1116:33 Kan man slippe af med "msn" ? Af Ikke-ekspert i Windows
White papers
Flere white papers »