Obsah fóra
Pravidlá • Registrovať • Prihlásenie

Obsah fóra » Software » Programovanie a tvorba webu » JavaScript, VBScript, Ajax » Plynulé zobrazenie elementu (Javascript)





Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 9 ] 
AutorSpráva
Offline pepek92

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.01.07
Prihlásený: 29.03.20
Príspevky: 660
Témy: 53
Príspevok NapísalOffline pepek92: 26.12.2007 20:53

Môžte mi prosím napísať kratký skript, ktorý mi postupne nastavil na jednom elemente (div-e) viditeľnosť z 0 na 80%? Ďakujem


Offline jablko05

Užívateľ
Užívateľ
Plynulé zobrazenie elementu (Javascript)

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49
Príspevok NapísalOffline jablko05: 26.12.2007 23:38

v javascripte niesom genius ale myslim ze to bude daco s opacity.. skus start opacity .. a end opacity.. vobec netusim... :) alebo skus owebu.cz ;)


Offline audiotrack

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.11.06
Prihlásený: 31.12.07
Príspevky: 677
Témy: 9
Príspevok NapísalOffline audiotrack: 26.12.2007 23:51

zmajstroval som takéto niečo:
Kód:
<script language="javascript" type="text/javascript">
 function ukaz(id, start, koniec, dlzka) {
    var rychlost = Math.round(dlzka / 100);
    var casovac = 0;

    if(start > koniec) {
        for(i = start; i >= koniec; i--) {
            setTimeout("zmena(" + i + ",'" + id + "')",(casovac * rychlost));
            casovac++;
        }
    } else if(start < koniec) {
        for(i = start; i <= koniec; i++)
            {
            setTimeout("zmena(" + i + ",'" + id + "')",(casovac * rychlost));
            casovac++;
        }
    }
}

function zmena(transparentnost, id) {
    var objekt = document.getElementById(id).style;
    objekt.opacity = (transparentnost / 100);
    objekt.MozOpacity = (transparentnost / 100);
    objekt.KhtmlOpacity = (transparentnost / 100);
    objekt.filter = "alpha(opacity=" + transparentnost + ")";
}
  </script>

potom to zavoláš takto:
Kód:
ukaz('moj', 0, 80, 3000)
ak je štart menší ako koniec, tak ztmavuje, inač zostvetluje.. v stránke by to vyzeralo asi takto:
Kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
<script language="javascript" type="text/javascript">
 function ukaz(id, start, koniec, dlzka) {
    var rychlost = Math.round(dlzka / 100);
    var casovac = 0;

    if(start > koniec) {
        for(i = start; i >= koniec; i--) {
            setTimeout("zmena(" + i + ",'" + id + "')",(casovac * rychlost));
            casovac++;
        }
    } else if(start < koniec) {
        for(i = start; i <= koniec; i++)
            {
            setTimeout("zmena(" + i + ",'" + id + "')",(casovac * rychlost));
            casovac++;
        }
    }
}

function zmena(transparentnost, id) {
    var objekt = document.getElementById(id).style;
    objekt.opacity = (transparentnost / 100);
    objekt.MozOpacity = (transparentnost / 100);
    objekt.KhtmlOpacity = (transparentnost / 100);
    objekt.filter = "alpha(opacity=" + transparentnost + ")";
}
  </script>
 
  <style>
  .moj{
     width:130;
   background-color:#990000;
  }
  </style>
  </head>
  <body onLoad="javascript:ukaz('moj', 0, 80, 3000)"> <div id="moj" class="moj">Pokusný text</div>
 
  </body>
</html>


//jo a ešte jedná vec: myslím (možno sa mýlim) že IE na opacity reaguje iba ak je nastavená šírka daného elementu. Preto tam je ten štýl, nezabudni teda svojmu divu dať šírku


Offline jablko05

Užívateľ
Užívateľ
Plynulé zobrazenie elementu (Javascript)

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49
Príspevok NapísalOffline jablko05: 27.12.2007 0:09

