08_Filtre/TransFilter_02.htm
1 <?xml version="1.0" encoding="windows-1250"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3 "DTD/xhtml1-strict.dtd">
4 <html xmlns:t = 'urn:schemas-microsoft-com:time'>
5 <head>
6 <title>TransFilter 02</title>
7 <meta http-equiv="Author" content="Imrich BURANSKY" />
8 <meta http-equiv="Content-Type" content="text/html; charset=Windows-1250" />
9 <?import namespace="t" implementation="#default#time2">
10 <style type="text/css" >
11 .C1 {
12 border: 4px solid black;
13 width:350px; height:350px; padding-top: 150px;
14 color:white; background:darkblue;
15 font-size:28; font-family:trebuceht; font-weight:bold;
16 text-align:center;
17 filter:progid:DXImageTransform.Microsoft.Gradient();
18 }
19 </style>
20 <script type="text/javascript" >
21 function Zmena()
22 {
23 var ix=Volba.selectedIndex;
24 var ZvolenyTyp = Volba.options[ix].value;
25 Typ.innerText = ZvolenyTyp;
26 // Pre CSS treba doplnit progid...
27 if (ZvolenyTyp.indexOf("(")>0) ZvolenyTyp="progid:DXImageTransform.Microsoft."+ZvolenyTyp;
28 TF.type = ZvolenyTyp;
29 TF.subtype="verticle";
30 if (ZvolenyTyp=="starWipe") TF.subtype="fivePoint";
31
32 TF.beginElement();
33 }
34 </script>
35 </head>
36 <body>
37 <div id="Div1" class="C1">
38 <span id="Typ">barnDoorWipe</span>
39 <t:transitionFilter id="TF"
40 type="barnDoorWipe"
41 subtype="verticle"
42 dur="1"
43 mode="in"
44 from="0.0"
45 to="1.0"
46 calcmode="linear"
47 repeatcount="1" />
48 </div>
49 <p>
50 <div>Zvolte typ!</div>
51 <select id="Volba" onchange="Zmena()">
52 <option selected="selected" value="barnDoorWipe">barnDoorWipe</option>
53 <option value="barWipe">barWipe</option>
54 <option value="starWipe">starWipe</option>
55 <option value="irisWipe">irisWipe</option>
56 <option value="ellipseWipe">ellipseWipe</option>
57 <option value="clockWipe">barclockWipeWipe</option>
58 <option value="fanWipe">fanWipe</option>
59 <option value="snakeWipe">snakeWipe</option>
60 <option value="spiralWipe">spiralWipe</option>
61 <option value="pushWipe">pushWipe</option>
62 <option value="slideWipe">slideWipe</option>
63 <option value="fade">fade</option>
64 // CSS
65 <option value="Blinds( )">Blinds( )</option>
66 <option value="CheckerBoard( )">CheckerBoard( )</option>
67 <option value="GradientWipe( )">GradientWipe( )</option>
68 <option value="Inset( )">Inset( )</option>
69 <option value="Pixelate( )">Pixelate( )</option>
70 <option value="RadialWipe( )">RadialWipe( )</option>
71 <option value="RandomBars( )">RandomBars( )</option>
72 <option value="RandomDissolve( )">RandomDissolve( )</option>
73 <option value="Slide( )">Slide( )</option>
74 <option value="Stretch( )">Stretch( )</option>
75 <option value="Strips( )">Strips( )</option>
76 <option value="Wheel( )">Wheel( )</option>
77 </select>
78 <input type="button" onclick="Zmena()" value="Ukáž premenu" />
79 </p>
80 </body>
81 </html>