home *** CD-ROM | disk | FTP | other *** search
/ Netscape Plug-Ins Developer's Kit / Netscape_Plug-Ins_Developers_Kit.iso / DOCS / se_javas / 15EXM02.TXT < prev    next >
Encoding:
Text File  |  1996-07-08  |  10.5 KB  |  344 lines
  1. <html>
  2. <head>
  3. <title>Visual Effects</title>
  4. <script language="JavaScript">
  5. <!-- begin script
  6. var emptyFrame = '<html></html>';
  7. var hexchars = '0123456789ABCDEF';
  8. function fromHex (str) {
  9.   var high = str.charAt(0); // Note: Netscape 2.0 bug workaround
  10.   var low = str.charAt(1);
  11.   return (16 * hexchars.indexOf(high)) +
  12.     hexchars.indexOf(low);
  13. }
  14. function toHex (num) {
  15.   return hexchars.charAt(num >> 4) + hexchars.charAt(num & 0xF);
  16. }
  17. function Color (str) {
  18.   this.red = fromHex(str.substring(0,2));
  19.   this.green = fromHex(str.substring(2,4));
  20.   this.blue = fromHex(str.substring(4,6));
  21.   this.toString = ColorString;
  22.   return this;
  23. }
  24. function ColorString () {
  25.   return toHex(this.red) + toHex(this.green) + toHex(this.blue);
  26. }
  27. function BodyColor (bgColor,fgColor,linkColor,vlinkColor,alinkColor) {
  28.   this.bgColor = bgColor;
  29.   this.fgColor = fgColor;
  30.   this.linkColor = linkColor;
  31.   this.vlinkColor = vlinkColor;
  32.   this.alinkColor = alinkColor;
  33.   this.toString = BodyColorString;
  34.   return this;
  35. }
  36. function BodyColorString () {
  37.   return '<body' +
  38.     ((this.bgColor == null) ? '' : ' bgcolor="#' + this.bgColor + '"') +
  39.     ((this.fgColor == null) ? '' : ' text="#' + this.fgColor + '"') +
  40.     ((this.linkColor == null) ? '' : ' link="#' + this.linkColor + '"') +
  41.     ((this.vlinkColor == null) ? '' : ' vlink="#' + this.vlinkColor + '"') +
  42.     ((this.alinkColor == null) ? '' : ' alink="#' + this.alinkColor + '"') +
  43.     '>';
  44. }
  45. function IntColor (start, end, step, steps) {
  46.   this.red = Math.round(start.red+(((end.red-start.red)/(steps-1))*step));
  47.   this.green = Math.round(start.green+(((end.green-start.green)/(steps-1))*step));
  48.   this.blue = Math.round(start.blue+(((end.blue-start.blue)/(steps-1))*step));
  49.   this.toString = ColorString;
  50.   return this;
  51. }
  52. function Text (text, size, format, color) {
  53.   this.text = text;
  54.   this.length = text.length;
  55.   this.size = size;
  56.   this.format = format;
  57.   this.color = color;
  58.   this.toString = TextString;
  59.   this.substring = TextString;
  60.   return this;
  61. }
  62. function TextString (start, end) {
  63.   with (this) {
  64.     if (TextString.arguments.length < 2 || start >= length) start = 0;
  65.     if (TextString.arguments.length < 2 || end > length) end = length;
  66.     var str = text.substring(start,end);
  67.     if (format != null) {
  68.       if (format.indexOf("b") >= 0) str = str.bold();
  69.       if (format.indexOf("i") >= 0) str = str.italics();
  70.       if (format.indexOf("f") >= 0) str = str.fixed();
  71.     }
  72.     if (size != null) str = str.fontsize(size);
  73.     if (color != null) { 
  74.       var colorstr = color.toString(); // Note: Netscape 2.0 bug workaround
  75.       str = str.fontcolor(colorstr);
  76.     }
  77.   }
  78.   return str;
  79. }
  80. function Block (args) {
  81.   var argv = Block.arguments;
  82.   var argc = argv.length;
  83.   var len = 0;
  84.   for (var i = 0; i < argc; i++) {
  85.     len += argv[i].length;
  86.     this[i] = argv[i];
  87.   }
  88.   this.length = len;
  89.   this.entries = argc;
  90.   this.toString = BlockString;
  91.   this.substring = BlockString;
  92.   return this;
  93. }  
  94. function BlockString (start, end) {
  95.   with (this) {
  96.     if (BlockString.arguments.length < 2 || start >= length) start = 0;
  97.     if (BlockString.arguments.length < 2 || end > length) end = length;
  98.   }
  99.   var str = "";
  100.   var segstart = 0;
  101.   var segend = 0;
  102.   for (var i = 0; i < this.entries; i++) {
  103.     segend = segstart + this[i].length;
  104.     if (segend > start)
  105.       str += this[i].substring(Math.max(start,segstart)-segstart, Math.min(end,segend)-segstart);
  106.     segstart += this[i].length;
  107.     if (segstart >= end)
  108.       break;
  109.   }
  110.   return str;
  111. }
  112.  
  113. function Marquee (body, text, maxlength, step) {
  114.   this.body = body;
  115.   this.text = text;
  116.   this.length = text.length;
  117.   this.maxlength = maxlength;
  118.   this.step = step;
  119.   this.offset = 0;
  120.   this.toString = MarqueeString;
  121.   return this;
  122. }
  123. function MarqueeString () {
  124.   with (this) {
  125.     var endstr = offset + maxlength;
  126.     var remstr = 0;
  127.     if (endstr > text.length) {
  128.       remstr = endstr - text.length;
  129.       endstr = text.length;
  130.     }
  131.     var str = nbsp(text.substring(offset,endstr) +
  132.       ((remstr == 0) ? "" : text.substring(0,remstr)));
  133.     offset += step;
  134.     if (offset >= text.length)
  135.       offset = 0;
  136.     else if (offset < 0)
  137.       offset = text.length - 1;
  138.   }
  139.   return '<html>' + this.body + '<table border=0 width=100% height=100%><tr>' +
  140.     '<td align="center" valign="bottom">' + str + '</td></tr></table></body></html>';
  141. }
  142. function nbsp (strin) {
  143.   var strout = "";
  144.   var intag = false;
  145.   var len = strin.length;
  146.   for(var i=0, j=0; i < len; i++) {
  147.     var ch = strin.charAt(i);
  148.     if (ch == "<")
  149.       intag = true;
  150.     else if (ch == ">")
  151.       intag = false;
  152.     else if (ch == " " && !intag) {
  153.       strout += strin.substring(j,i) + " ";
  154.       j = i + 1;
  155.     }
  156.   }
  157.   return strout + strin.substring(j,len);
  158. }
  159. function Fader (bodyA, bodyB, steps, text) {
  160.   this.bodyA = bodyA;
  161.   this.bodyB = bodyB;
  162.   this.step = 0;
  163.   this.steps = steps;
  164.   this.text = text;
  165.   this.toString = FaderString;
  166.   return this;
  167. }
  168. function FaderString () {
  169.   var intBody = new BodyColor();
  170.   with (this) {
  171.     if (bodyA.bgColor != null && bodyB.bgColor != null)
  172.       intBody.bgColor = new IntColor (bodyA.bgColor, bodyB.bgColor, step, steps);
  173.     if (bodyA.fgColor != null && bodyB.fgColor != null)
  174.       intBody.fgColor = new IntColor (bodyA.fgColor, bodyB.fgColor, step, steps);
  175.     if (bodyA.linkColor != null && bodyB.linkColor != null)
  176.       intBody.linkColor = new IntColor (bodyA.linkColor, bodyB.linkColor, step, steps);
  177.     if (bodyA.vlinkColor != null && bodyB.vlinkColor != null)
  178.       intBody.vlinkColor = new IntColor (bodyA.vlinkColor, bodyB.vlinkColor, step, steps);
  179.     if (bodyA.alinkColor != null && bodyB.alinkColor != null)
  180.       intBody.alinkColor = new IntColor (bodyA.alinkColor, bodyB.alinkColor, step, steps);
  181.     step++;
  182.     if (step >= steps)
  183.       step = 0;
  184.   }
  185.   return '<html>' + intBody + this.text + '</body></html>';
  186. }
  187. function Static (body, text) {
  188.   this.body = body;
  189.   this.text = text;
  190.   this.toString = StaticString;
  191.   return this;
  192. }
  193. function StaticString () {
  194.   return '<html>' + this.body + '</body></html>';
  195. }
  196. function Alternator (bodyA, bodyB, text) {
  197.   this.bodyA = bodyA;
  198.   this.bodyB = bodyB;
  199.   this.currentBody = "A";
  200.   this.text = text;
  201.   this.toString = AlternatorString;
  202.   return this;
  203. }
  204. function AlternatorString () {
  205.   var str = "<html>";
  206.   with (this) {
  207.     if (currentBody == "A") {
  208.       str += bodyA;
  209.       currentBody = "B";
  210.     }
  211.     else {
  212.       str += bodyB;
  213.       currentBody = "A";
  214.     }
  215.     str += text + '</body></html>';
  216.   }
  217.   return str;
  218. }        
  219. function Event (start, loops, delay, action) {
  220.   this.start = start * 1000;
  221.   this.next = this.start;
  222.   this.loops = loops;
  223.   this.loopsRemaining = loops;
  224.   this.delay = delay * 1000;
  225.   this.action = action;
  226.   return this;
  227. }
  228. function EventQueue (name, delay, loopAfter, loops, stopAfter) {
  229.   this.active = true;
  230.   this.name = name;
  231.   this.delay = delay * 1000;
  232.   this.loopAfter = loopAfter * 1000;
  233.   this.loops = loops;
  234.   this.loopsRemaining = loops;
  235.   this.stopAfter = stopAfter * 1000;
  236.   this.event = new Object;
  237.   this.start = new Date ();
  238.   this.loopStart = new Date();
  239.   this.eventID = 0;
  240.   this.addEvent = AddEvent;
  241.   this.processEvents = ProcessEvents;
  242.   this.startQueue = StartQueue;
  243.   this.stopQueue = StopQueue;
  244.   return this;
  245. }
  246. function AddEvent (event) {
  247.   this.event[this.eventID++] = event;
  248. }
  249. function StartQueue () {
  250.   with (this) {
  251.     active = true;
  252.     start = new Date();
  253.     loopStart = new Date();
  254.     loopsRemaining = loops;
  255.     setTimeout (name + ".processEvents()", this.delay);
  256.   }
  257. }
  258. function StopQueue () {
  259.   this.active = false;
  260. }
  261. function ProcessEvents () {
  262.   with (this) {
  263.     if (!active) return;
  264.     var now = new Date();
  265.     if (now.getTime() - start.getTime() >= stopAfter) {
  266.       active = false;
  267.       return;
  268.     }
  269.     var elapsed = now.getTime() - loopStart.getTime();
  270.     if (elapsed >= loopAfter) {
  271.       if (--loopsRemaining <= 0) {
  272.         active = false;
  273.         return;
  274.       }
  275.       loopStart = new Date();
  276.       elapsed = now.getTime() - loopStart.getTime();
  277.       for (var i in event)
  278.         if (event[i] != null) {
  279.           event[i].next = event[i].start;
  280.           event[i].loopsRemaining = event[i].loops;
  281.         }
  282.     }
  283.     for (var i in event)
  284.       if (event[i] != null)
  285.         if (event[i].next <= elapsed)
  286.           if (event[i].loopsRemaining-- > 0) {
  287.             event[i].next = elapsed + event[i].delay;
  288.             eval (event[i].action);
  289.           }
  290.     setTimeout (this.name + ".processEvents()", this.delay);
  291.   }
  292. }
  293. var black = new Color ("000000");
  294. var white = new Color ("FFFFFF");
  295. var blue = new Color ("0000FF");
  296. var magenta = new Color ("FF00FF");
  297. var yellow = new Color ("FFFF00");
  298. var red = new Color ("FF0000");
  299.  
  300. var blackOnWhite = new BodyColor (white, black);
  301. var whiteOnBlack = new BodyColor (black, white);
  302. var blueOnWhite = new BodyColor (white, blue);
  303. var yellowOnBlue = new BodyColor (blue, yellow);
  304. var magentaOnYellow = new BodyColor (yellow, magenta);
  305. var blackOnBlack = new BodyColor (black,black);
  306.  
  307.  
  308. var mbScene = new Block (
  309.   new Text ("When shall we three meet again, ", "5", "b", red),
  310.   new Text ("In thunder, lightning, or in rain? ", "6", "bf", blue),
  311.   new Text ("When the hurlyburly\'s done, ", "5", "ib", yellow),
  312.   new Text ("When the battle\'s lost and won. ", "6", "bfi", magenta),
  313.   new Text ("That will be ere the set of sun. ", "6", "fb", red),
  314.   "................"
  315.   );
  316.  
  317. var mbMarquee = new Marquee (whiteOnBlack, mbScene, 50, 2);
  318. var evq = new EventQueue ("evq", 0.1, 120, 5, 600);
  319. evq.addEvent (new Event (0, 35, 0.125,
  320.   'self.f1.location = "javascript:parent.mbMarquee"'));
  321.  
  322. var fadingText = new Fader (yellowOnBlue, magentaOnYellow, 10,
  323.   '<h1 align="center">Visual Effects</h1>');
  324. //var evq = new EventQueue ("evq", 0.1, 20, 10, 60);
  325. evq.addEvent (new Event (0, 10, 0.1,
  326.   'self.head.location="javascript:parent.fadingText"'));
  327.  
  328. function initialize () {
  329.   evq.startQueue();
  330. }
  331. // end script -->
  332. </script>
  333. <frameset rows="52,52,*" onLoad="initialize()">
  334.   <frame name="head" src="javascript:parent.emptyFrame"
  335.      marginwidth=1 marginheight=1 scrolling="no" noresize>
  336.   <frame name="f1" src="javascript:parent.emptyFrame"
  337.      marginwidth=1 marginheight=1 scrolling="no" noresize>
  338.   <frame name="body" src="javascript:parent.emptyFrame">
  339. </frameset>
  340. <noframes>
  341. <h2 align="center">Netscape 2.0 or other JavaScript-enabled browser required</h2>
  342. </noframes>
  343. </html>
  344.