audio, to je uz lepsie ako moje rady... :)


Offline audiotrack

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.11.06
Prihlásený: 31.12.07
Príspevky: 677
Témy: 9
Príspevok NapísalOffline audiotrack: 27.12.2007 0:11

nj, tvoje rady vždy stáli za hovno :D :D :D


Offline jablko05

Užívateľ
Užívateľ
Plynulé zobrazenie elementu (Javascript)

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49
Príspevok NapísalOffline jablko05: 27.12.2007 0:14

audiotrack píše:
nj, tvoje rady vždy stáli za hovno :D :D :D
nj, tak to je pravda.. :Da asi preto ze nesom zbehnuty tak v tom.. :) ale raz som poradil!!! :martian: :D


Offline audiotrack

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.11.06
Prihlásený: 31.12.07
Príspevky: 677
Témy: 9
Príspevok NapísalOffline audiotrack: 27.12.2007 0:17

raz? no gratulujem :D
ja v js tiež nie som doma, ale toto je jednoduchá fcia a také ešte zvládam :)


Offline jablko05

Užívateľ
Užívateľ
Plynulé zobrazenie elementu (Javascript)

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49
Príspevok NapísalOffline jablko05: 27.12.2007 0:28

no ja v js este skoro vobec nefrcim :)


Offline pepek92

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.01.07
Prihlásený: 29.03.20
Príspevky: 660
Témy: 53
Príspevok Napísal autor témyOffline pepek92: 27.12.2007 14:48

Ďakujem, niečo podobné som skúšal aj ja, len to nešlo, toto už ide, díki moc :)


Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 9 ] 

Obsah fóra » Software » Programovanie a tvorba webu » JavaScript, VBScript, Ajax » Plynulé zobrazenie elementu (Javascript)


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Plynule zobrazenie textu,. alebo divu

v JavaScript, VBScript, Ajax

2

508

09.12.2009 22:10

KViki Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Bootsrap zobrazenie DIV elementu v popredi

v HTML, XHTML, XML, CSS

17

2341

22.03.2018 13:53

F3RY Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. javascript wysiwyg v javascript popup

v JavaScript, VBScript, Ajax

1

849

25.07.2009 19:29

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. plynulé vyfarbenie bitmapy

v JavaScript, VBScript, Ajax

11

937

13.08.2009 19:56

pilná lama glama Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. H264 plynule cez KMplayer

v Články

1

3475

09.01.2009 18:37

Triminka Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Začali sekať hry co išli plynule

v Počítačové hry

2

519

03.06.2020 9:07

miki81 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Zistenie sirky elementu

v JavaScript, VBScript, Ajax

6

479

06.12.2011 18:46

zaciatocnik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Blueray bideo - formát .mkv, neprehráva obraz plynule

v Ovládače

2

1204

22.02.2009 21:28

shiro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. ziskanie textu DIV elementu

v JavaScript, VBScript, Ajax

2

708

14.09.2007 19:44

Bananslovak Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prisposobenie elementu k rozliseniu

v HTML, XHTML, XML, CSS

26

1070

20.05.2021 8:15

misiak171 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. JS klonovanie elementu do canvasu

v JavaScript, VBScript, Ajax

7

545

27.11.2014 10:05

chrono Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. prednost jedneho elementu pri prekryvani

v HTML, XHTML, XML, CSS

2

390

02.04.2010 17:22

davider137 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. zistit class elementu - ako upravit fciu?

v JavaScript, VBScript, Ajax

13

807

02.02.2011 13:47

DeeJay3 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Vesmírna raketa sa úspešne vrátila a plynule pristála, predbehla Muska

v Novinky

0

716

24.11.2015 20:00

JanoF Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. menu na celu sirku elementu div (nie table layout)

v HTML, XHTML, XML, CSS

23

1145

17.05.2010 18:50

Merlin_sk Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako automaticky presúvať políčka elementu <select> podľa obľúbenosti

v HTML, XHTML, XML, CSS

1

449

12.11.2016 9:58

BX Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra