home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2004 March / PCWMAR04.iso / Sponsors / Xara / webstyle / examples / working / navbars / navbar20.js < prev    next >
Encoding:
Text File  |  2003-08-12  |  2.4 KB  |  77 lines
  1. var clicked=""
  2. var gtype=".gif"
  3. var selstate="_over"
  4. if (typeof(loc)=="undefined" || loc==""){
  5.     var loc=""
  6.     if (document.body&&document.body.innerHTML){
  7.         var tt = document.body.innerHTML.toLowerCase();
  8.         var last = tt.indexOf("navbar20.js\"");
  9.         if (last>0){
  10.             var first = tt.lastIndexOf("\"", last);
  11.             if (first>0 && first<last) loc = document.body.innerHTML.substr(first+1,last-first-1);
  12.         }
  13.     }
  14. }
  15.  
  16. document.write("<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>");
  17. document.write("<td><img src=\""+loc+"navbar20_left.gif\" alt=\"\" width=\"20\" height=\"25\"></td>");
  18. tr(false);
  19. writeButton("","javascript:;","navbar20_b1",70,25,"Home","",0);
  20. writeButton("","javascript:;","navbar20_b2",70,25,"About Us","",0);
  21. writeButton("","javascript:;","navbar20_b3",70,25,"Products","",0);
  22. writeButton("","javascript:;","navbar20_b4",70,25,"Links","",0);
  23. tr(true);
  24. document.write("<td><img src=\""+loc+"navbar20_right.gif\" alt=\"\" width=\"20\" height=\"25\"></td>");
  25. document.write("</tr></table>")
  26. loc="";
  27.  
  28. function tr(b){}
  29.  
  30. function turn_over(name) {
  31.     if (document.images != null && clicked != name) {
  32.         document[name].src = document[name+"_over"].src;
  33.     }
  34. }
  35.  
  36. function turn_off(name) {
  37.     if (document.images != null && clicked != name) {
  38.         document[name].src = document[name+"_off"].src;
  39.     }
  40. }
  41.  
  42. function reg(gname,name)
  43. {
  44. if (document.images)
  45.     {
  46.     document[name+"_off"] = new Image();
  47.     document[name+"_off"].src = loc+gname+gtype;
  48.     document[name+"_over"] = new Image();
  49.     document[name+"_over"].src = loc+gname+"_over"+gtype;
  50.     }
  51. }
  52.  
  53. function evs(name){ return " onmouseover=\"turn_over('"+ name + "')\" onmouseout=\"turn_off('"+ name + "')\""}
  54.  
  55. function writeButton(urld, url, name, w, h, alt, target, hsp)
  56. {
  57.     gname = name;
  58.     while(typeof(document[name])!="undefined") name += "x";
  59.     reg(gname, name);
  60.     tr(true);
  61.     document.write("<td>");
  62.     if (alt != "") alt = " alt=\"" + alt + "\"";
  63.     if (target != "") target = " target=\"" + target + "\"";
  64.     if (w > 0) w = " width=\""+w+"\""; else w = "";
  65.     if (h > 0) h = " height=\""+h+"\""; else h = "";    
  66.     if (url != "") url = " href=\"" + urld + url + "\"";
  67.     
  68.     document.write("<a " + url + evs(name) + target + ">");    
  69.     
  70.     if (hsp == -1) hsp =" align=\"right\"";
  71.     else if (hsp > 0) hsp = " hspace=\""+hsp+"\"";
  72.     else hsp = "";
  73.     
  74.     document.write("<img src=\""+loc+gname+gtype+"\" name=\"" + name + "\"" + w + h + alt + hsp + " border=\"0\" /></a></td>");
  75.     tr(false);
  76. }
  77.