א"ב בבנית אתרים-כל הפלטרים

.דחא דחא םתוא וסנ .דחי םירטליפה לכ

Click one of the filter buttons to apply a filter to the objects.

<html>
<head>
<title>א"ב בבנית אתרים</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8">
<style>
input.clsbtn {font-size:10;font-family:Verdana;color:yellow;background:#585a51}
</style>

function docoda(){
glbimg.style.display = "none";
dospin = 1;
progress.innerText = "Filters can be applied to windowless ActiveX controls like the Structured Graphics control. Here we have several lights pointing at our rotating vector graphic.";
SG1.style.filter = "light(enabled=1)";
light = SG1.filters[0];
light.addambient(0,255,0,40);
light.addpoint(50,50,40,255,0,0,100);
light.addpoint(120,90,30,0,0,255,100);
spinit();
}

function uncoda(){
glbimg.style.display = "";
glbimg.style.visibility = "visible";
dospin = 0;
SG1.style.filter = "";
progress.innerText = "";
}

function spinit(){
if(dospin){
SG1.rotate(0,0,3);
window.setTimeout("spinit()", 0300, "JavaScript");
}
}

function DoLights()
{
theImg.style.filter = "light";
light = theImg.filters[0];
progress.innerText = "Lights (light): Allows you to apply ambient, point, and cone lighting to objects. Note, adding lights must be done via script (view source for example)";
LightChange();
}

function LightChange()
{
if ( lightcount++ < maxStuff )
{
spread += 20;
position += 30;
light.Clear(); //clear existing lights from collection

// ----------------------------------------------------------------------- //
// this routine is used to add the lights into the light filter collection //
// the position and color of the lights in this sample are based off global //
// values. note the use of setTimeout to drive the animation. if more //
// precise control is needed over the timing a sequencer should be used //
// params for lights are: //
// //
// addAmbient(rr,gg,bb,intensity) //
// addPoint(x,y,z,rr,gg,bb,intensity) //
// addCone(x,y,z,x-target,y-target,rr,gg,bb,intensity) //
// ------------------------------------------------------------------------ //

light.addCone ( position,position,45,200,200,255,spread,spread,50,spread);
light.addPoint ( position,position,200,spread,spread,spread,100);
light.addAmbient ( 255,spread,spread,spread);
setTimeout ( "LightChange()", lightinterval );
}
else
{
lightcount = 0;
spread = 0;
position = 0;
document.finished = true;
}
}

</script>
<link rel="stylesheet" href="../liora3.css">
</head>

<body >

<table width="80%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="#ece8cf" bordercolor="#666666" class="bord2">
<tr>
<td align="left">
<div align="center"><font size="3"><b>.דחא דחא םתוא וסנ .דחי םירטליפה לכ
</b></font></div>
</td>
<tr>
<td align="left">
<center><div id="theImg" style="WIDTH:90%" style="font-size:18pt;font-family:verdana;font-style:bold">
Filters can affect any HTML element; including text, windowless controls,
intrinsic controls, and images. Try THAT with "Netscape."
<p> <img id="glbimg" hspace="10" vspace="10" width="130" height="205" src="MotionBlur/fool-r.gif">
<object id="SG1" style="HEIGHT:150; WIDTH:150" classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<param name="Line0001" value="SetFillStyle(1)">
<param name="Line0002" value="SetFillColor(255,255,255)">
<param name="Line0003" value="Pie(-75,-75,150,150,0,10,0)">
<param name="Line0004" value="SetFillColor(0,90,200)">
<param name="Line0005" value="Pie(-75,-75,150,150,0,10,18)">
<param name="Line0006" value="SetFillColor(255,255,255)">
<param name="Line0007" value="Pie(-75,-75,150,150,0,10,36)">
<param name="Line0008" value="SetFillColor(0,90,200)">
<param name="Line0009" value="Pie(-75,-75,150,150,0,10,54)">
<param name="Line0010" value="SetFillColor(255,255,255)">
<param name="Line0011" value="Pie(-75,-75,150,150,0,10,72)">
<param name="Line0012" value="SetFillColor(0,90,200)">
<param name="Line0013" value="Pie(-75,-75,150,150,0,10,90)">
<param name="Line0014" value="SetFillColor(255,255,255)">
<param name="Line0015" value="Pie(-75,-75,150,150,0,10,108)">
<param name="Line0016" value="SetFillColor(0,90,200)">
<param name="Line0017" value="Pie(-75,-75,150,150,0,10,126)">
<param name="Line0018" value="SetFillColor(255,255,255)">
<param name="Line0019" value="Pie(-75,-75,150,150,0,10,144)">
<param name="Line0020" value="SetFillColor(0,90,200)">
<param name="Line0021" value="Pie(-75,-75,150,150,0,10,162)">
<param name="Line0022" value="SetFillColor(255,255,255)">
<param name="Line0023" value="Pie(-75,-75,150,150,0,10,180)">
<param name="Line0024" value="SetFillColor(0,90,200)">
<param name="Line0025" value="Pie(-75,-75,150,150,0,10,198)">
<param name="Line0026" value="SetFillColor(255,255,255)">
<param name="Line0027" value="Pie(-75,-75,150,150,0,10,216)">
<param name="Line0028" value="SetFillColor(0,90,200)">
<param name="Line0029" value="Pie(-75,-75,150,150,0,10,234)">
<param name="Line0030" value="SetFillColor(255,255,255)">
<param name="Line0031" value="Pie(-75,-75,150,150,0,10,252)">
<param name="Line0032" value="SetFillColor(0,90,200)">
<param name="Line0033" value="Pie(-75,-75,150,150,0,10,270)">
<param name="Line0034" value="SetFillColor(255,255,255)">
<param name="Line0035" value="Pie(-75,-75,150,150,0,10,288)">
<param name="Line0036" value="SetFillColor(0,90,200)">
<param name="Line0037" value="Pie(-75,-75,150,150,0,10,306)">
<param name="Line0038" value="SetFillColor(255,255,255)">
<param name="Line0039" value="Pie(-75,-75,150,150,0,10,324)">
<param name="Line0040" value="SetFillColor(0,90,200)">
<param name="Line0041" value="Pie(-75,-75,150,150,0,10,342)">
<param name="Line0042" value="SetFillColor(255,255,255)">
<param name="Line0043" value="Pie(-75,-75,150,150,0,10,360)">
</object> </div>
</center>
<p>
<center>
<input class="clsbtn" value="Hהפוך" type="button" name="filt" onclick="theImg.style.filter = 'fliph(enabled=1)'; progress.innerText = 'Flip Horizontal (fliph): Flips the visible pixels in the horizontal axis.';">
<input class="clsbtn" value="Vהפוך" type="button" name="filt" onclick="theImg.style.filter = 'flipv(enabled=1)'; progress.innerText = 'Flip Horizontal (flipv): Flips the visible pixels in the vertical axis.';">
<input class="clsbtn" value="אפור" type="button" name="filt" onclick="theImg.style.filter = 'gray(enabled=1)'; progress.innerText = 'Grayscale (gray): Converts the visible pixels 256 shades of gray.';">
<input class="clsbtn" value="הפוך צבעים" type="button" name="filt" onclick="theImg.style.filter = 'invert(enabled=1)'; progress.innerText = 'Invert (invert): Maps the pixels to their opposite value in the color spectrum.';">
<input class="clsbtn" value="XRay" type="button" name="filt" onclick="theImg.style.filter = 'xray(enabled=1)'; progress.innerText = 'Xray (xray): Grayscales and flattens the color depth.';">
<input class="clsbtn" value="שקיפות" type="button" name="alpha" onclick="theImg.style.filter = 'alpha(opacity=50,enabled=1)'; progress.innerText = 'Alpha Channel (alpha): Alters the opacity of the filtered object, allowing it to blend through to the background.';">
<input class="clsbtn" value="Blurטישטוש" type="button" name="blur" onclick="theImg.style.filter = 'blur(direction=45,strength=15, add=0, enabled=1)'; progress.innerText = 'Motion Blur (blur): Blurs your object with the direction and strength specified.';">
<input class="clsbtn" value="Chromaכרום" type="button" name="chrom" onclick="theImg.style.filter = 'chroma(color=#FF0000 ,enabled=1)'; progress.innerText = 'Chroma Key (chroma): Makes a specified color transparent.';">
<input class="clsbtn" value="הטל צל" type="button" name="drop" onclick="theImg.style.filter = 'dropshadow(offx=5, offy=9, color=#008fff,enabled=1)'; progress.innerText = 'Drop Shadow (dropshadow): Creates a shadow of your image at a specified offset and color.';">
<input class="clsbtn" value="זוהר" type="button" name="glow" onclick="theImg.style.filter = 'glow(strength=5, color=#ffff00,enabled=1)'; progress.innerText = 'Glow (glow): Creates a glow around the opaque pixels of your object.';">
<input class="clsbtn" value="מסכה" type="button" name="mask" onclick="theImg.style.filter = 'mask(color=#FF0000 ,enabled=1)'; progress.innerText = 'Mask (mask): Turns transparent pixels to a specified color and makes opaque pixels transparent.';">
<input class="clsbtn" value="צל" type="button" name="shad" onclick="theImg.style.filter = 'shadow(color=#FF0088,direction=315,enabled=1)'; progress.innerText = 'Shadow (shadow): Created an attenuated shadow in the direction and color specified.';">
<input class="clsbtn" value="גלים" type="button" name="wave" onclick="theImg.style.filter = 'wave(freq=2, strength=6, phase=0, lightstrength=0, add=0, enabled=1)'; progress.innerText = 'Wave (wave): Applies a sin wave deformation to your object.';">
<p>
<input class="clsbtn" value="גלים בתנועה" type="button" name="animwave" onclick="theImg.style.filter = 'wave(freq=4, strength=8, phase=0, lightstrength=25, add=1, enabled=1)'; progress.innerText = 'Filter parameters may be altered dynamically for animation.'; wavable = 1; animatwav();">
<input class="clsbtn" value="Chained filters" type="button" name="chainwave" onclick="theImg.style.filter = 'chroma(color=#ff0000,enabled=1) shadow(color=#ff0000,enabled=1) chroma(color=ffff00,enabled=1)'; progress.innerText = 'Filters may be chained for added effects.';">
<input class="clsbtn" value="אורות במה" type="button" name="light" onclick="DoLights()">
<input class="clsbtn" value="נקה אפקטים" type="button" name="clear" onclick="theImg.style.filter = ''; progress.innerText = 'pick a filter';">
<input class="clsbtn" value="הכל יחד" type="button" name="coda" onclick="theImg.style.filter = ''; window.setTimeout('docoda()', 0100, 'javascript');">
</center>
<div id="progress" style="position:absolute;top:100%;font-color:gold;font-size:16pt;font-family:verdana;width:100%;background-color:black;filter:alpha(opacity=40,enabled=1);text-align:center">Click
one of the filter buttons to apply a filter to the objects.</div>
<script language="vbscript">
dim notclicked
notclicked = 1

sub window_onload()
filk = window.setTimeout("maybe", 4000, "vbscript")
end sub
sub document_onclick()
notclicked = 0
end sub
sub maybe()
if notclicked then
progress.innerText = "Come on! We're not getting any younger over here. Push a button already."
end if
end sub
sub animwave_onblur()
wavable = 0
end sub
sub chainwave_onblur()
chainable =0
end sub
sub coda_onblur()
uncoda
end sub
</script>
</td>
<tr>
<td align="left"> </td>
</table>

</body>
</html>