Avatar billede lifeweb Nybegynder
20. januar 2003 - 19:49 Der er 13 kommentarer og
1 løsning

Fading af tabel

Jeg har skrevet følgende til fading:
<script>
function vis(){
document.getElementById("menutabel").style.filter="alpha(opacity=100)";
}
</script>
Dette virker fint, men virker lidt 'groft', og derfor vil jeg gerne have dette til at fade en smule...

funktionen vis() skal bare fade tabellen frem på 1 sekund - hvordan laver jeg dette?!?
Avatar billede bearhugx Nybegynder
20. januar 2003 - 20:07 #1
Sikke mange spørgsmål der er om fading lige i øjeblikket ... I forbindelse med et andet spørgsmål er jeg lige blevert færdig med en løsning som både kan fade ind og ud :

Her er koden :
    <script>
        var fadeFrame = 0;
        var tFader;
        function fadeIt(obj, steps, delay, delta) {
            if(delta>0) {obj.display = "block";}
            if(delta<0 && obj.filters.alpha.opacity==0) {obj.display="none";}
           
            obj.filters.alpha.opacity = obj.filters.alpha.opacity + delta;

            if(fadeFrame<steps+1) {
                ++fadeFrame;
                var fFadeIt = function a() { fadeIt(obj, steps, delay, delta); };
                tFader = setTimeout(fFadeIt,delay);
            }
        }
        function fadeIn (obj, steps, delay, pause ) {
            clearTimeout(tFader);
            fadeFrame=0;
            var fadeDelta = (((100-(obj.filters.alpha.opacity))/steps)+1);
            var fade = function a() { fadeIt(obj, steps, delay, fadeDelta); };
            this.setTimeout(fade, pause);
        }
        function fadeOut(obj, steps, delay, pause ) {
            clearTimeout(tFader);
            fadeFrame=0;
            var fadeDelta = -((obj.filters.alpha.opacity/steps)+1);
            var fade = function a() { fadeIt(obj, steps, delay, fadeDelta); };
            this.setTimeout(fade, pause);
        }
// SPECIELT TIL DIG - din vis();
function vis() {
  fadeIn(menutabel, 50, 20, 0);
}
    </script>
Avatar billede bearhugx Nybegynder
20. januar 2003 - 20:10 #2
ups ...

function vis() {
  fadeIn( document.getElementById("menutabel"), 50, 20, 0);
}

de forskellige parametre
menutabel - siger sig selv - det element du vil fade...
50 - antal steps/frames, du vil have fadingen til at foregå over...
20 - antal millisekunder mellem hver frame
0  - antal millisekunders pause, inden fadingen begynder

du ville have en fade på 1 sekund ... Det får du ved 50 frames af 20 ms hver (50*20 = 1000ms = 1 sek )

/Søren Munk Skrøder
Avatar billede bearhugx Nybegynder
20. januar 2003 - 20:13 #3
det spm, jeg henviser til er http://www.eksperten.dk/spm/307520 (Fading af DIV-layer)
Avatar billede lifeweb Nybegynder
20. januar 2003 - 20:15 #4
Mange tak for dit svar, det virker!
Avatar billede bearhugx Nybegynder
20. januar 2003 - 20:19 #5
takker for points ...  (synes de var ret let-tjente, da jeg allerede havde koden ved hånden ifm. det andet spørgsmål :-)

Men jeg håber du kan bruge funktionerne :-)

Kan man evt. se din tabel i aktion (kan godt lide at se, hvor de forskellige ting, jeg hjælper med, bliver brugt henne....)
Avatar billede lifeweb Nybegynder
20. januar 2003 - 20:36 #6
Det kan du desværre ikke, da det bliver brugt internt i mit firma...

men tak for hjælpen... havde ikke selv tålmodighed til at sidde og makke med det design-mæssige :D
Avatar billede bearhugx Nybegynder
20. januar 2003 - 20:51 #7
Det er helt OK :-))
Avatar billede lasseq Nybegynder
18. februar 2003 - 22:39 #8
Hej Torsten!
Jeg vil bare lige sige, at alpha-funktionen til at fade kun fungere i MS Internet Explorer, og der er derfor ikke så browservenligt for de stakkels Netscape-freaks. Jeg vil for en sjældend gang anbefale flash i den situation - men det er selvfølgelig op til dig.

Hilsen
Lasse - www.mdw.dk
Avatar billede lasseq Nybegynder
18. februar 2003 - 22:43 #9
Jeg var vidst lidt for hurtig der...
"fungere" = fungerer
"sjældend" = sjælden

-beklager
Avatar billede lifeweb Nybegynder
18. februar 2003 - 23:00 #10
Hej Lasse
Det kan du have ret i, men det betinger jo bare at jeg skal undgå at nødvendiggøre min brug af alpha...

Og man kan så sige, at skulle jeg bruge flash istedet, kræver dette jo også et plugin hos brugeren...

og hvem gider også bruge netscape til andet en debugging af ASP :D

Men tak for at du gør opmærksom på det!

Med venlig hilsen
Torsten
WebBureauet LifeWeb.dk
www.lifeweb.dk
Avatar billede bearhugx Nybegynder
18. februar 2003 - 23:46 #11
LasseQ >> du har ret i, at alpha-filter kun er på IE - men det er dog også muligt at ændre opacity i browsere, der bygger på mozilla-kernen (dvs. Mozilla, Netscape6+ og Phoenix)
Der skal man sætte en property, som hedder MozOpacity, som kan antage opaciteten som en procentuel værdi ... dvs. MozOpacity=0.1 == 10% opacitet

/Søren
Avatar billede bearhugx Nybegynder
18. februar 2003 - 23:51 #12
Og til LifeWeb ... Nej - NS / Mozilla er ikke kun til debugging af ASP - og jeg undres at et professionelt webbureau kan komme med sådanne udtalelser - håber det var en spøg ... For Mozilla - og især dens rewrite: 'Phoenix' er IMHO meget kometente browsere og gode til at overholde standarder - og så er de lette at bruge:-) (og så er de også hurtigere til at parse sider end IE)
Den eneste grund til at jeg ikke bruger Mozilla idag er min homebanking, som kun er leveret i en IE version :-/

/Søren Munk Skrøder
Avatar billede lifeweb Nybegynder
19. februar 2003 - 12:30 #13
Hej Søren

Tak for dit svar...

Og selvfølgelig var det ment som en spøg - selvom min erfaring er at mange sites kun er optimeret til IE - hvilket jeg syns er en klar fejl!

Jeg har samme problem som dig med homebanking - og derfor har jeg svært ved at komme fra at bruge IE...

Men tak for din kommentar :)
Avatar billede lasseq Nybegynder
19. februar 2003 - 13:13 #14
Jeg bruger både den nyeste Netscape, IE6 og en anden browser, når jeg skal tjekke kompabiliteten. Det virker i mine øjne pinligt når andre professionelle kun har optmeret deres sider til fx IE, eller for den sags skyld til Netscape - Der var også derfor W3C lavede en fælles standard :-)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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