cvs: pear /HTML_TreeMenu TreeMenu.js TreeMenu.php package.xml sniffer.js /HTML_TreeMenu/docs example.php
| From: | Richard Heyes | Date: | Tue, 18 Jun 2002 23:28:36 +0000 |
| Subject: | cvs: pear /HTML_TreeMenu TreeMenu.js TreeMenu.php package.xml sniffer.js /HTML_TreeMenu/docs example.php | ||
| Groups: | php.pear.cvs | ||
| Request: | Send a blank email to pear-cvs+get-4679@lists.php.net to get a copy of this message | ||
richard Tue Jun 18 19:28:36 2002 EDT
Added files:
/pear/HTML_TreeMenu sniffer.js
Modified files:
/pear/HTML_TreeMenu TreeMenu.js TreeMenu.php package.xml
/pear/HTML_TreeMenu/docs example.php
Log:
* Added dynamic support for DOM compatible browsers
Index: pear/HTML_TreeMenu/TreeMenu.js diff -u pear/HTML_TreeMenu/TreeMenu.js:1.1 pear/HTML_TreeMenu/TreeMenu.js:1.2 --- pear/HTML_TreeMenu/TreeMenu.js:1.1 Sat Jun 15 14:24:06 2002 +++ pear/HTML_TreeMenu/TreeMenu.js Tue Jun 18 19:28:35 2002 @@ -15,7 +15,7 @@ // | Harald Radi <harald.radi@nme.at> | // +----------------------------------------------------------------------+ // -// $Id: TreeMenu.js,v 1.1 2002/06/15 18:24:06 richard Exp $ +// $Id: TreeMenu.js,v 1.2 2002/06/18 23:28:35 richard Exp $ function TreeMenu(layer, iconpath, myname, linkTarget) { @@ -29,11 +29,16 @@ this.branches = new Array(); this.branchStatus = new Array(); this.layerRelations = new Array(); + this.childParents = new Array(); // Methods + //this.preloadImages = preloadImages; this.drawMenu = drawMenu; this.toggleBranch = toggleBranch; + this.swapImage = swapImage; this.doesMenu = doesMenu; + this.doesPersistence = doesPersistence; + this.getLayer = getLayer; this.saveExpandedStatus = saveExpandedStatus; this.loadExpandedStatus = loadExpandedStatus; this.resetBranches = resetBranches; @@ -48,6 +53,24 @@ this.n = new Array(); } +/** +* Preload images hack for CrapZilla +*/ +function preloadImages() +{ + var plustop = new Image; plustop.src = this.iconpath + '/plustop.gif'; + var plusbottom = new Image; plusbottom.src = this.iconpath + '/plusbottom.gif'; + var plus = new Image; plus.src = this.iconpath + '/plus.gif'; + + var minustop = new Image; minustop.src = this.iconpath + '/minustop.gif'; + var minusbottom = new Image; minusbottom.src = this.iconpath + '/minusbottom.gif'; + var minus = new Image; minus.src = this.iconpath + '/minus.gif'; +} + +/** +* Main function that draws the menu and assigns it +* to the layer (or document.write()s it) +*/ function drawMenu()// OPTIONAL ARGS: nodes = [], level = [], prepend = '', expanded = false, visbility = 'inline', parentLayerID = null { /** @@ -73,7 +96,12 @@ for (var i=0; i<nodes.length; i++) { level[currentlevel] = i+1; - layerID = 'node_' + implode('_', level); + layerID = this.layer + '_' + 'node_' + implode('_', level); + + /** + * Store the child/parent relationship + */ + this.childParents[layerID] = parentLayerID; /** * Gif modifier @@ -121,7 +149,7 @@ * Build the html to write to the document */ var divTag = sprintf('<div id="%s" style="display: %s; behavior: url(#default#userdata)">', layerID, visibility); - var onClick = doesMenu() && nodes[i].n.length ? sprintf('onclick="%s.toggleBranch(\'%s\', true)" style="cursor: hand"', this.myname, layerID) : ''; + var onClick = doesMenu() && nodes[i].n.length ? sprintf('onclick="%s.toggleBranch(\'%s\', true)" style="cursor: pointer; cursor: hand"', this.myname, layerID) : ''; var imgTag = sprintf('<img src="%s/%s%s.gif" align="top" border="0" name="img_%s" %s />', this.iconpath, gifname, modifier, layerID, onClick); var linkStart = nodes[i].link ? sprintf('<a href="%s" target="%s">', nodes[i].link, this.linkTarget) : ''; var linkEnd = nodes[i].link ? '</a>' : ''; @@ -138,11 +166,8 @@ /** * Write out the HTML */ - if (doesMenu()) { - document.all(this.layer).innerHTML += output; - - } else if(document.getElementById(this.layer)) { - document.getElementById(this.layer).innerHTML += output; + if (this.doesMenu()) { + this.getLayer(this.layer).innerHTML += output } else { document.write(output); @@ -176,7 +201,7 @@ function toggleBranch(layerID, updateStatus) // OPTIONAL ARGS: noSave = false { - var currentDisplay = document.all(layerID).style.display; + var currentDisplay = this.getLayer(layerID).style.display; var newDisplay = (this.branchStatus[layerID] && currentDisplay == 'inline') ? 'none' : 'inline' for (var i=0; i<this.layerRelations[layerID].length; i++) { @@ -184,7 +209,7 @@ this.toggleBranch(this.layerRelations[layerID][i], false); } - document.all(this.layerRelations[layerID][i]).style.display = newDisplay; + this.getLayer(this.layerRelations[layerID][i]).style.display = newDisplay; } if (updateStatus) { @@ -193,21 +218,30 @@ /** * Persistence */ - if (!arguments[2]) { + if (this.doesPersistence() && !arguments[2]) { this.saveExpandedStatus(layerID, this.branchStatus[layerID]); } - // Swap image: - imgSrc = document.images['img_' + layerID].src; - re = /^(.*)(plus|minus)(bottom|top|single)?.gif$/ - if (matches = imgSrc.match(re)) { - - document.images['img_' + layerID].src = sprintf('%s%s%s%s', - matches[1], - matches[2] == 'plus' ? 'minus' : 'plus', - matches[3], - '.gif'); - } + // Swap image + this.swapImage(layerID); + } +} + +/** +* Swaps the plus/minus branch images +*/ +function swapImage(layerID) +{ + imgSrc = document.images['img_' + layerID].src; + + re = /^(.*)(plus|minus)(bottom|top|single)?.gif$/ + if (matches = imgSrc.match(re)) { + + document.images['img_' + layerID].src = sprintf('%s%s%s%s', + matches[1], + matches[2] == 'plus' ? 'minus' : 'plus', + matches[3], + '.gif'); } } @@ -216,19 +250,30 @@ */ function doesMenu() { - var agt = navigator.userAgent.toLowerCase(); - var is_major = parseInt(navigator.appVersion); - var is_minor = parseFloat(navigator.appVersion); - - var is_ie = (agt.indexOf("msie") != -1 && agt.indexOf("opera") == -1); - var is_ie3 = (is_ie && (is_major < 4)); - var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) ); - var is_ie5up = (is_ie && !is_ie3 && !is_ie4); + return (is_ie5up || is_nav6up || is_gecko); +} +/** +* Can the browser handle save the branch status +*/ +function doesPersistence() +{ return is_ie5up; } /** +* Returns the appropriate layer accessor +*/ +function getLayer(layerID) +{ + if (document.getElementById(layerID)) { + return document.getElementById(layerID); + } else if (document.all(layerID)) { + return document.all(layerID); + } +} + +/** * Save the status of the layer */ function saveExpandedStatus(layerID, expanded) @@ -255,11 +300,20 @@ */ function resetBranches() { + if (!this.doesPersistence()) { + return false; + } + for (var i=0; i<this.branches.length; i++) { var status = this.loadExpandedStatus(this.branches[i]); // Only update if it's supposed to be expanded and it's not already if (status == 'true' && this.branchStatus[this.branches[i]] != true) { - this.toggleBranch(this.branches[i], true, true); + if (this.childParents[this.branches[i]] == null || (in_array(this.childParents[this.branches[i]], this.branches) && this.branchStatus[this.childParents[this.branches[i]]])) { + this.toggleBranch(this.branches[i], true, true); + } else { + this.branchStatus[this.branches[i]] = true; + this.swapImage(this.branches[i]); + } } } } Index: pear/HTML_TreeMenu/TreeMenu.php diff -u pear/HTML_TreeMenu/TreeMenu.php:1.1 pear/HTML_TreeMenu/TreeMenu.php:1.2 --- pear/HTML_TreeMenu/TreeMenu.php:1.1 Sat Jun 15 14:24:06 2002 +++ pear/HTML_TreeMenu/TreeMenu.php Tue Jun 18 19:28:35 2002 @@ -16,7 +16,7 @@ // | Harald Radi <harald.radi@nme.at> | // +----------------------------------------------------------------------+ // -// $Id: TreeMenu.php,v 1.1 2002/06/15 18:24:06 richard Exp $ +// $Id: TreeMenu.php,v 1.2 2002/06/18 23:28:35 richard Exp $ /** * HTML_TreeMenu Class @@ -94,10 +94,13 @@ * @access public * @param object $menu The node to add. This object should be * a HTML_TreeNode object. + * @return object Returns a reference to the new node inside + * the tree. */ - function addItem($menu) + function &addItem($menu) { $this->items[] = $menu; + return $this->items[count($this->items) - 1]; } /** @@ -112,7 +115,7 @@ { echo "\n"; - echo '<script language="javascript" type="text/javascript">'; + echo '<script language="javascript" type="text/javascript">' . "\n\t"; echo sprintf('%s = new TreeMenu("%s", "%s", "%s", "%s");', $this->menuobj, $this->layer, @@ -200,9 +203,10 @@ * @access public * @param object $node The new node */ - function addItem($node) + function &addItem($node) { $this->items[] = $node; + return $this->items[count($this->items) - 1]; } /** Index: pear/HTML_TreeMenu/package.xml diff -u pear/HTML_TreeMenu/package.xml:1.3 pear/HTML_TreeMenu/package.xml:1.4 --- pear/HTML_TreeMenu/package.xml:1.3 Sat Jun 15 14:26:51 2002 +++ pear/HTML_TreeMenu/package.xml Tue Jun 18 19:28:35 2002 @@ -10,10 +10,11 @@ PHP Based api creates a tree structure using a couple of small PHP classes. This can then be converted to javascript using the printMenu() method. The tree should be dynamic in - IE 4 or higher and in IE 5 or higher it maintains state (the - collapsed/expanded status of the branches). Has only been - tested under IE6 however. Other browser display the tree - fully expanded. Each node can have an optional link and icon. + IE 4 or higher and NN6/Mozilla, and in IE 5 or higher it + maintains state (the collapsed/expanded status of the branches). + Has only been tested under IE6 however. Other browser display + the tree fully expanded. Each node can have an optional link + and icon. </description> <maintainers> @@ -27,16 +28,17 @@ <release> <license>PHP</license> - <version>1.0</version> - <date>2002-06-15</date> + <version>1.0.1</version> + <date>2002-06-19</date> <state>stable</state> <notes> - Initial release + Added support for Mozilla and NN6 </notes> <filelist> <dir name="/" baseinstalldir="HTML"> <file role="php" name="TreeMenu.php"/> <file role="data" name="TreeMenu.js"/> + <file role="data" name="sniffer.js"/> <dir name="images"> <file role="data" name="branch.gif"/> <file role="data" name="branchbottom.gif"/> @@ -71,5 +73,54 @@ </dir> </filelist> </release> + + <changelog> + <release> + <license>PHP</license> + <version>1.0</version> + <date>2002-06-15</date> + <state>stable</state> + <notes> + Initial release + </notes> + <filelist> + <dir name="/" baseinstalldir="HTML"> + <file role="php" name="TreeMenu.php"/> + <file role="data" name="TreeMenu.js"/> + <dir name="images"> + <file role="data" name="branch.gif"/> + <file role="data" name="branchbottom.gif"/> + <file role="data" name="branchtop.gif"/> + <file role="data" name="folder.gif"/> + <file role="data" name="line.gif"/> + <file role="data" name="linebottom.gif"/> + <file role="data" name="minus.gif"/> + <file role="data" name="minusbottom.gif"/> + <file role="data" name="minustop.gif"/> + <file role="data" name="plus.gif"/> + <file role="data" name="plusbottom.gif"/> + <file role="data" name="plustop.gif"/> + </dir> + <dir name="imagesAlt"> + <file role="data" name="branch.gif"/> + <file role="data" name="branchbottom.gif"/> + <file role="data" name="branchtop.gif"/> + <file role="data" name="folder.gif"/> + <file role="data" name="line.gif"/> + <file role="data" name="linebottom.gif"/> + <file role="data" name="minus.gif"/> + <file role="data" name="minusbottom.gif"/> + <file role="data" name="minustop.gif"/> + <file role="data" name="plus.gif"/> + <file role="data" name="plusbottom.gif"/> + <file role="data" name="plustop.gif"/> + </dir> + <dir name="docs"> + <file role="php" name="example.php"/> + </dir> + </dir> + </filelist> + </release> + </changelog> </package> Index: pear/HTML_TreeMenu/docs/example.php diff -u pear/HTML_TreeMenu/docs/example.php:1.1 pear/HTML_TreeMenu/docs/example.php:1.2 --- pear/HTML_TreeMenu/docs/example.php:1.1 Sat Jun 15 14:24:07 2002 +++ pear/HTML_TreeMenu/docs/example.php Tue Jun 18 19:28:36 2002 @@ -16,17 +16,18 @@ // | Harald Radi <harald.radi@nme.at> | // +----------------------------------------------------------------------+ // -// $Id: example.php,v 1.1 2002/06/15 18:24:07 richard Exp $ +// $Id: example.php,v 1.2 2002/06/18 23:28:36 richard Exp $ - require_once('HTML/TreeMenu.php'); + require_once('../TreeMenu.php'); $icon = 'folder.gif'; - $menu = new HTML_TreeMenu("menuLayer", './images'); + $menu = new HTML_TreeMenu("menuLayer", '../images'); $node1 = new HTML_TreeNode("INBOX", "test.php", $icon); $node1->addItem(new HTML_TreeNode("deleted-items", "test.php", $icon)); $node1->addItem(new HTML_TreeNode("sent-items", "test.php", $icon)); $node1->addItem(new HTML_TreeNode("drafts", "test.php", $icon)); + $node1->addItem($node1); $menu->addItem($node1); $menu->addItem(new HTML_TreeNode("drafts", "test.php", $icon)); @@ -34,7 +35,8 @@ ?> <html> <head> - <script src="./TreeMenu.js" language="JavaScript" type="text/javascript"></script> + <script src="../sniffer.js" language="JavaScript" type="text/javascript"></script> + <script src="../TreeMenu.js" language="JavaScript" type="text/javascript"></script> </head> <body> Index: pear/HTML_TreeMenu/sniffer.js +++ pear/HTML_TreeMenu/sniffer.js //<!-- // Ultimate client-side JavaScript client sniff. Version 3.03 // (C) Netscape Communications 1999-2001. Permission granted to reuse and distribute. // Revised 17 May 99 to add is_nav5up and is_ie5up (see below). // Revised 20 Dec 00 to add is_gecko and change is_nav5up to is_nav6up // also added support for IE5.5 Opera4&5 HotJava3 AOLTV // Revised 22 Feb 01 to correct Javascript Detection for IE 5.x, Opera 4, // correct Opera 5 detection // add support for winME and win2k // synch with browser-type-oo.js // Revised 26 Mar 01 to correct Opera detection // Revised 02 Oct 01 to add IE6 detection // Everything you always wanted to know about your JavaScript client // but were afraid to ask. Creates "is_" variables indicating: // (1) browser vendor: // is_nav, is_ie, is_opera, is_hotjava, is_webtv, is_TVNavigator, is_AOLTV // (2) browser version number: // is_major (integer indicating major version number: 2, 3, 4 ...) // is_minor (float indicating full version number: 2.02, 3.01, 4.04 ...) // (3) browser vendor AND major version number // is_nav2, is_nav3, is_nav4, is_nav4up, is_nav6, is_nav6up, is_gecko, is_ie3, // is_ie4, is_ie4up, is_ie5, is_ie5up, is_ie5_5, is_ie5_5up, is_ie6, is_ie6up, is_hotjava3, is_hotjava3up, // is_opera2, is_opera3, is_opera4, is_opera5, is_opera5up // (4) JavaScript version number: // is_js (float indicating full JavaScript version number: 1, 1.1, 1.2 ...) // (5) OS platform and version: // is_win, is_win16, is_win32, is_win31, is_win95, is_winnt, is_win98, is_winme, is_win2k // is_os2 // is_mac, is_mac68k, is_macppc // is_unix // is_sun, is_sun4, is_sun5, is_suni86 // is_irix, is_irix5, is_irix6 // is_hpux, is_hpux9, is_hpux10 // is_aix, is_aix1, is_aix2, is_aix3, is_aix4 // is_linux, is_sco, is_unixware, is_mpras, is_reliant // is_dec, is_sinix, is_freebsd, is_bsd // is_vms // // See http://www.it97.de/JavaScript/JS_tutorial/bstat/navobj.html and // http://www.it97.de/JavaScript/JS_tutorial/bstat/Browseraol.html // for detailed lists of userAgent strings. // // Note: you don't want your Nav4 or IE4 code to "turn off" or // stop working when new versions of browsers are released, so // in conditional code forks, use is_ie5up ("IE 5.0 or greater") // is_opera5up ("Opera 5.0 or greater") instead of is_ie5 or is_opera5 // to check version in code which you want to work on future // versions. // convert all characters to lowercase to simplify testing var agt=navigator.userAgent.toLowerCase(); // *** BROWSER VERSION *** // Note: On IE5, these return 4, so use is_ie5up to detect IE5. var is_major = parseInt(navigator.appVersion); var is_minor = parseFloat(navigator.appVersion); // Note: Opera and WebTV spoof Navigator. We do strict client detection. // If you want to allow spoofing, take out the tests for opera and webtv. var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1)); var is_nav2 = (is_nav && (is_major == 2)); var is_nav3 = (is_nav && (is_major == 3)); var is_nav4 = (is_nav && (is_major == 4)); var is_nav4up = (is_nav && (is_major >= 4)); var is_navonly = (is_nav && ((agt.indexOf(";nav") != -1) || (agt.indexOf("; nav") != -1)) ); var is_nav6 = (is_nav && (is_major == 5)); var is_nav6up = (is_nav && (is_major >= 5)); var is_gecko = (agt.indexOf('gecko') != -1); var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1)); var is_ie3 = (is_ie && (is_major < 4)); var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) ); var is_ie4up = (is_ie && (is_major >= 4)); var is_ie5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) ); var is_ie5_5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1)); var is_ie5up = (is_ie && !is_ie3 && !is_ie4); var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5); var is_ie6 = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) ); var is_ie6up = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5); // KNOWN BUG: On AOL4, returns false if IE3 is embedded browser // or if this is the first browser window opened. Thus the // variables is_aol, is_aol3, and is_aol4 aren't 100% reliable. var is_aol = (agt.indexOf("aol") != -1); var is_aol3 = (is_aol && is_ie3); var is_aol4 = (is_aol && is_ie4); var is_aol5 = (agt.indexOf("aol 5") != -1); var is_aol6 = (agt.indexOf("aol 6") != -1); var is_opera = (agt.indexOf("opera") != -1); var is_opera2 = (agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1); var is_opera3 = (agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1); var is_opera4 = (agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1); var is_opera5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1); var is_opera5up = (is_opera && !is_opera2 && !is_opera3 && !is_opera4); var is_webtv = (agt.indexOf("webtv") != -1); var is_TVNavigator = ((agt.indexOf("navio") != -1) || (agt.indexOf("navio_aoltv") != -1)); var is_AOLTV = is_TVNavigator; var is_hotjava = (agt.indexOf("hotjava") != -1); var is_hotjava3 = (is_hotjava && (is_major == 3)); var is_hotjava3up = (is_hotjava && (is_major >= 3)); // *** JAVASCRIPT VERSION CHECK *** var is_js; if (is_nav2 || is_ie3) is_js = 1.0; else if (is_nav3) is_js = 1.1; else if (is_opera5up) is_js = 1.3; else if (is_opera) is_js = 1.1; else if ((is_nav4 && (is_minor <= 4.05)) || is_ie4) is_js = 1.2; else if ((is_nav4 && (is_minor > 4.05)) || is_ie5) is_js = 1.3; else if (is_hotjava3up) is_js = 1.4; else if (is_nav6 || is_gecko) is_js = 1.5; // NOTE: In the future, update this code when newer versions of JS // are released. For now, we try to provide some upward compatibility // so that future versions of Nav and IE will show they are at // *least* JS 1.x capable. Always check for JS version compatibility // with > or >=. else if (is_nav6up) is_js = 1.5; // NOTE: ie5up on mac is 1.4 else if (is_ie5up) is_js = 1.3 // HACK: no idea for other browsers; always check for JS version with > or >= else is_js = 0.0; // *** PLATFORM *** var is_win = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) ); // NOTE: On Opera 3.0, the userAgent string includes "Windows 95/NT4" on all // Win32, so you can't distinguish between Win95 and WinNT. var is_win95 = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1)); // is this a 16 bit compiled version? var is_win16 = ((agt.indexOf("win16")!=-1) || (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("windows 16-bit")!=-1) ); var is_win31 = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) || (agt.indexOf("windows 16-bit")!=-1)); var is_winme = ((agt.indexOf("win 9x 4.90")!=-1)); var is_win2k = ((agt.indexOf("windows nt 5.0")!=-1)); // NOTE: Reliable detection of Win98 may not be possible. It appears that: // - On Nav 4.x and before you'll get plain "Windows" in userAgent. // - On Mercury client, the 32-bit version will return "Win98", but // the 16-bit version running on Win98 will still return "Win95". var is_win98 = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1)); var is_winnt = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1)); var is_win32 = (is_win95 || is_winnt || is_win98 || ((is_major >= 4) && (navigator.platform == "Win32")) || (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1)); var is_os2 = ((agt.indexOf("os/2")!=-1) || (navigator.appVersion.indexOf("OS/2")!=-1) || (agt.indexOf("ibm-webexplorer")!=-1)); var is_mac = (agt.indexOf("mac")!=-1); // hack ie5 js version for mac if (is_mac && is_ie5up) is_js = 1.4; var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1))); var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1))); var is_sun = (agt.indexOf("sunos")!=-1); var is_sun4 = (agt.indexOf("sunos 4")!=-1); var is_sun5 = (agt.indexOf("sunos 5")!=-1); var is_suni86= (is_sun && (agt.indexOf("i86")!=-1)); var is_irix = (agt.indexOf("irix") !=-1); // SGI var is_irix5 = (agt.indexOf("irix 5") !=-1); var is_irix6 = ((agt.indexOf("irix 6") !=-1) || (agt.indexOf("irix6") !=-1)); var is_hpux = (agt.indexOf("hp-ux")!=-1); var is_hpux9 = (is_hpux && (agt.indexOf("09.")!=-1)); var is_hpux10= (is_hpux && (agt.indexOf("10.")!=-1)); var is_aix = (agt.indexOf("aix") !=-1); // IBM var is_aix1 = (agt.indexOf("aix 1") !=-1); var is_aix2 = (agt.indexOf("aix 2") !=-1); var is_aix3 = (agt.indexOf("aix 3") !=-1); var is_aix4 = (agt.indexOf("aix 4") !=-1); var is_linux = (agt.indexOf("inux")!=-1); var is_sco = (agt.indexOf("sco")!=-1) || (agt.indexOf("unix_sv")!=-1); var is_unixware = (agt.indexOf("unix_system_v")!=-1); var is_mpras = (agt.indexOf("ncr")!=-1); var is_reliant = (agt.indexOf("reliantunix")!=-1); var is_dec = ((agt.indexOf("dec")!=-1) || (agt.indexOf("osf1")!=-1) || (agt.indexOf("dec_alpha")!=-1) || (agt.indexOf("alphaserver")!=-1) || (agt.indexOf("ultrix")!=-1) || (agt.indexOf("alphastation")!=-1)); var is_sinix = (agt.indexOf("sinix")!=-1); var is_freebsd = (agt.indexOf("freebsd")!=-1); var is_bsd = (agt.indexOf("bsd")!=-1); var is_unix = ((agt.indexOf("x11")!=-1) || is_sun || is_irix || is_hpux || is_sco ||is_unixware || is_mpras || is_reliant || is_dec || is_sinix || is_aix || is_linux || is_bsd || is_freebsd); var is_vms = ((agt.indexOf("vax")!=-1) || (agt.indexOf("openvms")!=-1)); //--> end hide JavaScript
Index: pear/HTML_TreeMenu/TreeMenu.js diff -u pear/HTML_TreeMenu/TreeMenu.js:1.1 pear/HTML_TreeMenu/TreeMenu.js:1.2 --- pear/HTML_TreeMenu/TreeMenu.js:1.1 Sat Jun 15 14:24:06 2002 +++ pear/HTML_TreeMenu/TreeMenu.js Tue Jun 18 19:28:35 2002 @@ -15,7 +15,7 @@ // | Harald Radi <harald.radi@nme.at> | // +----------------------------------------------------------------------+ // -// $Id: TreeMenu.js,v 1.1 2002/06/15 18:24:06 richard Exp $ +// $Id: TreeMenu.js,v 1.2 2002/06/18 23:28:35 richard Exp $ function TreeMenu(layer, iconpath, myname, linkTarget) { @@ -29,11 +29,16 @@ this.branches = new Array(); this.branchStatus = new Array(); this.layerRelations = new Array(); + this.childParents = new Array(); // Methods + //this.preloadImages = preloadImages; this.drawMenu = drawMenu; this.toggleBranch = toggleBranch; + this.swapImage = swapImage; this.doesMenu = doesMenu; + this.doesPersistence = doesPersistence; + this.getLayer = getLayer; this.saveExpandedStatus = saveExpandedStatus; this.loadExpandedStatus = loadExpandedStatus; this.resetBranches = resetBranches; @@ -48,6 +53,24 @@ this.n = new Array(); } +/** +* Preload images hack for CrapZilla +*/ +function preloadImages() +{ + var plustop = new Image; plustop.src = this.iconpath + '/plustop.gif'; + var plusbottom = new Image; plusbottom.src = this.iconpath + '/plusbottom.gif'; + var plus = new Image; plus.src = this.iconpath + '/plus.gif'; + + var minustop = new Image; minustop.src = this.iconpath + '/minustop.gif'; + var minusbottom = new Image; minusbottom.src = this.iconpath + '/minusbottom.gif'; + var minus = new Image; minus.src = this.iconpath + '/minus.gif'; +} + +/** +* Main function that draws the menu and assigns it +* to the layer (or document.write()s it) +*/ function drawMenu()// OPTIONAL ARGS: nodes = [], level = [], prepend = '', expanded = false, visbility = 'inline', parentLayerID = null { /** @@ -73,7 +96,12 @@ for (var i=0; i<nodes.length; i++) { level[currentlevel] = i+1; - layerID = 'node_' + implode('_', level); + layerID = this.layer + '_' + 'node_' + implode('_', level); + + /** + * Store the child/parent relationship + */ + this.childParents[layerID] = parentLayerID; /** * Gif modifier @@ -121,7 +149,7 @@ * Build the html to write to the document */ var divTag = sprintf('<div id="%s" style="display: %s; behavior: url(#default#userdata)">', layerID, visibility); - var onClick = doesMenu() && nodes[i].n.length ? sprintf('onclick="%s.toggleBranch(\'%s\', true)" style="cursor: hand"', this.myname, layerID) : ''; + var onClick = doesMenu() && nodes[i].n.length ? sprintf('onclick="%s.toggleBranch(\'%s\', true)" style="cursor: pointer; cursor: hand"', this.myname, layerID) : ''; var imgTag = sprintf('<img src="%s/%s%s.gif" align="top" border="0" name="img_%s" %s />', this.iconpath, gifname, modifier, layerID, onClick); var linkStart = nodes[i].link ? sprintf('<a href="%s" target="%s">', nodes[i].link, this.linkTarget) : ''; var linkEnd = nodes[i].link ? '</a>' : ''; @@ -138,11 +166,8 @@ /** * Write out the HTML */ - if (doesMenu()) { - document.all(this.layer).innerHTML += output; - - } else if(document.getElementById(this.layer)) { - document.getElementById(this.layer).innerHTML += output; + if (this.doesMenu()) { + this.getLayer(this.layer).innerHTML += output } else { document.write(output); @@ -176,7 +201,7 @@ function toggleBranch(layerID, updateStatus) // OPTIONAL ARGS: noSave = false { - var currentDisplay = document.all(layerID).style.display; + var currentDisplay = this.getLayer(layerID).style.display; var newDisplay = (this.branchStatus[layerID] && currentDisplay == 'inline') ? 'none' : 'inline' for (var i=0; i<this.layerRelations[layerID].length; i++) { @@ -184,7 +209,7 @@ this.toggleBranch(this.layerRelations[layerID][i], false); } - document.all(this.layerRelations[layerID][i]).style.display = newDisplay; + this.getLayer(this.layerRelations[layerID][i]).style.display = newDisplay; } if (updateStatus) { @@ -193,21 +218,30 @@ /** * Persistence */ - if (!arguments[2]) { + if (this.doesPersistence() && !arguments[2]) { this.saveExpandedStatus(layerID, this.branchStatus[layerID]); } - // Swap image: - imgSrc = document.images['img_' + layerID].src; - re = /^(.*)(plus|minus)(bottom|top|single)?.gif$/ - if (matches = imgSrc.match(re)) { - - document.images['img_' + layerID].src = sprintf('%s%s%s%s', - matches[1], - matches[2] == 'plus' ? 'minus' : 'plus', - matches[3], - '.gif'); - } + // Swap image + this.swapImage(layerID); + } +} + +/** +* Swaps the plus/minus branch images +*/ +function swapImage(layerID) +{ + imgSrc = document.images['img_' + layerID].src; + + re = /^(.*)(plus|minus)(bottom|top|single)?.gif$/ + if (matches = imgSrc.match(re)) { + + document.images['img_' + layerID].src = sprintf('%s%s%s%s', + matches[1], + matches[2] == 'plus' ? 'minus' : 'plus', + matches[3], + '.gif'); } } @@ -216,19 +250,30 @@ */ function doesMenu() { - var agt = navigator.userAgent.toLowerCase(); - var is_major = parseInt(navigator.appVersion); - var is_minor = parseFloat(navigator.appVersion); - - var is_ie = (agt.indexOf("msie") != -1 && agt.indexOf("opera") == -1); - var is_ie3 = (is_ie && (is_major < 4)); - var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) ); - var is_ie5up = (is_ie && !is_ie3 && !is_ie4); + return (is_ie5up || is_nav6up || is_gecko); +} +/** +* Can the browser handle save the branch status +*/ +function doesPersistence() +{ return is_ie5up; } /** +* Returns the appropriate layer accessor +*/ +function getLayer(layerID) +{ + if (document.getElementById(layerID)) { + return document.getElementById(layerID); + } else if (document.all(layerID)) { + return document.all(layerID); + } +} + +/** * Save the status of the layer */ function saveExpandedStatus(layerID, expanded) @@ -255,11 +300,20 @@ */ function resetBranches() { + if (!this.doesPersistence()) { + return false; + } + for (var i=0; i<this.branches.length; i++) { var status = this.loadExpandedStatus(this.branches[i]); // Only update if it's supposed to be expanded and it's not already if (status == 'true' && this.branchStatus[this.branches[i]] != true) { - this.toggleBranch(this.branches[i], true, true); + if (this.childParents[this.branches[i]] == null || (in_array(this.childParents[this.branches[i]], this.branches) && this.branchStatus[this.childParents[this.branches[i]]])) { + this.toggleBranch(this.branches[i], true, true); + } else { + this.branchStatus[this.branches[i]] = true; + this.swapImage(this.branches[i]); + } } } } Index: pear/HTML_TreeMenu/TreeMenu.php diff -u pear/HTML_TreeMenu/TreeMenu.php:1.1 pear/HTML_TreeMenu/TreeMenu.php:1.2 --- pear/HTML_TreeMenu/TreeMenu.php:1.1 Sat Jun 15 14:24:06 2002 +++ pear/HTML_TreeMenu/TreeMenu.php Tue Jun 18 19:28:35 2002 @@ -16,7 +16,7 @@ // | Harald Radi <harald.radi@nme.at> | // +----------------------------------------------------------------------+ // -// $Id: TreeMenu.php,v 1.1 2002/06/15 18:24:06 richard Exp $ +// $Id: TreeMenu.php,v 1.2 2002/06/18 23:28:35 richard Exp $ /** * HTML_TreeMenu Class @@ -94,10 +94,13 @@ * @access public * @param object $menu The node to add. This object should be * a HTML_TreeNode object. + * @return object Returns a reference to the new node inside + * the tree. */ - function addItem($menu) + function &addItem($menu) { $this->items[] = $menu; + return $this->items[count($this->items) - 1]; } /** @@ -112,7 +115,7 @@ { echo "\n"; - echo '<script language="javascript" type="text/javascript">'; + echo '<script language="javascript" type="text/javascript">' . "\n\t"; echo sprintf('%s = new TreeMenu("%s", "%s", "%s", "%s");', $this->menuobj, $this->layer, @@ -200,9 +203,10 @@ * @access public * @param object $node The new node */ - function addItem($node) + function &addItem($node) { $this->items[] = $node; + return $this->items[count($this->items) - 1]; } /** Index: pear/HTML_TreeMenu/package.xml diff -u pear/HTML_TreeMenu/package.xml:1.3 pear/HTML_TreeMenu/package.xml:1.4 --- pear/HTML_TreeMenu/package.xml:1.3 Sat Jun 15 14:26:51 2002 +++ pear/HTML_TreeMenu/package.xml Tue Jun 18 19:28:35 2002 @@ -10,10 +10,11 @@ PHP Based api creates a tree structure using a couple of small PHP classes. This can then be converted to javascript using the printMenu() method. The tree should be dynamic in - IE 4 or higher and in IE 5 or higher it maintains state (the - collapsed/expanded status of the branches). Has only been - tested under IE6 however. Other browser display the tree - fully expanded. Each node can have an optional link and icon. + IE 4 or higher and NN6/Mozilla, and in IE 5 or higher it + maintains state (the collapsed/expanded status of the branches). + Has only been tested under IE6 however. Other browser display + the tree fully expanded. Each node can have an optional link + and icon. </description> <maintainers> @@ -27,16 +28,17 @@ <release> <license>PHP</license> - <version>1.0</version> - <date>2002-06-15</date> + <version>1.0.1</version> + <date>2002-06-19</date> <state>stable</state> <notes> - Initial release + Added support for Mozilla and NN6 </notes> <filelist> <dir name="/" baseinstalldir="HTML"> <file role="php" name="TreeMenu.php"/> <file role="data" name="TreeMenu.js"/> + <file role="data" name="sniffer.js"/> <dir name="images"> <file role="data" name="branch.gif"/> <file role="data" name="branchbottom.gif"/> @@ -71,5 +73,54 @@ </dir> </filelist> </release> + + <changelog> + <release> + <license>PHP</license> + <version>1.0</version> + <date>2002-06-15</date> + <state>stable</state> + <notes> + Initial release + </notes> + <filelist> + <dir name="/" baseinstalldir="HTML"> + <file role="php" name="TreeMenu.php"/> + <file role="data" name="TreeMenu.js"/> + <dir name="images"> + <file role="data" name="branch.gif"/> + <file role="data" name="branchbottom.gif"/> + <file role="data" name="branchtop.gif"/> + <file role="data" name="folder.gif"/> + <file role="data" name="line.gif"/> + <file role="data" name="linebottom.gif"/> + <file role="data" name="minus.gif"/> + <file role="data" name="minusbottom.gif"/> + <file role="data" name="minustop.gif"/> + <file role="data" name="plus.gif"/> + <file role="data" name="plusbottom.gif"/> + <file role="data" name="plustop.gif"/> + </dir> + <dir name="imagesAlt"> + <file role="data" name="branch.gif"/> + <file role="data" name="branchbottom.gif"/> + <file role="data" name="branchtop.gif"/> + <file role="data" name="folder.gif"/> + <file role="data" name="line.gif"/> + <file role="data" name="linebottom.gif"/> + <file role="data" name="minus.gif"/> + <file role="data" name="minusbottom.gif"/> + <file role="data" name="minustop.gif"/> + <file role="data" name="plus.gif"/> + <file role="data" name="plusbottom.gif"/> + <file role="data" name="plustop.gif"/> + </dir> + <dir name="docs"> + <file role="php" name="example.php"/> + </dir> + </dir> + </filelist> + </release> + </changelog> </package> Index: pear/HTML_TreeMenu/docs/example.php diff -u pear/HTML_TreeMenu/docs/example.php:1.1 pear/HTML_TreeMenu/docs/example.php:1.2 --- pear/HTML_TreeMenu/docs/example.php:1.1 Sat Jun 15 14:24:07 2002 +++ pear/HTML_TreeMenu/docs/example.php Tue Jun 18 19:28:36 2002 @@ -16,17 +16,18 @@ // | Harald Radi <harald.radi@nme.at> | // +----------------------------------------------------------------------+ // -// $Id: example.php,v 1.1 2002/06/15 18:24:07 richard Exp $ +// $Id: example.php,v 1.2 2002/06/18 23:28:36 richard Exp $ - require_once('HTML/TreeMenu.php'); + require_once('../TreeMenu.php'); $icon = 'folder.gif'; - $menu = new HTML_TreeMenu("menuLayer", './images'); + $menu = new HTML_TreeMenu("menuLayer", '../images'); $node1 = new HTML_TreeNode("INBOX", "test.php", $icon); $node1->addItem(new HTML_TreeNode("deleted-items", "test.php", $icon)); $node1->addItem(new HTML_TreeNode("sent-items", "test.php", $icon)); $node1->addItem(new HTML_TreeNode("drafts", "test.php", $icon)); + $node1->addItem($node1); $menu->addItem($node1); $menu->addItem(new HTML_TreeNode("drafts", "test.php", $icon)); @@ -34,7 +35,8 @@ ?> <html> <head> - <script src="./TreeMenu.js" language="JavaScript" type="text/javascript"></script> + <script src="../sniffer.js" language="JavaScript" type="text/javascript"></script> + <script src="../TreeMenu.js" language="JavaScript" type="text/javascript"></script> </head> <body> Index: pear/HTML_TreeMenu/sniffer.js +++ pear/HTML_TreeMenu/sniffer.js //<!-- // Ultimate client-side JavaScript client sniff. Version 3.03 // (C) Netscape Communications 1999-2001. Permission granted to reuse and distribute. // Revised 17 May 99 to add is_nav5up and is_ie5up (see below). // Revised 20 Dec 00 to add is_gecko and change is_nav5up to is_nav6up // also added support for IE5.5 Opera4&5 HotJava3 AOLTV // Revised 22 Feb 01 to correct Javascript Detection for IE 5.x, Opera 4, // correct Opera 5 detection // add support for winME and win2k // synch with browser-type-oo.js // Revised 26 Mar 01 to correct Opera detection // Revised 02 Oct 01 to add IE6 detection // Everything you always wanted to know about your JavaScript client // but were afraid to ask. Creates "is_" variables indicating: // (1) browser vendor: // is_nav, is_ie, is_opera, is_hotjava, is_webtv, is_TVNavigator, is_AOLTV // (2) browser version number: // is_major (integer indicating major version number: 2, 3, 4 ...) // is_minor (float indicating full version number: 2.02, 3.01, 4.04 ...) // (3) browser vendor AND major version number // is_nav2, is_nav3, is_nav4, is_nav4up, is_nav6, is_nav6up, is_gecko, is_ie3, // is_ie4, is_ie4up, is_ie5, is_ie5up, is_ie5_5, is_ie5_5up, is_ie6, is_ie6up, is_hotjava3, is_hotjava3up, // is_opera2, is_opera3, is_opera4, is_opera5, is_opera5up // (4) JavaScript version number: // is_js (float indicating full JavaScript version number: 1, 1.1, 1.2 ...) // (5) OS platform and version: // is_win, is_win16, is_win32, is_win31, is_win95, is_winnt, is_win98, is_winme, is_win2k // is_os2 // is_mac, is_mac68k, is_macppc // is_unix // is_sun, is_sun4, is_sun5, is_suni86 // is_irix, is_irix5, is_irix6 // is_hpux, is_hpux9, is_hpux10 // is_aix, is_aix1, is_aix2, is_aix3, is_aix4 // is_linux, is_sco, is_unixware, is_mpras, is_reliant // is_dec, is_sinix, is_freebsd, is_bsd // is_vms // // See http://www.it97.de/JavaScript/JS_tutorial/bstat/navobj.html and // http://www.it97.de/JavaScript/JS_tutorial/bstat/Browseraol.html // for detailed lists of userAgent strings. // // Note: you don't want your Nav4 or IE4 code to "turn off" or // stop working when new versions of browsers are released, so // in conditional code forks, use is_ie5up ("IE 5.0 or greater") // is_opera5up ("Opera 5.0 or greater") instead of is_ie5 or is_opera5 // to check version in code which you want to work on future // versions. // convert all characters to lowercase to simplify testing var agt=navigator.userAgent.toLowerCase(); // *** BROWSER VERSION *** // Note: On IE5, these return 4, so use is_ie5up to detect IE5. var is_major = parseInt(navigator.appVersion); var is_minor = parseFloat(navigator.appVersion); // Note: Opera and WebTV spoof Navigator. We do strict client detection. // If you want to allow spoofing, take out the tests for opera and webtv. var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1)); var is_nav2 = (is_nav && (is_major == 2)); var is_nav3 = (is_nav && (is_major == 3)); var is_nav4 = (is_nav && (is_major == 4)); var is_nav4up = (is_nav && (is_major >= 4)); var is_navonly = (is_nav && ((agt.indexOf(";nav") != -1) || (agt.indexOf("; nav") != -1)) ); var is_nav6 = (is_nav && (is_major == 5)); var is_nav6up = (is_nav && (is_major >= 5)); var is_gecko = (agt.indexOf('gecko') != -1); var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1)); var is_ie3 = (is_ie && (is_major < 4)); var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) ); var is_ie4up = (is_ie && (is_major >= 4)); var is_ie5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) ); var is_ie5_5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1)); var is_ie5up = (is_ie && !is_ie3 && !is_ie4); var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5); var is_ie6 = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) ); var is_ie6up = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5); // KNOWN BUG: On AOL4, returns false if IE3 is embedded browser // or if this is the first browser window opened. Thus the // variables is_aol, is_aol3, and is_aol4 aren't 100% reliable. var is_aol = (agt.indexOf("aol") != -1); var is_aol3 = (is_aol && is_ie3); var is_aol4 = (is_aol && is_ie4); var is_aol5 = (agt.indexOf("aol 5") != -1); var is_aol6 = (agt.indexOf("aol 6") != -1); var is_opera = (agt.indexOf("opera") != -1); var is_opera2 = (agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1); var is_opera3 = (agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1); var is_opera4 = (agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1); var is_opera5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1); var is_opera5up = (is_opera && !is_opera2 && !is_opera3 && !is_opera4); var is_webtv = (agt.indexOf("webtv") != -1); var is_TVNavigator = ((agt.indexOf("navio") != -1) || (agt.indexOf("navio_aoltv") != -1)); var is_AOLTV = is_TVNavigator; var is_hotjava = (agt.indexOf("hotjava") != -1); var is_hotjava3 = (is_hotjava && (is_major == 3)); var is_hotjava3up = (is_hotjava && (is_major >= 3)); // *** JAVASCRIPT VERSION CHECK *** var is_js; if (is_nav2 || is_ie3) is_js = 1.0; else if (is_nav3) is_js = 1.1; else if (is_opera5up) is_js = 1.3; else if (is_opera) is_js = 1.1; else if ((is_nav4 && (is_minor <= 4.05)) || is_ie4) is_js = 1.2; else if ((is_nav4 && (is_minor > 4.05)) || is_ie5) is_js = 1.3; else if (is_hotjava3up) is_js = 1.4; else if (is_nav6 || is_gecko) is_js = 1.5; // NOTE: In the future, update this code when newer versions of JS // are released. For now, we try to provide some upward compatibility // so that future versions of Nav and IE will show they are at // *least* JS 1.x capable. Always check for JS version compatibility // with > or >=. else if (is_nav6up) is_js = 1.5; // NOTE: ie5up on mac is 1.4 else if (is_ie5up) is_js = 1.3 // HACK: no idea for other browsers; always check for JS version with > or >= else is_js = 0.0; // *** PLATFORM *** var is_win = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) ); // NOTE: On Opera 3.0, the userAgent string includes "Windows 95/NT4" on all // Win32, so you can't distinguish between Win95 and WinNT. var is_win95 = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1)); // is this a 16 bit compiled version? var is_win16 = ((agt.indexOf("win16")!=-1) || (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("windows 16-bit")!=-1) ); var is_win31 = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) || (agt.indexOf("windows 16-bit")!=-1)); var is_winme = ((agt.indexOf("win 9x 4.90")!=-1)); var is_win2k = ((agt.indexOf("windows nt 5.0")!=-1)); // NOTE: Reliable detection of Win98 may not be possible. It appears that: // - On Nav 4.x and before you'll get plain "Windows" in userAgent. // - On Mercury client, the 32-bit version will return "Win98", but // the 16-bit version running on Win98 will still return "Win95". var is_win98 = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1)); var is_winnt = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1)); var is_win32 = (is_win95 || is_winnt || is_win98 || ((is_major >= 4) && (navigator.platform == "Win32")) || (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1)); var is_os2 = ((agt.indexOf("os/2")!=-1) || (navigator.appVersion.indexOf("OS/2")!=-1) || (agt.indexOf("ibm-webexplorer")!=-1)); var is_mac = (agt.indexOf("mac")!=-1); // hack ie5 js version for mac if (is_mac && is_ie5up) is_js = 1.4; var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1))); var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1))); var is_sun = (agt.indexOf("sunos")!=-1); var is_sun4 = (agt.indexOf("sunos 4")!=-1); var is_sun5 = (agt.indexOf("sunos 5")!=-1); var is_suni86= (is_sun && (agt.indexOf("i86")!=-1)); var is_irix = (agt.indexOf("irix") !=-1); // SGI var is_irix5 = (agt.indexOf("irix 5") !=-1); var is_irix6 = ((agt.indexOf("irix 6") !=-1) || (agt.indexOf("irix6") !=-1)); var is_hpux = (agt.indexOf("hp-ux")!=-1); var is_hpux9 = (is_hpux && (agt.indexOf("09.")!=-1)); var is_hpux10= (is_hpux && (agt.indexOf("10.")!=-1)); var is_aix = (agt.indexOf("aix") !=-1); // IBM var is_aix1 = (agt.indexOf("aix 1") !=-1); var is_aix2 = (agt.indexOf("aix 2") !=-1); var is_aix3 = (agt.indexOf("aix 3") !=-1); var is_aix4 = (agt.indexOf("aix 4") !=-1); var is_linux = (agt.indexOf("inux")!=-1); var is_sco = (agt.indexOf("sco")!=-1) || (agt.indexOf("unix_sv")!=-1); var is_unixware = (agt.indexOf("unix_system_v")!=-1); var is_mpras = (agt.indexOf("ncr")!=-1); var is_reliant = (agt.indexOf("reliantunix")!=-1); var is_dec = ((agt.indexOf("dec")!=-1) || (agt.indexOf("osf1")!=-1) || (agt.indexOf("dec_alpha")!=-1) || (agt.indexOf("alphaserver")!=-1) || (agt.indexOf("ultrix")!=-1) || (agt.indexOf("alphastation")!=-1)); var is_sinix = (agt.indexOf("sinix")!=-1); var is_freebsd = (agt.indexOf("freebsd")!=-1); var is_bsd = (agt.indexOf("bsd")!=-1); var is_unix = ((agt.indexOf("x11")!=-1) || is_sun || is_irix || is_hpux || is_sco ||is_unixware || is_mpras || is_reliant || is_dec || is_sinix || is_aix || is_linux || is_bsd || is_freebsd); var is_vms = ((agt.indexOf("vax")!=-1) || (agt.indexOf("openvms")!=-1)); //--> end hide JavaScript