<p id='prepend'>╚tvrt² p°ehled nov²ch p°echod∙ z dφlny Microsoftu je v∞novßn dalÜφm t°em zajφmav²m p°echod∙m. V prvnφm z nich projdeme zrn∞nφm p°i pou₧itφ RandomDissolve, druh² nßm umo₧≥uje pr∙chod skrze posun r∙zn²ch °ez∙ p∙vodnφho obsahu (Slide) a t°etφ Spiral zase prochßzφ Üroubovit²m pohybem k novΘmu obsahu prvku.</p>
<p>VÜechny tyto p°echody, jak ji₧ bylo n∞kolikrßt °eΦeno, jsou v souΦasnΘ dob∞ bez problΘm∙ pou₧itelnΘ v prohlφ₧eΦφch MSIE 5.5 a vyÜÜφch - nejsou ale souΦßstφ ₧ßdn²ch standard∙ a pravd∞podobn∞ ani nebudou, nebo¥ se jednß v²luΦn∞ o syntaxi Microsoftu.</p>
<tr><td>Percent</td><td>Nastavφ bod, ve kter²m se p°echod zastavφ a dosßhne tφm efektu statickΘho filtru. M∙₧e nab²vat hodnot 0 (implicitnφ) a₧ 100.</td></tr>
<tr><td>Status</td><td>Uchovßvß aktußlnφ stav p°echodu. M∙₧e nab²vat hodnot 0 - p°echod stojφ, 1 - p°echod je aplikovßn, 2 - p°echod probφhß.</td></tr>
</table>
</div>
<p>Pro demonstraci <a href='podklady/fiserdominik/612/randomdissolve.htm'>RandomDissolve</a> jsem si pro vßs vybral p°φklad p°echodu dvou text∙ s vyu₧itφm vlastnosti InnerHTML. Prßv∞ pro takovou aplikaci je tento p°echod nejp°φhodn∞jÜφ. P°echod RandomDissolve je nachystßn k vyzkouÜenφ takΘ p°φmo na testovacφ strßnce <a href='http://msdn.microsoft.com/workshop/samples/author/filter/RandomDissolve.htm'>MSDN Microsoft</a>.</p>
<br /> txt_rdis.innerHTML="<br>Jak lΘpe dosßhnout takto efektnφ zm∞ny textu???";}
<br /> txt_rdis.filters[0].Play();
<br /> -->
<br /></script>
</div>
<p>V ovlßdacφm skriptu nejprve nadefinujeme funkci <samp>rdis()</samp>, kterß aplikuje dan² p°echod pomocφ metody <samp>apply()</samp>. Definovanß prom∞nnß <samp>stav</samp> pak zajiÜ¥uje, za pomoci podmφnek, pravidelnΘ st°φdßnφ prvnφho a druhΘho textu. Nßsledn∞ jsou ve funkci rdis() pomocφ vlastnosti <samp>InnerHTML</samp>, kterß m∞nφ obsah prvku vΦetn∞ element∙ jazyka HTML, nadefinovßny koneΦnΘ obsahy prvku <samp>txt_rdis</samp>. Dßle u₧ funkce jenom zavolß metodu <samp>play()</samp> danΘho p°echodu.</p>
<p>Zdrojov² k≤d prvk∙:</p>
<div class='sample'>
<div id="txt_rdis" style="width:250px; height:100px; font-family:Comic Sans MS; font-weight:bold; text-align:center; filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=3);">
<br /><br>Jak lΘpe dosßhnout takto efektnφ zm∞ny textu???
<p>Samotn² p°echod RandomDissolve je pak vΦetn∞ svΘho parametru duration=3 (doba trvßnφ 3s) definovßn v atributu <samp>style</samp> prvku <samp>txt_rdis</samp> vlastnostφ <samp>filter</samp>. V atributu style prvku txt_rdis je pak jeÜt∞ pomocφ vlastnostφ jazyka CSS nastaveno formßtovßnφ pφsma textu. P°echod se spouÜtφ tlaΦφtkem "Spustit p°echod RandomDissolve", kterΘ po kliknutφ volß ji₧ nadefinovanou funkci <samp>rdis()</samp>. U prvku txt_rdis musφ b²t v atributu style nastaveny povinnΘ vlastnosti pro prvky div a span, a to width nebo height!</p>
<h3>P°echod Slide</h3>
<p>Zobrazφ nov² obsah prvku r∙zn²m posouvßnφm °ez∙ jeho p∙vodnφho obsahu. Nenahrazuje ₧ßdn² p∙vodnφ p°echod.</p>
<tr><td>Bands</td><td>Nastavuje poΦet °ez∙, na kterΘ se po spuÜt∞nφ p°echodu p∙vodnφ obsah prvku rozd∞lφ. M∙₧e nab²vat hodnot 1 (implicitnφ) a₧ 100.</td></tr>
<tr><td>Duration</td><td>UrΦuje dΘlku trvßnφ celΘho p°echodu. Udßvß se v sekundßch.milisekundßch (0.0000).</td></tr>
<tr><td>Percent</td><td>Nastavφ bod, ve kter²m se p°echod zastavφ a dosßhne tφm efektu statickΘho filtru. M∙₧e nab²vat hodnot 0 (implicitnφ) a₧ 100.</td></tr>
<tr><td>SlideStyle</td><td>UrΦuje metodu pou₧itou pro odkrytφ novΘho obsahu prvku. M∙₧e nab²vat hodnot hide - posouvß °ezy z povrchu prvku (implicitnφ), push - posouvß °ezy nad prvek, swap - posouvß °ezy z prvku i nad prvek najednou.</td></tr>
<tr><td>Status</td><td>Uchovßvß aktußlnφ stav p°echodu. M∙₧e nab²vat hodnot 0 - p°echod stojφ, 1 - p°echod je aplikovßn, 2 - p°echod probφhß.</td></tr>
</table>
</div>
<p>Pro ukßzku <a href='podklady/fiserdominik/612/slide.htm'>chovßnφ p°echodu Slide</a> jsem v tomto p°φkladu pou₧il p°echod dvou obrßzku pomocφ jednoduchΘ zm∞ny atributu src. P°echod Slide je k vyzkouÜenφ takΘ p°φmo na testovacφ strßnce <a href='http://msdn.microsoft.com/workshop/samples/author/filter/Slide.htm'>Microsoftu</a>.</p>
<p>Zdrojov² k≤d ovlßdacφho skriptu:</p>
<div class='sample'>
<script>
<br /> <!--
<br /> var stav = 0;
<br /> function slide() {
<br /> kontejner_slide.filters[0].Apply();
<br /> if (stav==0) {
<br /> stav = 1;
<br /> obr2_slide.style.visibility = "visible";
<br /> obr1_slide.style.visibility = "hidden";}
<br /> else {
<br /> stav = 0;
<br /> obr2_slide.style.visibility = "hidden";
<br /> obr1_slide.style.visibility = "visible";}
<br /> kontejner_slide.filters[0].Play();}
<br /> -->
<br /></script>
</div>
<p>V ovlßdacφm skriptu nejprve nadefinujeme prom∞nnou <samp>stav</samp> a potΘ funkci <samp>slide()</samp>, kterß nßsledn∞ aplikuje dan² p°echod pomocφ metody <samp>apply()</samp>. Prom∞nnß <samp>stav</samp> zajiÜ¥uje za pomoci podmφnek pravidelnΘ st°φdßnφ obrßzk∙. Dßle jsou ve funkci slide() definovßny atributem style koneΦnΘ hodnoty vlastnostφ <samp>visibility</samp> prvk∙ <samp>obr1_slide</samp> a <samp>obr2_slide</samp>, kterΘ jsou nastaveny v zßvislosti na hodnot∞ prom∞nnΘ stav. Nakonec funkce u₧ jen volß spouÜt∞cφ metodu <samp>play()</samp> danΘho p°echodu.</p>
<p>P°echodnΘ prvky <samp>obr1_slide</samp> a <samp>obr2_slide</samp> jsou vno°enΘ do prvku <samp>kontejner_slide</samp>. V n∞m je pomocφ atributu style a vlastnosti <samp>filter</samp> definovßn p°echod Slide i se vÜemi sv²mi parametry bands=1 (jeden °ez), duration=6 (doba trvßnφ 6s), slidestyle=swap (posouvß °ez z prvku i nad prvek najednou). Nezapome≥te, ₧e u druhΘho p°echodnΘho prvku musφ b²t na zaΦßtku nastavena vlastnost <samp>visibility</samp> na hodnotu <samp>hidden</samp>, jinak by byl tento prvek zobrazen jeÜt∞ p°ed spuÜt∞nφm p°echodu. StejnΘho efektu se dß jednoduÜeji dosßhnout i pou₧itφm absolutnφho polohovßnφ obou prvk∙ s obrßzky nad sebe. TlaΦφtko "Spustit p°echod Slide" potom po kliknutφ jenom volß p°edem definovanou funkci <samp>slide()</samp>. Nesmφme zapomenout takΘ na nastavenφ atribut∙ width nebo height u prvk∙ div a span.</p>
<h3>P°echod Spiral</h3>
<p>Zobrazφ nov² obsah prvku Üroubovit²m pohybem. Pat°φ k nov²m p°echod∙m, kterΘ nebyly d°φve nikde zahrnuty.</p>
<tr><td>Percent</td><td>Nastavφ bod, ve kter²m se p°echod zastavφ a dosßhne tφm efektu statickΘho filtru. M∙₧e nab²vat hodnot 0 (implicitnφ) a₧ 100.</td></tr>
<tr><td>Status</td><td>Uchovßvß aktußlnφ stav p°echodu. M∙₧e nab²vat hodnot 0 - p°echod stojφ, 1 - p°echod je aplikovßn, 2 - p°echod probφhß.</td></tr>
</table>
</div>
<p>K prezentaci dovednostφ p°echodu <a href='podklady/fiserdominik/612/spiral.htm'>Spiral</a> jsem se rozhodl vyu₧φt p°φkladu obrßzku a zm∞ny jeho vlastnosti visibility, tak₧e doufßm, ₧e vÜe snadno pochopφte. P°echod Spiral si ale m∙₧ete vyzkouÜet takΘ p°φmo <a href='http://msdn.microsoft.com/workshop/samples/author/filter/Spiral.htm'>na testovacφ strßnce MSDN Microsoft</a>.</p>
<p>Zdrojov² k≤d ovlßdacφho skriptu:</p>
<div class='sample'>
<script>
<br /> <!--
<br /> var stav = 0;
<br /> function spiral() {
<br /> obr_spiral.filters[0].Apply();
<br /> if (stav==0) {
<br /> stav = 1;
<br /> obr_spiral.style.visibility = "visible";}
<br /> else {
<br /> stav = 0;
<br /> obr_spiral.style.visibility = "hidden";}
<br /> obr_spiral.filters[0].Play();}
<br /> -->
<br /></script>
</div>
<p>V ovlßdacφm skriptu nejprve definujeme prom∞nnou <samp>stav</samp> a funkci <samp>spiral()</samp>, kterß po zavolßnφ aplikuje dan² p°echod pomocφ metody <samp>apply()</samp>. Definovanß prom∞nnß <samp>stav</samp> zajiÜ¥uje za pomoci podmφnek pravidelnΘ st°φdßnφ viditelnΘho a neviditelnΘho obrßzku. Dßle jsou ve funkci spiral() definovßny atributem style koneΦnΘ hodnoty vlastnostφ <samp>visibility</samp> prvku <samp>obr_spiral</samp>, kterΘ jsou nastaveny v zßvislosti na hodnot∞ prom∞nnΘ stav. Nakonec u₧ funkce volß jen metodu <samp>play()</samp> danΘho p°echodu.</p>
<p>P°echod Spiral je i sv²mi t°emi parametry duration=1 (doba trvßnφ 1s), gridsizex=100 (100 sloupc∙ v m°φ₧ce), gridsizey=100 (100 °ßdk∙ v m°φ₧ce) nastaven p°φmo u p°echodnΘho prvku <samp>obr_spiral</samp> pomocφ atributu style a vlastnosti <samp>filter</samp>. TlaΦφtko "Spustit p°echod Spiral" pak u₧ jen volß funkci <samp>spiral()</samp>, definovanou v ovlßdacφm skriptu.</p>
<h4><a href='http://interval.cz/redirect/redirect.asp?what=interval_booknews&url=http://interval.inshop.cz/inshop/scripts/detail.asp?ItemID=226'>Hacking bez tajemstvφ: Java a J2EE</a></h4>
<li><a href='http://interval.cz/redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=2752'>Java a 3D grafika</a></li>
<li><a href='http://interval.cz/redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=2694'>Czech.NET Forum - diskusnφ f≤rum v ASP.NET</a></li>
<li><a href='http://interval.cz/redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=2767'>Zprßvy z Proffesional Developers Conference (PDC 2003)</a></li>
<li><a href='http://interval.cz/redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=2702'>KonfiguraΦnφ soubor v PHP, tentokrßt ve formßtu .ini</a></li>
<li><a href='http://interval.cz/redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=2561'>Internet Explorer 7 se jmenuje MyIE2</a><div>143 komentß°∙ </div></li>
<li><a href='http://interval.cz/redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=1328'>XHTML v praxi</a><div>124 komentß°∙ </div></li>
<li><a href='http://interval.cz/redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=2714'>Prvnφ Dobr² web v ╚echßch</a><div>87 komentß°∙ </div></li>
