home *** CD-ROM | disk | FTP | other *** search
/ Chip Hitware 6 A / CHIP_HITWARE6_A.iso / internet / LorenzHTMLTool / _SETUP.1 / Rollover.scp < prev    next >
Text File  |  1998-08-02  |  3KB  |  88 lines
  1. <HTMLtool>Shaula Haitner's Rollover</HTMLtool>
  2. <HTML>
  3.  
  4. <HEAD>
  5. <title></title>
  6. <!-- the only tailoring needed is to adapt the names convention.
  7. any image of the original set will have a name of the type ico1a, ico2a, etc..
  8. any image of the corresponding replacing set will have the name ico1b, ico2b, etc..
  9. the name of the image will be of the type a1, a2, a3
  10. e.g for the image ico1a.gif its name should be a1
  11. and the replacing image should be ico1b.gif. The parameter for
  12. mouseover and mouseout for this image should be 1.
  13. The width check is needed to do the replacement only after the image has been loaded.
  14. the minimum width should be larger than 45 ( width of unknown image).
  15. gif images involved in roll over shouldn't be interlaced for aestetic reasons. 
  16. -->
  17.  
  18. <script>
  19. <!--
  20. // written by Shaula Haitner general detector for DHTML
  21.  
  22. browser4=false; browser3=false; roll=false; 
  23. if( navigator.appVersion.indexOf("X11") == -1){  //check if not unix
  24.  
  25. if(navigator.appName == "Netscape" ) {  
  26. if(parseInt(navigator.appVersion) >= 4) {
  27. browser4 = true; sug="netscape" ; roll=true;
  28.  }
  29.  else if(parseInt(navigator.appVersion) == 3) {browser3 = true; browser4=false ;roll=true;   //   good for roll-over for netscape3
  30. } }
  31.  
  32. else if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("Macintosh") == -1) {
  33. if(parseInt(navigator.appVersion) >= 4) {
  34. browser4=true ; roll=true ;
  35. }}}
  36. if (roll) {
  37. var max=8; var meteg=-1;
  38. var imgb = new Array (max) ;
  39. for (var i=0 ; i <=max ; i++) {
  40. imgb[i] = new Image;}}
  41.  
  42. function load() {
  43. if (roll) {
  44.  
  45. // preload navigation bar images for replacing images
  46.  
  47.  imgb[1].src="ico1b.gif";
  48.  imgb[2].src="ico2b.gif";
  49.  imgb[3].src="ico3b.gif";
  50.  imgb[4].src="ico4b.gif";
  51.  imgb[5].src="ico5b.gif";
  52.  imgb[6].src="ico6b.gif";
  53.  
  54.  
  55. }}
  56.  
  57.  
  58. function ovr(i) {
  59. if (roll) {
  60. if(imgb[i].width > 130 ) {  // check if image has been loaded 
  61.  
  62. eval ('document.images["a' + i + '"].src' + "= imgb[i].src" ) ;  // replaces original with roll over image
  63. meteg=i ; // just in case of conflict 
  64. }}}
  65.  
  66. function out(i) {
  67. if (roll) {
  68. if (meteg==i) {
  69. eval ('document.images["a' + i +'"].src'  + ' ="ico' + i + 'a.gif" ') ; // restores  original  image
  70. }}}
  71.  
  72. // stop hiding -->
  73.  
  74. </script>
  75. <BODY  onLoad=load() bgcolor=white>
  76. <table cellpadding=0 cellspacing=0 border=0 >
  77.  
  78. <tr><td><a href="0600.htm" onMouseOver="ovr(6)" onMouseOut="out(6)"  target=body1><IMG SRC="ico6a.gif" WIDTH=146 HEIGHT=44 name="a6" border=0></a></td></tr>
  79. <tr><td><a href="0100.htm" onMouseOver="ovr(1)" onMouseOut="out(1)"  target=body1><IMG SRC="ico1a.gif" WIDTH=146 HEIGHT=50 name="a1" border=0></a></td></tr>
  80. <tr><td><a href="0500.htm" onMouseOver="ovr(5)" onMouseOut="out(5)"  target=body1><IMG SRC="ico5a.gif" WIDTH=146 HEIGHT=50 name="a5" border=0></a></td></tr>
  81. <tr><td><a href="0200.htm" onMouseOver="ovr(2)" onMouseOut="out(2)"  target=body1><IMG SRC="ico2a.gif" WIDTH=146 HEIGHT=52 name="a2" border=0></a></td></tr>
  82. <tr><td><a href="0400.htm" onMouseOver="ovr(4)" onMouseOut="out(4)"  target=body1><IMG SRC="ico4a.gif" WIDTH=146 HEIGHT=46 name="a4" border=0></a></td></tr>
  83. </table>
  84.  
  85.  
  86. </BODY>
  87.  
  88. </HTML>