home *** CD-ROM | disk | FTP | other *** search
/ PC Online 1999 February / PCO_0299.ISO / filesbbs / w9x / visdhtml.exe / visual / lib / props.js < prev   
Encoding:
Text File  |  1998-05-19  |  41.5 KB  |  967 lines
  1. /**
  2.  * props.js
  3.  * property functions for Visual DHTML
  4.  * requires toolbar.js, scrollbar.js
  5.  */
  6.  
  7. if (!dev) {
  8.     var dev = new VisualDHTML();
  9. }
  10.  
  11. function VisualDHTML() {
  12.     //dev = this;
  13.     window.dev = this;
  14.     this.i = 0;
  15.     this.x = 0;
  16.     this.y = 0;
  17.     this.totalCards = 41;
  18.     this.menu = 0;
  19.     this.menuFlag = false;
  20.     this.reset = null;
  21.     this.customWin;
  22.     this.customContent = new Array();
  23.     this.customContentHistory = new Array();
  24.     this.activeCard = document.layers["card0"];
  25.     this.myForm = document.forms[0];
  26.     this.dynamic_title   = "Preview";
  27.     this.dynamic_bgcolor = "white";
  28.     this.dynamic_bkgrd = "";
  29.     this.dynamic_metatag = "";
  30.     //this.dynamic_drawer = "></layer>";
  31.     this.drawerImg = new Array();
  32.     this.drawerUrl = new Array();
  33.     this.drawerText = new Array();
  34.     this.dynamic_layer = new Array();
  35.     this.dynamic_content = new Array();
  36.     this.dynamic_X = new Array();
  37.     this.dynamic_Y = new Array();
  38.     this.docHistoryType = new Array();
  39.     this.docHistory = 0;
  40.     this.cursor = "";
  41.     this.storeVToolBarItems = "";
  42.     this.base = "http://developer.netscape.com/library/examples/dynhtml/visual/";
  43.     this.includeScripts = '<'+'SCRIPT SRC="'+ this.base +'visual.js"><'+'/SCRIPT>';
  44.     this.newPage = newPage;
  45.     this.setType = setType;
  46.     this.openPreview = openPreview;
  47.     this.previewFocus = previewFocus;
  48.     this.setLayer = setLayer;
  49.     this.docWrite = docWrite;
  50.     this.displayCard = displayCard;
  51.     this.hideCard = hideCard;
  52.     this.hideDialogs = hideDialogs;
  53.     this.reSet = reSet;
  54.     this.clearAll = clearAll;
  55.     this.winStatus = winStatus;
  56.     this.simpleDialog = simpleDialog;
  57.     this.devButton = devButton;
  58.     this.hideDevButton = hideDevButton;
  59.     this.ScrollBar = ScrollBar;
  60.     this.togglePalette = togglePalette;
  61.     //window.palette = null;
  62. }
  63.  
  64. function newPage(visio) {
  65.     if (visio && window.newPageDialog) {
  66.         window.NdialogLabel = "";
  67.         if (!window.newPageDialog.win) return;
  68.         window.newPageDialog.win.base.visibility = "hide";
  69.         return;
  70.     }
  71.     dev.displayCard(0, 'New Page!');
  72.     if (dev.customWin) { 
  73.         if (dev.customWin.close) {
  74.             dev.previewFocus("yes");
  75.             var text = '\n<BR><NOBR>You already have a Preview Page open.</NOBR> Do you want it closed, first?<P>';
  76.             simpleDialog('Confirm', text, "clearAll(1); dev.newPage();");
  77.             //simpleDialog('Confirm', "if (dev.customWin.close) dev.customWin.close(); dev.customWin=null;");
  78.             return;
  79.         } else {
  80.             clearAll(1);
  81.         }
  82.     }
  83.     var str = ''+
  84.     ' Select a page type:<TABLE WIDTH=200>'+
  85.     '<TR><TD BGCOLOR="#FFFFFF"><LI> <A HREF="javascript:dev.setType(\'window\')"><B>Normal Window</B></A></TD></TR>'+
  86.     '<TR><TD BGCOLOR="#FFFFFF"><LI> <A HREF="javascript:dev.setType(\'fullscreen\');"><B>Fullscreen Window</B></TD></TR>'+
  87.     '<TR><TD BGCOLOR="#FFFFFF"><LI> <A HREF="javascript:dev.setType(\'kiosk\');"><B>Kiosk Window</B></TD></TR>'+
  88.     '<TR><TD BGCOLOR="#FFFFFF"><LI> <A HREF="javascript:dev.setType(\'webtop\');"><B>Webtop</B></TD></TR>'+
  89.     '</TABLE><P>';
  90.     var dialog = new Dialog();
  91.     dialog.setDialogTitle("New Page");
  92.     dialog.setDialogContent(str);
  93.     dialog.setDialogPageX(90);
  94.     dialog.setDialogPageY(90);
  95.     dialog.setDialogBgColor("#DDDDDD");
  96.     dialog.setDialogMorph(true);
  97.     dialog.openDialog("newPage", "");
  98.     window.newPageDialog = dialog;
  99.     if (dev.activeCard) 
  100.         dev.activeCard.visibility = 'hide';
  101. }
  102.  
  103. function setType(type, alrt) {
  104.     dev.newPage("hide");
  105.     var previewText = '<BR><FONT SIZE=-1><CENTER><B>Preview Page</B></CENTER><P><NOBR>This will open a new "Preview Page" window</NOBR><BR> for you to develop with ...</FONT><P>';
  106.     if (type == 'webtop') {
  107.         previewText = '<BR><TABLE WIDTH=400 CELLPADING=10><TR><TD><FONT SIZE=-1>"Preview <B>Webtop</B>"<P> This will open a Preview Webtop window for you to develop with. Just like a regular desktop, your Webtop will always be lowered behind all other windows. So you might want to minimize all other windows that you currently aren\'t using so you can see your Preview Webtop as you build it.\n\n'+
  108.                       ' Also, we need to request the "CanvasAccess" privilege via the netscape.security.PrivilegeManager to display the Webtop.</FONT></TD></TR></TABLE><P>';
  109.         simpleDialog('Open Webtop', previewText, "openWebtopWin();", null, null, 10, 80);
  110.         ////simpleDialog('Open Webtop', previewText, "netscape.security.PrivilegeManager.enablePrivilege('CanvasAccess'); dev.openPreview(screen.availWidth, screen.availHeight, null,null, 'titlebar=no,alwaysLowered=yes');", null, null, 10, 80);
  111.     } else if (type == 'fullscreen') {
  112.         dev.openPreview(screen.availWidth, screen.availHeight);
  113.     } else if (type == 'kiosk') {
  114.         dev.openPreview(600, 500, null,null, 'menubar=no,status=no,resizable=no');
  115.     } else {
  116.         dev.openPreview(screen.availWidth - 200, screen.availHeight - 100);
  117.     }
  118. }
  119.  
  120. function openWebtopWin() {
  121.     dev.customWin = window.open('http://developer.netscape.com/library/examples/javascript/webwidget/webtop.html?'+ dev.base +'preview.html', 'webtop');
  122.     top.window.focus();
  123. }
  124.  
  125. function openPreview(width, height, left, top, features) {
  126.     if (!width) var width = 500;
  127.     if (!height) var height = 500;
  128.     if (!left) var left = screen.availLeft;
  129.     if (!top) var top = screen.availTop;
  130.     if (!features) var features = 'toolbar=yes,menubar=yes,scrollbars=yes,status=yes,resizable=no';
  131.     dev.customWin = window.open('', 'preview', features +',outerWidth='+ width +',outerHeight='+ height +',left='+ left +',top='+ top );
  132.     setPreview('Preview Page');
  133. }
  134.  
  135. function setPreview(preview) {
  136.     dev.customWin.focus();
  137.     dev.customWin.document.open('text/html');
  138.     dev.customWin.document.writeln('<HTML><HEAD><TITLE>Preview</TITLE></HEAD><BODY><FONT SIZE=+7 COLOR="blue">'+ preview +'</FONT></BODY></HTML>');
  139.     dev.customWin.document.close();
  140.     top.window.focus();
  141. }
  142.  
  143. function previewFocus(t) {
  144.     dev.customWin.focus();
  145.     if (t) setTimeout('top.window.focus();', 1000);
  146. }
  147.  
  148. function resizePage(preview) {
  149.     /////
  150. }
  151.  
  152. function pageSource() {
  153.     dev.source = "";
  154.     for (var i in dev.customContent) {
  155.         dev.source += dev.customContent[i]  + "\n";
  156.     }
  157.     dev.sourceWin = window.open('', 'src', 'outerWidth='+ screen.availWidth - 200 +',outerHeight='+ screen.availHeight - 100 +',scrollbars');
  158.     dev.sourceWin.focus();
  159.     dev.sourceWin.document.open('text/plain');
  160.     dev.sourceWin.document.writeln('<!-- Preview Page Source - '+ Date() +' -->\n' + dev.source);
  161.     dev.sourceWin.document.close();
  162.     //top.window.focus();
  163. }
  164.  
  165. function addTitle(form) {
  166.     dev.dynamic_title = form.elements[0].value;
  167.     dev.docWrite(0);
  168.     top.window.focus();
  169. }
  170.  
  171. function setBgColor(form) {
  172.     dev.dynamic_bgcolor = form.elements[0].value;
  173.     dev.dynamic_bkgrd = ' BACKGROUND="'+ form.elements[1].value +'"';
  174.     dev.docWrite('bg');
  175.     top.window.focus();
  176. }
  177.  
  178. function addMeta(form) {
  179.     dev.dynamic_metatag += '<META NAME="'+ form.elements[0].value +'" CONTENT="'+ form.elements[1].value +'">\n';
  180.     dev.docWrite(0);
  181.     top.window.focus();
  182. }
  183.  
  184. function addImage(form) {
  185.     dev.dynamic_content[dev.i] = '"><IMG ALT="image" SRC="'+ form.elements[0].value +'" BORDER=0>';
  186.     dev.dynamic_content[dev.i] += '</LAYER>';
  187.     dev.docWrite(1);
  188.     dev.i++;
  189. }
  190.  
  191. function addImageLink(form) {
  192.     dev.dynamic_content[dev.i] = '"><A HREF="'+ form.elements[0].value +'" TARGET="newWin">';
  193.     dev.dynamic_content[dev.i] += '<IMG ALT="image" SRC="'+ form.elements[2].value +'" BORDER=0></A>';
  194.     dev.dynamic_content[dev.i] += '</LAYER>';
  195.     dev.docWrite(1);
  196.     dev.i++;
  197. }
  198.  
  199. function addAnim(form) {
  200.     var animContent = "";
  201.     var imgString = form.elements[0].value;
  202.     var linkString = form.elements[1].value;
  203.     var speed = form.elements[3].value;
  204.     var imgItems = imgString.split("\n");
  205.     var linkItems = linkString.split("\n");
  206.     for(i=0; i<imgItems.length; i++) {
  207.         if (imgItems[i].indexOf("\r") != -1) imgItems[i] = imgItems[i].substring(0, imgItems[i].indexOf("\r"));
  208.         if (linkItems[i].indexOf("\r") != -1) linkItems[i] = linkItems[i].substring(0, linkItems[i].indexOf("\r"));
  209.         animContent += "window.animImg"+ i +"='"+ imgItems[i] +"'; window.animLink"+ i +"='"+ linkItems[i] +"'; ";
  210.     }
  211.     dev.dynamic_content[dev.i] = '" onLoad="'+ animContent +' window.animLength='+ imgItems.length +'; window.animLayer=this; setTimeout(\'if(window.visual) window.visual.anim();\','+ speed +'000);"><A HREF="#" onClick="window.open('+ imgItems[0] +',0); return false;"><IMG SRC="'+ imgItems[0] +'" BORDER=0></A></LAYER>';
  212.     dev.docWrite(1);
  213.     dev.i++;
  214. }
  215.  
  216. function addLink(form) {
  217.     dev.dynamic_content[dev.i] = '"><A HREF="'+ form.elements[0].value +'" TARGET="newWin">'+ form.elements[2].value +' </A>';
  218.     dev.dynamic_content[dev.i] += '</LAYER>';
  219.     dev.docWrite(1);
  220.     dev.i++;
  221. }
  222. function addText(form) {
  223.     dev.dynamic_content[dev.i] = '"><FONT SIZE="'+ form.elements[1].value +'"';
  224.     if (form.elements[2].value) dev.dynamic_content[dev.i] += ' COLOR="'+ form.elements[2].value +'"';
  225.     if (form.elements[3].value) dev.dynamic_content[dev.i] += ' FACE="'+ form.elements[3].value +'"';
  226.     dev.dynamic_content[dev.i] += '>'+ form.elements[0].value +'</FONT></LAYER>';
  227.     dev.docWrite(1);
  228.     dev.i++;
  229. }
  230.  
  231. function addButton(form) {
  232.     var link = form.elements[0].value;
  233.     var img = form.elements[2].value;
  234.     var imgH = form.elements[4].value;
  235.     var text = form.elements[6].value;
  236.     var mouseEvents = ' onMouseOver="window.button'+ dev.i +'.src=window.button'+ dev.i +'HSRC;" onMouseOut="window.button'+ dev.i +'.src=window.button'+ dev.i +'SRC;"';
  237.     dev.dynamic_content[dev.i] = '"><Layer onLoad="window.button'+ dev.i +'SRC=\''+ img +'\'; window.button'+ dev.i +'HSRC=\''+ imgH +'\'; window.button'+ dev.i +'Dest=\''+ link +'\';"'+ mouseEvents +'><A HREF="'+ link +'"><IMG onLoad="window.button'+ dev.i +'=this;" ALT="button" NAME="button'+ dev.i +'" SRC="'+ img +'" BORDER=0></A></Layer>';
  238.     /////dev.dynamic_content[dev.i] = '"><Layer onLoad="window.button'+ dev.i +'=this" onMouseOver="window.buttonH'+ dev.i +'.visibility=\'inherit\';"><A HREF="'+ link +'"><IMG ALT="button" NAME="Button'+ dev.i +'" SRC="'+ img +'" BORDER=0></A></Layer>';
  239.     /////if (imgH) dev.dynamic_content[dev.i] += ' <layer onLoad="window.buttonH'+ dev.i +'=this" onMouseOut="this.visibility=\'hide\';" VISIBILITY="hide"><A HREF="'+ link +'" onMouseOver="window.buttonH'+ dev.i +'.visibility=\'inherit\';"><IMG ALT="button" NAME="Button'+ dev.i +'" SRC="'+ imgH +'" BORDER=0></A></layer>';
  240.     dev.dynamic_content[dev.i] += ' <Layer left=10 top=4 onFocus="window.open(window.button'+ dev.i +'Dest);"'+ mouseEvents +'>'+ text +'</Layer>';
  241.     dev.dynamic_content[dev.i] += '</LAYER>';
  242.     dev.docWrite(1);
  243.     dev.i++;
  244. }
  245.  
  246. function addEmail(form) {
  247.     var img = form.elements[0].value;
  248.     var addr = form.elements[2].value;
  249.     var text = form.elements[3].value;
  250.     dev.dynamic_content[dev.i] = '" BGCOLOR="gray"><A HREF="#" onClick="location.href=\'mailto:'+ addr +'?subject='+ text +'\'; return false;">';
  251.     if (img != "") dev.dynamic_content[dev.i] += '<IMG ALT="email" SRC="'+ img +'" BORDER=0><BR>';
  252.     dev.dynamic_content[dev.i] += text +'</A>';
  253.     dev.dynamic_content[dev.i] += '</LAYER>';
  254.     dev.docWrite(1);
  255.     dev.i++;
  256. }
  257. function addMailbox(form) {
  258.     var img = form.elements[0].value;
  259.     var addr = form.elements[2].value;
  260.     var text = form.elements[3].value;
  261.     dev.dynamic_content[dev.i] = '" BGCOLOR="gray"><A HREF="mailbox:'+ addr +'">';
  262.     if (img != "") dev.dynamic_content[dev.i] += '<IMG ALT="Mailbox:'+ addr +'" SRC="'+ img +'" BORDER=0><BR>';
  263.     dev.dynamic_content[dev.i] += text +'</A>';
  264.     dev.dynamic_content[dev.i] += '</LAYER>';
  265.     dev.docWrite(1);
  266.     dev.i++;
  267. }
  268. function addVToolBar(form) {
  269.     if (!dev.VToolBar) {
  270.         dev.VToolBar = true;
  271.         var w = form.elements[0].value;
  272.         var h = form.elements[1].value;
  273.         var c = form.elements[2].value;
  274.         dev.dynamic_content[dev.i] = '" onLoad="if(window.visual) window.visual.addVToolBar('+ w +','+ h +',\''+ c +'\');"></LAYER>';
  275.         dev.includeScripts += '\n<'+'SCRIPT SRC="'+ dev.base +'components/toolbar/toolbar.js"><'+'/SCRIPT>';
  276.         dev.docWrite(1);
  277.         dev.i++;
  278.     } else {
  279.         alert("You already have Toolbar...");
  280.     }
  281. }
  282. function addVToolBarItem(form) {
  283.     if (dev.VToolBar) {
  284.         var img = form.elements[0].value;
  285.         var img2 = form.elements[1].value;
  286.         var alt = form.elements[2].value;
  287.         var action = form.elements[3].value;
  288.         dev.storeVToolBarItems += 'if(window.visual) window.visual.storeVToolBarItems(\''+ img +'\', \''+ img2 +'\', \''+ alt +'\', \''+ action +'\'); ';
  289.         dev.docWrite(1);
  290.         //dev.i++;
  291.     } else {
  292.         alert("Can't find your Toolbar; \nYou first need to add a Toolbar \nbefore you can add items to it...");
  293.     }
  294. }
  295.  
  296. function addChannelButton(form) {
  297.     var name = form.elements[0].value;
  298.     var url = form.elements[1].value;
  299.     var img = form.elements[3].value;
  300.     dev.dynamic_content[dev.i] = '"><layer onFocus="if(window.visual) window.visual.addMyChannel(' + "'" + name +"', '" + url + "');" + '">';
  301.     dev.dynamic_content[dev.i] += '<IMG ALT="add channel" SRC="'+ img +'" BORDER=0><BR>'+ name +'</layer>';
  302.     dev.dynamic_content[dev.i] += '</LAYER>';
  303.     dev.docWrite(1);
  304.     dev.i++;
  305. }
  306.  
  307. function addCF(form) {
  308.     dev.dynamic_content[dev.i] = '"><A HREF="#" onClick="window.open(\'http://netcaster.netscape.com/finder/9708/\',\'cf\',\'left=0,top=0,outerWidth=\'+screen.availWidth+\',outerHeight=\'+screen.availHeight+\',status\'); return false;"><IMG SRC="'+ form.elements[0].value +'" BORDER=0></A></LAYER>';
  309.     dev.docWrite(1);
  310.     dev.i++;
  311. }
  312.  
  313. function addNC(form) {
  314.     dev.dynamic_content[dev.i] = '"><A HREF="#" onClick="if (!components[\'netcaster\']) return false; else components[\'netcaster\'].activate(); return false;"><IMG SRC="'+ form.elements[0].value +'" BORDER=0></A></LAYER>';
  315.     dev.docWrite(1);
  316.     dev.i++;
  317. }
  318. function setTable(form) {
  319.     top.tableR = form.elements[0].value;
  320.     top.tableD = form.elements[1].value;
  321.     document.layers["card7"].visibility = 'hide';
  322.     var l = document.layers["card20"];
  323.     l.document.open('text/html');
  324.     l.document.write('<CENTER><FORM><TABLE>');
  325.     for(var i = 0; i < top.tableR; i++) {
  326.         l.document.write('<TR>');
  327.         for(var j = 0; j < top.tableD; j++) {
  328.             l.document.write('<TD><INPUT SIZE=10 VALUE="text"></TD>');
  329.         }
  330.         l.document.write('</TR>');
  331.     }
  332.     l.document.write('</TABLE>');
  333.     l.document.write('<INPUT TYPE=button VALUE="Add Table" onClick="prop(addTable,document.forms[0]);">');
  334.     l.document.write('</FORM></CENTER>');
  335.     l.document.close();
  336.     l.visibility = 'inherit';
  337.     dev.activeCard = l;
  338. }
  339.  
  340. function addTable(form,type) {
  341.     dev.dynamic_content[dev.i] = '"><FORM><TABLE BORDER=1>';
  342.     if (type == 'forms') {
  343.         for(var i = 0; i < top.tableR; i++) {
  344.             dev.dynamic_content[dev.i] += '<TR>';
  345.             for(var j = 0; j < top.tableD; j++) {
  346.                 dev.dynamic_content[dev.i] += '<TD><INPUT SIZE=10 VALUE="text"></TD>';
  347.             }
  348.             dev.dynamic_content[dev.i] += '</TR>';
  349.         }
  350.     } else {
  351.         var count = 0;
  352.         for(var i = 0; i < top.tableR; i++) {
  353.             dev.dynamic_content[dev.i] += '<TR>';
  354.             for(var j = 0; j < top.tableD; j++) {
  355.                 dev.dynamic_content[dev.i] += '<TD>'+ form.elements[ count ].value +'</TD>';
  356.                 count++; 
  357.             }
  358.             dev.dynamic_content[dev.i] += '</TR>';
  359.         }
  360.     }
  361.     dev.dynamic_content[dev.i] += '</TABLE></FORM></LAYER>'
  362.     dev.docWrite(1);
  363.     dev.i++;
  364. }
  365.  
  366. function temp(url, attrib) {
  367.     document.layers['temp'].document.open('text/html');
  368.     if (url != "") document.layers['temp'].document.writeln('temp <layer src="'+ url +'" '+ attrib +'> </layer> ');
  369.     else document.layers['temp'].document.writeln('clear');
  370.     document.layers['temp'].document.close();
  371. }
  372.  
  373. function addTicker(form) {
  374.     var url = form.elements[0].value;
  375.     var w = form.elements[2].value;
  376.     if (w == "window.innerWidth") w = dev.customWin.innerWidth;
  377.     var h = form.elements[3].value;
  378.     var color = form.elements[4].value;
  379.     temp(url,"");
  380.     var tickerWidth = document.layers['temp'].document.layers[0].clip.width;
  381.     setTimeout('temp("");',5000);
  382.     dev.dynamic_content[dev.i] = '" CLIP='+ w +','+ h +' BGCOLOR="'+ color +'">';
  383.     dev.dynamic_content[dev.i] += '<layer BGCOLOR="'+ color +'" SRC="'+ url +'" onLoad=" window.tickerLayer'+ dev.i +'=this; window.tickerID'+ dev.i +'=setTimeout(\'if(window.visual) window.visual.ticker(window.tickerID'+ dev.i +','+ dev.i +','+ tickerWidth +','+ w +');\',5000);"></layer>';
  384.     dev.dynamic_content[dev.i] += '</LAYER>';
  385.     dev.docWrite(1);
  386.     dev.i++;
  387. }
  388.  
  389. function addMarquee(form) {
  390.     var url = form.elements[0].value;
  391.     var text = form.elements[2].value;
  392.     var dir = form.elements[3].selectedIndex;
  393.     dev.dynamic_content[dev.i] = '" VISIBILITY="hide" onLoad="window.marqueeLayer'+ dev.i +'=this; window.marqueeID'+ dev.i +'=setTimeout(\'if(window.visual) window.visual.marquee(window.marqueeID'+ dev.i +','+ dev.i +','+ dir +');\',2000);" ';
  394.     if (url != "") dev.dynamic_content[dev.i] += 'SRC="'+ url +'"></LAYER>';
  395.     else dev.dynamic_content[dev.i] += '>'+ text +'</LAYER>';
  396.     //dev.dynamic_content[dev.i] = '" VISIBILITY="hide" BGCOLOR="'+ color +'" SRC="'+ url +'" onLoad=" window.marqueeLayer'+ dev.i +'=this; window.marqueeID'+ dev.i +'=setTimeout(\'if(window.visual) window.visual.marquee(window.marqueeID'+ dev.i +','+ dev.i +','+ dir +');\',10);"></layer>';
  397.     dev.docWrite(1);
  398.     dev.i++;
  399. }
  400.  
  401. function addNewsBox(form) {
  402.     var url = form.elements[0].value;
  403.     var w = form.elements[2].value;
  404.     var h = form.elements[3].value;
  405.     var color = form.elements[4].value;
  406.     var title = form.elements[5].value;
  407.     temp(url,'WIDTH='+ w);
  408.     var sbHeight = document.layers['temp'].document.layers[0].clip.height;
  409.     setTimeout('temp("");',5000);
  410.     dev.dynamic_content[dev.i] = '"><LAYER CLIP='+ w +','+ h +' BGCOLOR="'+ color +'"><Layer TOP=25 WIDTH='+ w +' BGCOLOR="'+ color +'" SRC='+ url +' onLoad="window.sbHeight='+ sbHeight +'; window.sbClipHeight='+ h +'; window.sb=this; if(window.visual) window.visual.newsBox();"></Layer></layer>';
  411.     dev.dynamic_content[dev.i] += ' <layer TOP=0 CLIP='+ w +',20 BGCOLOR="#AAAAAA"><LAYER LEFT=1 TOP=1 WIDTH='+ (w - 2) +' HEIGHT=18 CLIP='+ (w - 2) +',18 BGCOLOR="#CCCCCC"><LAYER onMouseOver="if(window.visual) window.visual.newsBox();"><FONT SIZE=-1>go</FONT></LAYER></TH><LAYER LEFT='+ (w - 20) +' onMouseOver="window.sb.top += 20; window.sb.clip.height -= 20;"><FONT SIZE=-1>up</FONT></LAYER><CENTER><NOBR>'+ title +'</NOBR></CENTER></LAYER></layer>';
  412.     dev.dynamic_content[dev.i] += ' <layer TOP='+ h +' CLIP='+ w +',20 BGCOLOR="#AAAAAA"><LAYER LEFT=1 TOP=1 WIDTH='+ (w - 2) +' HEIGHT=18 CLIP='+ (w - 2) +',18 BGCOLOR="#CCCCCC"><LAYER onMouseOver="clearTimeout(window.sbID); return false;"><FONT SIZE=-1>stop</FONT></LAYER><LAYER LEFT='+ (w - 35) +' onMouseOver="window.sb.top -= 20; window.sb.clip.height += 20;"><FONT SIZE=-1>down</FONT></LAYER></LAYER></layer>';
  413.     dev.dynamic_content[dev.i] += '</LAYER>';
  414.     dev.docWrite(1);
  415.     dev.i++;
  416. }
  417.  
  418. function addApplet(form) {
  419.     dev.dynamic_content[dev.i] = '"><layer BGCOLOR="gray"> ';
  420.     dev.dynamic_content[dev.i] += '<applet code='+ form.elements[0].value +' width='+ form.elements[2].value +' height='+ form.elements[3].value +' codebase="'+ form.elements[4].value +'">'+ form.elements[5].value +'</applet>';
  421.     dev.dynamic_content[dev.i] += '</layer></LAYER>';
  422.     dev.docWrite(1);
  423.     dev.i++;
  424. }
  425.  
  426. function addLayer(form) {
  427.     dev.dynamic_content[dev.i] = '"><layer';
  428.     if (form.elements[0].value) dev.dynamic_content[dev.i] += ' ID="'+ form.elements[0].value +'"';
  429.     if (form.elements[6].value) dev.dynamic_content[dev.i] += ' BGCOLOR="'+ form.elements[6].value +'"';
  430.     if (form.elements[4].value) dev.dynamic_content[dev.i] += ' WIDTH="'+ form.elements[4].value +'"';
  431.     if (form.elements[5].value) dev.dynamic_content[dev.i] += ' HEIGHT="'+ form.elements[5].value +'"';
  432.     if (form.elements[7].value) dev.dynamic_content[dev.i] += ' CLIP="'+ form.elements[7].value +'"';
  433.     if (form.elements[1].value) dev.dynamic_content[dev.i] += ' VISIBILITY="'+ form.elements[1].value +'"';
  434.     if (form.elements[2].value) dev.dynamic_content[dev.i] += ' SRC="'+ form.elements[2].value +'"';
  435.     dev.dynamic_content[dev.i] += '></layer></LAYER>';
  436.     dev.docWrite(1);
  437.     dev.i++;
  438. }
  439. function addComponent(form) {
  440.     dev.dynamic_content[dev.i] = '"><layer SRC="'+ form.elements[0].value +'" BORDER=0> </LAYER>';
  441.     dev.docWrite(1);
  442.     dev.i++;
  443. }
  444.  
  445. function addEmbed(form) {
  446.     dev.dynamic_content[dev.i] = '"><layer BGCOLOR="gray"> ';
  447.     dev.dynamic_content[dev.i] += '<EMBED SRC="'+ form.elements[0].value +'" WIDTH="'+ form.elements[2].value +'" HEIGHT="'+ form.elements[3].value +'">';
  448.     dev.dynamic_content[dev.i] += '</layer>\n</LAYER>';
  449.     dev.docWrite(1);
  450.     dev.i++;
  451. }
  452.  
  453. function addNotepad(form) {
  454.     dev.dynamic_content[dev.i] = '">'+ form.elements[0].value +'<FORM><TEXTAREA ROWS="'+ form.elements[1].value +'" COLS="'+ form.elements[2].value +'" WRAP="physical">Type in here... isn\'t this cool?!</TEXTAREA>';
  455.     dev.dynamic_content[dev.i] += '</FORM>\n</LAYER>';
  456.     dev.docWrite(1);
  457.     dev.i++;
  458. }
  459.  
  460. function addBrowser(form) {
  461.     var w = form.elements[0].value || 300;
  462.     var h = form.elements[1].value || 300;
  463.     var bg = form.elements[2].value;
  464.     var fg = form.elements[3].value;
  465.     dev.dynamic_content[dev.i] = '" WIDTH='+ w +' HEIGHT='+ h +' BGCOLOR="#444444"><LAYER LEFT=0 TOP=0 WIDTH='+ (w - 1) +' HEIGHT='+ (h - 1) +' BGCOLOR="#BBBBBB"></LAYER><LAYER LEFT=1 TOP=1 WIDTH='+ (w - 3) +' HEIGHT='+ (h - 3) +' BGCOLOR="white"></LAYER><LAYER LEFT=2 TOP=2 WIDTH='+ (w - 4) +' HEIGHT='+ (h - 4) +' BGCOLOR="#BBBBBB"><LAYER LEFT=1 TOP=1 WIDTH='+ (w - 6) +' HEIGHT='+ (h - 6) +' BGCOLOR="'+ bg +'"><FORM onSubmit="document.layers[0].src=this.elements[0].value; return false;"><INPUT VALUE="index.html" SIZE='+ (w /10) +'><INPUT TYPE=SUBMIT VALUE="go"></FORM>';
  466.     dev.dynamic_content[dev.i] += '<layer LEFT=1 TOP=30 BGCOLOR="'+ fg +'" CLIP='+ (w - 22) +','+ (h - 52) +' onLoad="if(window.visual) window.visual.addScrollBars(this);"></layer></Layer></Layer>';
  467.     dev.dynamic_content[dev.i] += '</LAYER>';
  468.     dev.includeScripts += '\n<'+'SCRIPT SRC="'+ dev.base +'components/scrollbar/scrollbar.js"><'+'/SCRIPT>\n';
  469.     dev.docWrite(1);
  470.     //dev.customWin.visual.ScrollBar = ScrollBar;
  471.     dev.i++;
  472. }
  473. function addDate(form) { //improve this
  474.     var size = form.elements[0].value;
  475.     var color = form.elements[1].value;
  476.     var d = new Date();
  477.     var date = d.toString();
  478.     dev.dynamic_content[dev.i] = '" onLoad="window.dateLayer=this; window.dateColor=\''+ color +'\';"><layer onLoad="window.dateID=setTimeout(\'if(window.visual) window.visual.simpleDate('+size+');\',5000);" VISIBILITY="hide"><FONT SIZE="'+ size +'" COLOR="'+ color +'">'+ date.substring(0,3) +'. '+ date.substring(3,10) +', 97  </FONT></layer></LAYER>';
  479.     dev.docWrite(1);
  480.     dev.i++;
  481. }
  482.  
  483. function addClock(form) { //improve this
  484.     var color = form.elements[0].value;
  485.     dev.dynamic_content[dev.i] = '" BGCOLOR="'+ color +'" onLoad="window.clockLayer=this; window.clockDate = new Date(); clockLayer.document.forms[0].elements[0].value = window.clockDate; window.clockID = setInterval(\'window.clockDate = new Date(); window.clockLayer.document.forms[0].elements[0].value = window.clockDate;\',2000);">';
  486.     dev.dynamic_content[dev.i] += '<FORM><INPUT SIZE=19></FORM>';
  487.     dev.dynamic_content[dev.i] += '</LAYER>';
  488.     dev.docWrite(1);
  489.     dev.i++;
  490. }
  491.  
  492. function addDrawer(form) {
  493.     dev.drawerImg[dev.i] = form.elements[0].value;
  494.     dev.drawerUrl[dev.i] = form.elements[2].value;
  495.     //java.lang.System.out.println("dev.drawerUrl[dev.i]=" + dev.drawerUrl[dev.i]);
  496.     dev.drawerText[dev.i] = form.elements[4].value;
  497.     dev.dynamic_content[dev.i] = 'drawerLayer';
  498.     dev.i++;
  499.     dev.dynamic_content[dev.i] = 'drawerLayer';
  500.     dev.docWrite(1);
  501.     dev.i++;
  502. }
  503.  
  504. function addMouseLink(form) {
  505.     var mouseLink = form.elements[0].value;
  506.     var img = form.elements[2].value;
  507.     var tabtext = form.elements[4].value;
  508.     var dest = form.elements[5].value;
  509.     dev.dynamic_content[dev.i] = ' if(window.visual) window.visual.mouseLink(window.mouseLinkLayer'+ dev.i +');"> <A HREF="'+ dest +'"><IMG ALT="image" SRC="'+ img +'" BORDER=0></A>';
  510.     dev.dynamic_content[dev.i] += '<layer left=15 top=4><A HREF="'+ dest +'">'+ tabtext +'</A></layer></LAYER>';
  511.     dev.i++;
  512.     dev.dynamic_content[dev.i] = '" SRC="'+ mouseLink +'" onLoad="window.mouseLinkLayer'+(dev.i - 1)+' = this;" VISIBILITY="hide" VISIBILITY="hide"></Layer>';
  513.     dev.docWrite(1);
  514.     dev.i++;
  515. }
  516.  
  517. function addSearch(form) {
  518.     var text = form.elements[0].value;
  519.     var color = form.elements[1].value || "";
  520.     dev.dynamic_content[dev.i] = '" BGCOLOR="'+ color +'"><FORM NAME="searchform" METHOD=GET ACTION="http://cgi.netscape.com/cgi-bin/home_search.cgi" onSubmit="if(window.visual) window.visual.doSearch(this); return false;"><FONT FACE="Arial, Helvetica" COLOR="#000000" SIZE=-1>'+ text +'</FONT><BR><FONT SIZE=-2 POINT-SIZE="8"><SELECT NAME="cp"><OPTION VALUE="AOL">AOL NetFind<OPTION VALUE="Excite">Excite<OPTION VALUE="HotBot">HotBot<OPTION VALUE="Infoseek">Infoseek<OPTION VALUE="LookSmart">LookSmart<OPTION VALUE="Lycos">Lycos<OPTION VALUE="SEARCH.COM">SEARCH.COM<OPTION VALUE="WebCrawler">WebCrawler<OPTION VALUE="Yahoo">Yahoo</SELECT><INPUT TYPE="hidden" NAME="page" VALUE="A"><INPUT TYPE="text" SIZE=21 NAME="searchstring"> <INPUT TYPE="submit" VALUE="Search" onClick="if(window.visual) window.visual.doSearch(document.searchform); return false;"></FONT></FORM></LAYER>';
  521.     dev.docWrite(1);
  522.     dev.i++;
  523. }
  524.  
  525. function addForm(form) {
  526.     var action = form.elements[0].value || "";
  527.     var nameF  = form.elements[1].value || "";
  528.     var method = form.elements[2].value || "";
  529.     var type1  = form.elements[3].value || "";
  530.     var name1  = form.elements[4].value || "";
  531.     var value1 = form.elements[5].value || "";
  532.     var type2  = form.elements[6].value || "";
  533.     var name2  = form.elements[7].value || "";
  534.     var value2 = form.elements[8].value || "";
  535.     var type3  = form.elements[9].value || "";
  536.     var name3  = form.elements[10].value || "";
  537.     var value3 = form.elements[11].value || "";
  538.     var onSub  = form.elements[12].value || "";
  539.     var color  = form.elements[13].value || "";
  540.     dev.dynamic_content[dev.i] = '" BGCOLOR="'+ color +'"><FORM NAME="'+ nameF +'" METHOD='+ method +' ACTION="'+ action +'" onSubmit="'+ onSub +'">';
  541.     dev.dynamic_content[dev.i] += '<INPUT TYPE="'+ type1 +'" NAME="'+ name1 +'" VALUE="'+ value1 +'">';
  542.     dev.dynamic_content[dev.i] += '<INPUT TYPE="'+ type2 +'" NAME="'+ name2 +'" VALUE="'+ value2 +'">';
  543.     dev.dynamic_content[dev.i] += '<INPUT TYPE="'+ type3 +'" NAME="'+ name3 +'" VALUE="'+ value3 +'">';
  544.     dev.dynamic_content[dev.i] += '</FORM></LAYER>';
  545.     dev.docWrite(1);
  546.     dev.i++;
  547. }
  548.  
  549. function addPreferences(form) {
  550.     var color = form.elements[0].value || "";
  551.     dev.dynamic_content[dev.i] = '" BGCOLOR="'+ color +'"><FORM NAME="prefs"><FONT SIZE=-2 POINT-SIZE="8"><SELECT NAME="prefs" onChange="eval(\'\'+this.options[this.selectedIndex].value);"><OPTION VALUE="">Preferences:<OPTION VALUE="window.visual.DragOff=false;">Turn Drag On<OPTION VALUE="window.visual.DragOff=true;">Turn Drag Off<OPTION VALUE="window.location.reload();">Reload Page</SELECT></FONT></FORM></LAYER>';
  552.     dev.docWrite(1);
  553.     dev.i++;
  554. }
  555.  
  556. function prop(fun,param) {
  557.     var text = '\n<BR>You first need to open a <NOBR>"New Page" to develop with...</NOBR><P>';
  558.     if (!dev.customWin) {
  559.         //clearAll(1);
  560.         displayCard(0, 'New Page!');
  561.         simpleDialog('Need New Page', text, 'dev.newPage();');
  562.         return;
  563.     } else if (!dev.customWin.document) {
  564.         displayCard(0, 'New Page!');
  565.         simpleDialog('Need New Page', text, 'dev.clearAll(1); dev.newPage();');
  566.         //clearAll(1);
  567.     } else {
  568.         //dev.menuItems('hide');
  569.         displayCard(0);
  570.         if (param) fun(param);
  571.         else fun();
  572.     }
  573. }
  574.  
  575. function setLayer(i, exec) {
  576.     if (i > 0 && dev.dynamic_Y[0] <= 10) {
  577.         dev.x = 0;
  578.         dev.y = dev.dynamic_Y[i -1] + 100;
  579.         if (dev.y >= dev.customWin.innerHeight - 150) {
  580.             dev.x = 50;
  581.             dev.y = 10;
  582.         }
  583.     } else { 
  584.         dev.x = 0;
  585.         dev.y = 10;
  586.     }
  587.     if (!dev.dynamic_X[i] && !dev.dynamic_Y[i]) {
  588.         dev.dynamic_X[i] = dev.x;
  589.         dev.dynamic_Y[i] = dev.y;
  590.     //} else if ( dev.reset == i ) {
  591.     }
  592.     if (!exec || exec == "") exec = "null";
  593.     dev.dynamic_layer[i] = '<LAYER ID=lyr'+ i +' LEFT='+ dev.dynamic_X[i] +' TOP='+ dev.dynamic_Y[i] +
  594.                              ' onMouseOut="if(window.visual) window.visual.unSetDrag(this);" onMouseOver="if(window.visual) window.visual.setDrag(this, '+ exec +'); ';
  595. }
  596.  
  597. function reSet(l) {
  598.     if (!dev) return;
  599.     dev.reset = l.name.substring(3,5);
  600.     dev.dynamic_X[dev.reset] = l.left;
  601.     dev.dynamic_Y[dev.reset] = l.top;
  602.     dev.docWrite(0);
  603. }
  604.  
  605. function customHead() {
  606.     dev.customContent[0] = '<HTML>\n<BASE HREF="'+ dev.base +'" TARGET="newWin">\n<HEAD>';
  607.     dev.customContent[1] = '<TITLE>'+ dev.dynamic_title +'</TITLE>';
  608.     dev.customContent[2] = dev.dynamic_metatag;
  609.     dev.customContent[3] = dev.includeScripts;
  610.     dev.customContent[4] = '\n</HEAD>\n<BODY BGCOLOR="'+ dev.dynamic_bgcolor +'" '+ dev.dynamic_bkgrd +' onLoad="">';
  611. }
  612.  
  613. function docWrite(type) {
  614.     customHead();
  615.     for (var i=0; i < dev.dynamic_content.length; i++) {
  616.         if (dev.dynamic_content[i].indexOf("drawerLayer") != -1) {
  617.             dev.setLayer(i, 'visual.drawer');
  618.             dev.customContent[i +5] = dev.dynamic_layer[i];
  619.             var drawerLoc = 'left';
  620.             if (eval('dev.customWin.drawerLoc' +i)) drawerLoc = eval('dev.customWin.drawerLoc' +i);
  621.             dev.dynamic_content[i] = '" onLoad="window.drawerLayer'+ i +'=this;  window.drawerState'+ i +'=0; window.drawerLoc'+ i +'=\''+ drawerLoc +'\';" BGCOLOR="#CCCCCC" VISIBILITY="hide"';
  622.             if (dev.drawerUrl[i] != "") dev.dynamic_content[i] += ' SRC="'+ dev.drawerUrl[i] +'"></Layer>';
  623.             else dev.dynamic_content[i] += '>'+ dev.drawerText[i] +'</Layer>';
  624.             dev.customContent[i +5] += dev.dynamic_content[i];
  625.             i++;
  626.             dev.setLayer(i, 'visual.drawer');
  627.             dev.customContent[i +5] = dev.dynamic_layer[i];
  628.             dev.dynamic_content[i] = ' window.drawerTab'+ (i -1) +'=this; window.activeDrawerID='+ (i -1) +';  window.activeDrawerID='+ (i -1) +';" onFocus="if(window.visual.DragOff) window.visual.drawer();"><IMG ALT="drawer tab" SRC="'+ dev.drawerImg[i -1] +'" BORDER=0></layer>';
  629.             dev.customContent[i +5] += dev.dynamic_content[i];
  630.         } else if (dev.dynamic_content[i] != "undefined") {
  631.             dev.setLayer(i);
  632.             dev.customContent[i +5] = dev.dynamic_layer[i];
  633.             dev.customContent[i +5] += dev.dynamic_content[i];
  634.         }
  635.     }
  636.     dev.customContent[i +5] = '</BODY>\n</HTML>';
  637.     if (!dev.customWin.document) { alert('\nSorry, can\'t find a Preview Page window...'); clearAll(1); displayCard(0, 'New Page!'); return; }
  638.     dev.customWin.document.open('text/html');
  639.     for (i=0; i < dev.customContent.length; i++) {
  640.         if (dev.customContent[i] != "undefined") {
  641.             if (i == 5) {
  642.                 var includeASCII = "";
  643.                 for (var j = 0 ; j <= dev.includeScripts.length ; j++) {
  644.                     var ch = dev.includeScripts.substring(j,j+1);
  645.                     if (ch == "<") { ch = "<"; }
  646.                     includeASCII += ch;
  647.                 }
  648.                 dev.customWin.document.writeln('<LAYER ID="scripts" VISIBILITY="hide">\n'+ includeASCII +'\n</LAYER>');
  649.                 if (dev.storeVToolBarItems != "") {
  650.                     dev.customContent[i -1] += '\n<LAYER ID="storeVToolBarItems" VISIBILITY="hide" onLoad="'+ dev.storeVToolBarItems +'"></LAYER>';
  651.                 }
  652.             }
  653.             dev.customWin.document.writeln(dev.customContent[i]);
  654.         }
  655.     }
  656.     dev.customWin.document.writeln(dev.cursor);
  657.     dev.customWin.document.close();
  658.     dev.docHistoryType[dev.docHistory] = type;
  659.     dev.docHistory++;
  660.     dev.customWin.dev = dev;
  661. }
  662.  
  663. function displayCard(n, str, action, noHide) {
  664.     if(!noHide) {
  665.         dev.hideDialogs();
  666.         dev.hideDevButton();
  667.         if (dev.activeCard) dev.activeCard.visibility = 'hide';
  668.         dev.activeCard = document.layers["card" + n];
  669.         dev.activeCard.visibility = 'inherit';
  670.     }
  671.     if (str) {
  672.         dev.devButton(str, action);
  673.     }
  674. }
  675.  
  676. function hideCard(n) {
  677.     if (top.window.dev.button) {
  678.         top.window.dev.button.l.visibility = 'hide';
  679.         top.window.dev.button = null;
  680.     }
  681.     if (n) {
  682.         document.layers["card" + n].visibility = 'hide';
  683.     } else if (dev.activeCard) {
  684.         dev.activeCard.visibility = 'hide';
  685.     } else {
  686.         for(var i=0; i < dev.totalCards; i++) {
  687.             document.layers["card" + i].visibility = 'hide';
  688.         }
  689.     }
  690. }
  691.  
  692. function hideDialogs() {
  693.     if (window.newPageDialog) {
  694.         if (!window.newPageDialog.win) return;
  695.         window.newPageDialog.win.base.visibility = "hide";
  696.     }
  697.     if (window.simpleDialogObj) {
  698.         if (!window.simpleDialogObj.win) return;
  699.         window.simpleDialogObj.win.base.visibility = "hide";
  700.     }
  701.     if (window.palette) {
  702.         if (!window.palette.dialog.win) return;
  703.         window.palette.dialog.win.base.visibility = "hide";
  704.     }
  705.     window.NdialogLabel = "";
  706. }
  707.  
  708. function undo() {
  709.     if (dev.docHistory==0) return;
  710.     if (dev.docHistoryType[dev.docHistory -1] == 1) {
  711.         dev.i--; 
  712.         dev.customContentHistory[dev.i] = dev.dynamic_content[dev.i];
  713.         dev.dynamic_content.length--;
  714.         dev.customContent.length--;
  715.     }
  716.     if (dev.docHistoryType[dev.docHistory -1] == 'bg') dev.dynamic_bkgrd = "";
  717.     dev.docHistory--;
  718.     dev.customWin.history.go(-1);
  719. }
  720. function redo() {
  721.     if (dev.docHistory==0) return;
  722.     //if (dev.dynamic_content.length == dev.docHistory && dev.customContentHistory[dev.i]) {
  723.     if (dev.docHistoryType[dev.docHistory] == 1) {
  724.         dev.dynamic_content.length++;
  725.         dev.customContent.length++;
  726.         dev.dynamic_content[dev.i] = dev.customContentHistory[dev.i];
  727.         dev.customContentHistory[dev.i] = null;
  728.         dev.i++; 
  729.     }
  730.     dev.docHistory++;
  731.     dev.customWin.history.go(1);
  732. }
  733.  
  734. function clearAll(alrt) {
  735.     //dev.displayCard(15);
  736.     if (alrt == 1) var verify = true;
  737.     else var verify = confirm('This will completely clear all items in your Preview Page!');
  738.     if (verify == true) {
  739.         if (dev.customWin) { 
  740.             if (dev.customWin.close) 
  741.                 dev.customWin.close(); 
  742.             }
  743.             dev = null;
  744.             dev = new VisualDHTML();
  745.     }
  746. }
  747.  
  748. function browse(element) {
  749.     var Frame = new java.awt.Frame();
  750.     var fd = new java.awt.FileDialog(Frame, "Load File", java.awt.FileDialog.LOAD);
  751.     fd.toFront();
  752.     fd.show();
  753.     var getDirectory = new java.awt.FileDialog(Frame);
  754.     var filename = fd.getDirectory() + fd.getFile();
  755.     if (filename != 0) element.value = 'file:/'+ filename;
  756. }
  757.  
  758. function saveFile(name) {
  759.     name = name || "myFile.html";
  760.     var Frame = new java.awt.Frame();
  761.     var fd = new java.awt.FileDialog(Frame, "Save File", java.awt.FileDialog.SAVE);
  762.     fd.toFront();
  763.     fd.setFile(name);
  764.     fd.toFront();
  765.     fd.show();
  766.     var getDirectory = new java.awt.FileDialog(Frame);
  767.     saveIt(fd.getDirectory() + fd.getFile());
  768. }
  769.  
  770. function saveIt(file) {
  771.     netscape.security.PrivilegeManager.enablePrivilege("UniversalFileAccess"); // requires Object Signing
  772.     var dos = new java.io.DataOutputStream(new java.io.BufferedOutputStream(new java.io.FileOutputStream(file),512));
  773.     dos.writeBytes("<!-- Netscape Visual DHTML - "+ Date() +" -->\n");
  774.     for (i=0; i < dev.customContent.length; i++) {
  775.         dos.writeBytes(dev.customContent[i] + "\n");
  776.     }
  777.     dos.flush();
  778. }
  779.  
  780. function setCursor(x,y) {
  781.     dev.cursor = '<LAYER ID="cursor" LEFT='+ x +' TOP='+ y +'><IMG SRC="images/cursor.gif" WIDTH=11 HEIGHT=19></LAYER>';
  782. }
  783.  
  784. function winStatus(str, visio) {
  785.     if (visio) {
  786.         window.visualStatusBar.items[0].visibility = visio;
  787.     } else {
  788.         with(window.visualStatusBar.items[0]) {
  789.             visibility = "inherit";
  790.             document.ids.sysFont.fontSize = 12;
  791.             document.ids.sysFont.fontFamily = "Arial, Espy, sans-serif";
  792.             document.open("text/html");
  793.             document.writeln('<NOBR><DIV ID="sysFont">'+ str +'</DIV></NOBR>');
  794.             document.close();
  795.         }
  796.     }
  797. }
  798.  
  799. function togglePalette(which) {
  800.     if (!window.palette) {
  801.         java.lang.System.out.println("togglePalette=" + which);
  802.         return;
  803.     }
  804.     var win = window.palette.dialog.win.doc;
  805.     //with (window.palette.dialog.win.doc) {
  806.     with (win.document) {
  807.         open("text/html");
  808.         if (which == 'Tags') {
  809.             writeln(window.palette.dialogTags);
  810.         } else if (which == 'Links') {
  811.             writeln(window.palette.dialogLinks);
  812.         } else {
  813.             writeln(window.palette.dialogContent);
  814.         }
  815.         close();
  816.     }
  817.     //window.palette.dialog.win.doc.onmousedown = window.palette.hideWidgets;
  818.  
  819.     //java.lang.System.out.println("len=" + window.dialogWinMorphs);
  820.     if (window.dialogWinMorphs) {
  821.         win = window.dialogWinMorphs[0];
  822.         if (win.close) {
  823.         with (win.document) {
  824.             var bg = bgColor;
  825.             open("text/html");
  826.             if (which == 'Tags') {
  827.                 writeln(window.palette.dialogTags);
  828.             } else if (which == 'Links') {
  829.                 writeln(window.palette.dialogLinks);
  830.             } else {
  831.                 writeln(window.palette.dialogContent);
  832.             }
  833.             close();
  834.             bgColor = bg;
  835.         }
  836.         if(window.dev) 
  837.             win.dev = window.dev;
  838.         }
  839.     } else {
  840.         window.palette.dialog.win.base.visibility = "inherit";
  841.     }
  842.  
  843. }
  844.  
  845. function myWidgets(str, fun, width) {
  846.     if (!window.palette) {
  847.         window.palette = new Object();
  848.     }
  849.     //if (!window.palette.dialog) {
  850.     if (str == "hide" || str == "inherit") {
  851.         window.palette.dialog.win.base.visibility = str;
  852.     } else {
  853.         //this needs to be improved...
  854.         window.palette.dialogContent = 
  855.         '<TABLE BORDER=0 CELLPADDING=3><TR><TH ALIGN=LEFT BGCOLOR="#FFFFFF">Widgets</TH><TD BGCOLOR="DDDDDD"><A HREF="javascript:dev.togglePalette(\'Tags\');">Tags</A></td><td BGCOLOR="DDDDDD"><A HREF="javascript:dev.togglePalette(\'Links\');">Links</A></td></TR></TABLE>'+
  856.         '<TABLE BORDER=0><TR><TD BGCOLOR="#FFFFFF"><TABLE BORDER=0 CELLSPACING=3 CELLPADDING=3><TR>'+
  857.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(24);"><B>Drawer</B></A></TD>'+
  858.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(8);"><B>Ticker</B></A></TD>'+
  859.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(27);"><B>NewsBox</B></A></TD>'+
  860.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(28);"><B>MouseLink</B></A></TD></TR><TR>'+
  861.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(29);"><B>Marquee</B></A></TD>'+
  862.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(11);"><B>Notepad</B></A></TD>'+
  863.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(23);"><B>Clock /Time</B></A></TD>'+
  864.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(13);"><B>Date</B></A></TD></TR><TR>'+
  865.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(10);"><B>Applet</B></A></TD>'+
  866.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(12);"><B>Browser</B></A></TD>'+
  867.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(9);"><B>Layer</B></A></TD>'+
  868.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(22);"><B>Plug-ins</B></A></TD></TR><TR>'+
  869.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(30);"><B>Component</B></A></TD>'+
  870.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(39);"><B>Search</B></A></TD>'+
  871.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(36);"><B>Toolbar</B></A> <A HREF="javascript:dev.displayCard(37);">(<B>Item</B>)</A></TD>'+
  872.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(41);"><B>Preferences</B></A></TD>'+
  873.         '</TR></TABLE></TR></TABLE>';
  874.  
  875.         window.palette.dialogTags = 
  876.         '<TABLE BORDER=0 CELLPADDING=3><TR><TD ALIGN=LEFT BGCOLOR="#DDDDDD"><A HREF="javascript:dev.togglePalette(\'Widgets\');">Widgets</A></TD><TH BGCOLOR="FFFFFF">Tags</TH><TD BGCOLOR="DDDDDD"><A HREF="javascript:dev.togglePalette(\'Links\');">Links</A></td></TR></TABLE>'+
  877.         '<TABLE BORDER=0><TR><TD BGCOLOR="#FFFFFF"><TABLE BORDER=0 CELLSPACING=5 CELLPADDING=6><TR>'+
  878.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(7);"><B>Table</B></A></TD>'+
  879.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(26);"><B>Meta</B></A></TD>'+
  880.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(25);"><B>Font</B></A></TD>'+
  881.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(3);"><B>IMG</B></A></TD></TR><TR>'+
  882.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(5);"><B>A HREF</B></A></TD>'+
  883.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(21);"><B>MailTo:</B></A></TD>'+
  884.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(1);"><B>Title</B></A></TD>'+
  885.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(2);"><B>bgColor</B></A></TD></TR><TR>'+
  886.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(40);"><B>Form</B></A></TD></TR><TR>'+
  887.         '</TR></TABLE></TR></TABLE><P>';
  888.  
  889.         window.palette.dialogLinks = 
  890.         '<TABLE BORDER=0 CELLPADDING=3><TR><TD ALIGN=LEFT BGCOLOR="#DDDDDD"><A HREF="javascript:dev.togglePalette(\'Widgets\');">Widgets</A></TD><TD BGCOLOR="DDDDDD"><A HREF="javascript:dev.togglePalette(\'Tags\');">Tags</A></td><TH BGCOLOR="FFFFFF">Links</TH></TR></TABLE>'+
  891.         '<TABLE BORDER=0><TR><TD BGCOLOR="#FFFFFF"><TABLE BORDER=0 CELLSPACING=2 CELLPADDING=3><TR>'+
  892.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(5);"><B>Hotlink</B></A></TD>'+
  893.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(14);"><B>Button</B></A></TD>'+
  894.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(4);"><B>Image Link</B></A></TD>'+
  895.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(33);"><B>Animation</B></A></TD></TR><TR>'+
  896.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(39);"><B>Search</B></A></TD>'+
  897.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(21);"><B>Email</B></A></TD>'+
  898.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(38);"><B>Mailbox</B></A></TD>'+
  899.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(6);"><B>Channel Button</B></A></TD></TR><TR>'+
  900.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(31);"><B>Channel Finder</B></A></TD>'+
  901.         '<TD BGCOLOR="#DDDDDD"><A HREF="javascript:dev.displayCard(32);"><B>Netcaster Link</B></A></TD></TR><TR>'+
  902.         '</TR></TABLE></TR></TABLE><P>';
  903.  
  904.         window.palette.hideWidgets = hideWidgets;
  905.         var dialog = new Dialog();
  906.         dialog.setDialogContent(window.palette.dialogContent);
  907.         dialog.setDialogTitle("Components Palette");
  908.         dialog.setDialogPageX(20);
  909.         dialog.setDialogPageY(50);
  910.         //if (width) dialog.setDialogWidth(width);
  911.         dialog.setDialogBgColor("#CCCCCC");
  912.         dialog.setDialogMorph(true);
  913.         dialog.openDialog('paletteDialog', 'this.win.doc.onFocus = window.palette.hideWidgets;');
  914.         //dialog.win.doc.onFocus = hideWidgets;
  915.         window.palette.dialog = dialog;
  916.         //} else {
  917.         //    window.palette.dialog.win.base.visibility = "inherit";
  918.     }
  919.     if (dev.activeCard) 
  920.         dev.activeCard.visibility = 'hide';
  921.     if (top.window.dev.button) {
  922.         top.window.dev.button.l.visibility = 'hide';
  923.         top.window.dev.button = null;
  924.     }
  925. }
  926.  
  927. function hideWidgets(e) {
  928.     window.NdialogLabel = "";
  929.     window.palette.dialog.win.base.visibility = "hide";
  930. }
  931.  
  932. function simpleDialog(title, str, fun, width, height, x, y) {
  933.     var dialog = new Dialog();
  934.     dialog.setDialogTitle(title);
  935.     dialog.setDialogContent(str);
  936.     dialog.setDialogPageX(x || 100);
  937.     dialog.setDialogPageY(y || 100);
  938.     if (width) dialog.setDialogWidth(width);
  939.     if (height) dialog.setDialogWidth(height);
  940.     dialog.setDialogBgColor("#DDDDDD");
  941.     dialog.addDialogButton("OK", "  OK  ", "center", 3, fun);
  942.     dialog.addDialogButton("Cancel", "Cancel", "center", 3, "");
  943.     dialog.openDialog(title);
  944.     window.simpleDialogObj = dialog;
  945. }
  946.  
  947.  
  948. function devButton(str, action) {
  949.     dev.hideDevButton();
  950.     if (str && str != "New Page!") {
  951.         var sample = (str || '  OK!  ');
  952.         top.window.dev.button = new Button();
  953.         top.window.dev.button.setButtonValue(sample);
  954.         top.window.dev.button.setButtonAction(action || "dev.displayCard(0, 'New Page!');");
  955.         top.window.dev.button.setButtonPageX(180);
  956.         top.window.dev.button.setButtonPageY(300);
  957.         top.window.dev.button.showButton();
  958.     }
  959. }
  960.  
  961. function hideDevButton() {
  962.     if (top.window.dev.button) {
  963.         top.window.dev.button.l.visibility = 'hide';
  964.         top.window.dev.button = null;
  965.     }
  966. }
  967.