140、动态按钮代码生成器

140、动态按钮代码生成器

脚本说明:

第一步:把如下代码加入<head>区域中:

<script language="javascript">

<!--Hide

//timer

speed = 10;

//Array to make Objects

Imagi        = new Array();

//numbers of Link

no_of_images = 0;

currentImage = -1;

 

function checkBrowser() {

       var bname = navigator.appName;

       var ver   = parseInt(navigator.appVersion);

       if (bname == "Netscape" && ver >= 3 || bname == "Microsoft Internet Explorer" && ver >= 4)

       ;

       else {

              alert('You need Netscape Navigator 3 and above or Microsoft Internet Explorer 4 and above')

             

       }

}

 

checkBrowser();

 

//The Image Object

function ImageObject(Name, OffSrcPro, OffSrc, OnSrcPro, OnSrc, Width, Height, Alt, Border, URL, LinkTarget) {

        this.Name                  = Name;

        this.OffSrcPro       = OffSrcPro;

        this.OffSrc           = OffSrc;

        this.OnSrcPro          = OnSrcPro;

        this.OnSrc            = OnSrc;

        this.Width               = Width;

        this.Height          = Height;

        this.Alt             = Alt;

        this.Border        = Border;

        this.URL                  = URL;

        this.LinkTarget      = LinkTarget;

        this.length         = 11;

}

 

function headerSelect(grut, grutv) {

  if (grut.options[0].selected) {

        grutv.value = "";

  }

  else {

     for (var y=0; y < grut.length; y++) {

          if (grut.options[y].selected) {

               grutv.value = "";

               grutv.value += grut.options[y].text;

        }

    }

  }

}

 

//Function Performing Form Validation

function checkMe(Me) {

        with(Me) {

                SrcBox1.focus();

                SrcBox1.blur();

                SrcBox2.focus();

                SrcBox2.blur();

                if (URLBox.value == "http://" || URLBox.value == "") {

                    alert("连接的URL没有设置");

                     URLBox.focus();

                     return false;

                }

                if (SrcBox1.value == "") {

                    alert("MouseOut图片尚未设置");

                     SrcBox1.focus();

                     return false;

                }

                if (SrcBox2.value == "") {

                       alert("MouseOver图片尚未设置");

                       SrcBox2.focus();

                       return false;

                } 

                if (NameBox.value == "") {

                       alert("图片尚未命名");

                       NameBox.focus();

                       return false;

                } 

                return true;

        }

}

 

 

 function checkAndShow() {

         with(window.document.mouseOverForm.Images) {

               if (options.length != 0) {

                  for(var i=0; i < options.length; i++) {

                          if (options[i].selected) {

                                  with(window.document.mouseOverForm) {

                                          URLBox.value = Imagi[i].URL;

                                          TargetBox.value = Imagi[i].LinkTarget;

                                           HeadSrc1.value = Imagi[i].OffSrcPro;

                                          HeadSrc2.value = Imagi[i].OnSrcPro;

                                          SrcBox1.value  = Imagi[i].OffSrc;

                                        SrcBox2.value  = Imagi[i].OnSrc;

                                           NameBox.value  = Imagi[i].Name;

                                           BorderBox.value = Imagi[i].Border

                                           AltBox.value   = Imagi[i].Alt;

                                           WidthBox.value = Imagi[i].Width;

                                           HeightBox.value = Imagi[i].Height;

                                     currentImage = i;

                                           if (HeadSrc1.value == "file:///")

                                                  Header1.options[1].selected = true;

                                          else if (HeadSrc1.value == "http://")

                                               Header1.options[2].selected = true;

                                     else if (HeadSrc1.value == "")

                                            Header1.options[0].selected = true;

                                          if (HeadSrc2.value == "file:///")

                                                  Header2.options[1].selected = true;

                                          else if (HeadSrc2.value == "http://")

                                               Header2.options[2].selected = true;

                                        else if (HeadSrc2.value == "")

                                               Header2.options[0].selected = true;

                                    }

                          }

                  }

        }

       }    

 }

 

 

function insertItem() {

       with(window.document.mouseOverForm) {

              if (checkMe(window.document.mouseOverForm)) {

                     Imagi[no_of_images] = new ImageObject(NameBox.value, HeadSrc1.value, SrcBox1.value, HeadSrc2.value, SrcBox2.value, WidthBox.value, HeightBox.value, AltBox.value, BorderBox.value, URLBox.value, TargetBox.value);

                     Images.length += 1;

                     Images.options[Images.length - 1].text = Imagi[no_of_images].Name;

                     ++no_of_images;

                     CleanBoxes(window.document.mouseOverForm);

                     CleanBoxes(window.document.mouseOverForm);

              }

       }

}

 

//Clean options[0] when page loaded

function Clean() {

       abc = document.forms[0].Images;

       if (Imagi.length == 0 && abc.length != 0) {

              for(var loop = 0; loop < abc.length; loop++)

                     abc.options[loop] = null;

       }

}

 

function UpdateOption() {

       with(window.document.mouseOverForm) {

              if (currentImage != -1) {

                     if (confirm("确信要更新这些数据?")) {

                         Imagi[currentImage].URL         = URLBox.value;

                         Imagi[currentImage].LinkTarget  = TargetBox.value;

                         Imagi[currentImage].Name          = NameBox.value;

                         Imagi[currentImage].OffSrcPro    = HeadSrc1.value;

                         Imagi[currentImage].OnSrcPro     = HeadSrc2.value;

                         Imagi[currentImage].OffSrc  = SrcBox1.value;

                         Imagi[currentImage].OnSrc          = SrcBox2.value;

                         Imagi[currentImage].Width       = WidthBox.value;

                         Imagi[currentImage].Height      = HeightBox.value;

                         Imagi[currentImage].Alt         = AltBox.value;

                         Imagi[currentImage].Border      = BorderBox.value;

                         Images.options[currentImage].text = Imagi[currentImage].Name;

                         alert("数据已经更新!");

                         CleanBoxes(window.document.mouseOverForm);

                         CleanBoxes(window.document.mouseOverForm);

                   }

           }

           else

                     alert("你尚未选择任何项目!");

      }

}

 

function removeIt() {

       if (document.mouseOverForm.Images.selectedIndex < 0)

              alert("你尚未选择任何项目!");

 

       with(document.mouseOverForm.Images) {

              for (var t=0; t < length; t++) {

                  if (options[t].selected) {

                         if (confirm("确信移去图片?")) {

                                for(var z = t; z < length-1; z++) {

                                       Imagi[z].URL = Imagi[z+1].URL;

                                          Imagi[z].LinkTarget = Imagi[z+1].LinkTarget;

                                          Imagi[z].OffSrcPro = Imagi[z+1].OffSrcPro;

                                          Imagi[z].OnSrcPro = Imagi[z+1].OnSrcPro;

                                          Imagi[z].OffSrc = Imagi[z+1].OffSrc;

                                          Imagi[z].OnSrc = Imagi[z+1].OnSrc;

                                          Imagi[z].Name = Imagi[z+1].Name;

                                          Imagi[z].Border = Imagi[z+1].Border;

                                          Imagi[z].Alt = Imagi[z+1].Alt;

                                          Imagi[z].Height = Imagi[z+1].Height;

                                          Imagi[z].Width = Imagi[z+1].Width;

                                }    

                                Imagi.length -= 1;

                                --no_of_images;

                                options[t] = null;

                                CleanBoxes(window.document.mouseOverForm);

                        }

                     }

              }

       }

} 

 

function Debug() {

       var no = prompt("Please enter the Object number you want to debug", "");

       var second_argu = "Imagi[" + no + "]";

       show_props(Imagi[no], second_argu);

}

 

//for debugging usage

function show_props(obj, obj_name) {

       var result = "";

       for (var i in obj)

              result += obj_name + "." + i + " = " + obj[i] + "\n";

       alert(result);

}

 

//Clean the options[0] when page loaded

function Clean() {

       abc = document.mouseOverForm.Images;

       if (Imagi.length == 0 && abc.length != 0) {

              for(var loop = 0; loop < abc.length; loop++)

              abc.options[loop] = null;

       }

}

 

//Clean the value in the fields

function CleanBoxes(argv) {

       var x = 0; //counter

       while(x != argv.length - 1) {

              if (argv.elements[x].type == "text") {

                     argv.elements[x].value = "";

              }

       x++;

       argv.URLBox.value = "http://";

       argv.Header1.options[0].selected = true;

       argv.Header2.options[0].selected = true;

       argv.HeadSrc1.focus();

       argv.HeadSrc1.blur();

       argv.HeadSrc1.value = "";

       argv.HeadSrc2.focus();

       argv.HeadSrc2.blur();

       argv.HeadSrc2.value = "";  

       argv.SrcBox1.focus();

       argv.SrcBox1.blur();

       argv.SrcBox1.value = "";

       argv.SrcBox2.focus();

       argv.SrcBox2.blur();

       argv.SrcBox2.value = "";  

       argv.URLBox.focus();

       }

}

 

closedd = true;

function PopDrive(no) {

       if (closedd) {

       Box = no;

       First = '<html><body bgcolor="white" text="#000000" link="#000099" vlink="#663366" alink="#ff0000" onUnLoad="window.opener.closedd = true;"   ><center><br><form><input type="file" name="Drive"><br><br><input type="Button" value="OK" name="OK" onClick="window.opener.Make(document.forms[0], ' + Box + '); ' + 'window.opener.CheckAndChange(' + Box + '); ' + '"><input type="Button" name="Cancel" value="Cancel" onClick="window.close();window.opener.closedd = true;"></form></center><blockquote><font face="宋体" size=2>通过"浏览"按钮从硬盘上选择图片文件,然后按"OK"继续。</font></blockquote></body></html>';

       Pop = window.open("", "DriveWin", "Width=350,Height=200,resizable=yes");

       Pop.document.open();

       Pop.document.write(First);

       closedd = false;

       }

      else

       Pop.focus();

}

 

function Make(na, no) {

       na.Drive.focus();

       na.Drive.blur();

       if (na.Drive.value == "") {

              alert("文件尚未选择!");

              Pop.focus();

       }

       else {

              if (no == 1) {

                     document.mouseOverForm.SrcBox1.value = na.Drive.value;

                     document.mouseOverForm.Header1.options[1].selected = true;

                     document.mouseOverForm.HeadSrc1.value = "file:///";

              }

              else if (no == 2) {

                     document.mouseOverForm.SrcBox2.value = na.Drive.value;

                     document.mouseOverForm.Header1.options[1].selected = true;

                     document.mouseOverForm.HeadSrc2.value = "file:///";

              }

              Pop.close();

              window.closedd = true;

       }

}

 

//Check the image source, then change the protocol if needed

function CheckAndChange(no) {

       if (no == 1) {

              SrcBox = document.mouseOverForm.SrcBox1;

              Selection = document.mouseOverForm.Header1;

              ProtocolBox = document.mouseOverForm.HeadSrc1;

       }

       else if (no == 2) {

              SrcBox = document.mouseOverForm.SrcBox2;

              Selection = document.mouseOverForm.Header2;

              ProtocolBox = document.mouseOverForm.HeadSrc2;

       }

 

       var c = SrcBox.value.indexOf("http://");

       var d = SrcBox.value.indexOf("file:///");

       if (c >= 0) {

       Selection.options[2].selected = true;

       ProtocolBox.value = "http://";

       Stringo2 = SrcBox.value.substring(c+7);

       SrcBox.value = Stringo2;

       }

       else if (d >= 0) {

       Selection.options[1].selected = true;

       ProtocolBox.value = "file:///";

       Stringo3 = SrcBox.value.substring(d+8);

       SrcBox.value = Stringo3;

       }

 

       var find2 = SrcBox.value.indexOf("/")

 

       if (SrcBox.value.indexOf(":\\") > 0 || SrcBox.value.indexOf("|/") > 0) {

              Selection.options[1].selected = true;

              ProtocolBox.value = "file:///";

              var cr = SrcBox.value.indexOf(":\\");

              if (cr >= 0) {

                     SrcBox.value = stringInsert(SrcBox.value, "|", cr);

                     for(var countIt = cr; countIt < SrcBox.value.length; countIt++) {

                     var Athere = SrcBox.value.charAt(countIt);

                            if (Athere == "\\")

                            SrcBox.value = stringInsert(SrcBox.value, "/", countIt);   

                     }

              }

       }

      else if ((SrcBox.value.indexOf(".com") > 0) || (SrcBox.value.indexOf(".edu") > 0) || (SrcBox.value.indexOf(".org") > 0) || (SrcBox.value.indexOf(".net") > 0) || (SrcBox.value.indexOf(".gov") > 0) || (SrcBox.value.indexOf(".mil") > 0) || (SrcBox.value.indexOf(".arpa") > 0) || (SrcBox.value.indexOf(".int") > 0)) {

       Selection.options[2].selected = true;

       ProtocolBox.value = "http://";

      }

       else if (find2 > 0) {

              var yes = 0;

              var c = 0;

              var Stringoo2 = SrcBox.value.substring(0, find2);

              for(var a = 0; a < 3; a++) {

                     var b = Stringoo2.indexOf(".", c);

                     if (b > 0) {

                            c = b + 1;

                            yes++;

                     }

             }

              if (yes == 3) {

                    Selection.options[2].selected = true;

                     ProtocolBox.value = "http://";

              }

       } 

       else {

              Selection.options[0].selected = true;

              ProtocolBox.value = "";

       }

 

       if (SrcBox.value != "") {

              var Stringo = SrcBox.value.toUpperCase();

              if (Stringo.indexOf(".GIF") < 0 && Stringo.indexOf(".JPG") < 0 && Stringo.indexOf(".JPEG") < 0 && Stringo.indexOf(".PNG") < 0) {

                     alert("看样子没有设置正确的图片文件:)");

                     SrcBox.focus();

             }

       }

}

 

 

function stringInsert(initial, replace, position) {

 

       start=parseInt(position);

 

       end=start+replace.length;

 

       newVal=initial.substring(0,start)+replace+initial.substring(end,initial.length);

 

       return newVal;

 

}

  

function isDigit(form) {

       for (var x = 0; x < form.value.length; x++) {

              var y = form.value.charAt(x);

              var g = parseInt(y);

              if (g >= 0 && g <= 9)

                     ;

              else {

                     alert("非法的参数");

                     form.focus();

                     return false;

              }

       }

       return true;

}

   

function InsertBelow()

{

 with(window.document.mouseOverForm)

 {

  if(Images.selectedIndex != -1)

  {

   for(var g=0; g < Imagi.length - 1; g++)

   {

    if (Images.options[g].selected)

    {

     var r = no_of_images;

     Imagi[r] = new ImageObject( Imagi[r-1].Name, Imagi[r-1].OffSrcPro, Imagi[r-1].OffSrc, Imagi[r-1].OnSrcPro, Imagi[r-1].OnSrc, Imagi[r-1].Width, Imagi[r-1].Height, Imagi[r-1].Alt, Imagi[r-1].Border, Imagi[r-1].URL, Imagi[r-1].LinkTarget );

     for(var p = Imagi.length-2; p > g; p--)

     {

      Imagi[p].Name          = Imagi[p-1].Name;

      Imagi[p].OffSrcPro     = Imagi[p-1].OffSrcPro;

      Imagi[p].OffSrc        = Imagi[p-1].OffSrc;

      Imagi[p].OnSrcPro      = Imagi[p-1].OnSrcPro;

      Imagi[p].OnSrc         = Imagi[p-1].OnSrc;

      Imagi[p].Width         = Imagi[p-1].Width;

      Imagi[p].Height        = Imagi[p-1].Height;

      Imagi[p].Alt           = Imagi[p-1].Alt;

      Imagi[p].Border        = Imagi[p-1].Border;

      Imagi[p].URL           = Imagi[p-1].URL;

      Imagi[p].LinkTarget           = Imagi[p-1].LinkTarget;

     }  

 

     Imagi[g+1].URL       = URLBox.value;

     Imagi[g+1].LinkTarget  = TargetBox.value;

     Imagi[g+1].Name              = NameBox.value;

     Imagi[g+1].OffSrcPro = HeadSrc1.value;

     Imagi[g+1].OnSrcPro  = HeadSrc2.value;

     Imagi[g+1].OffSrc      = SrcBox1.value;

     Imagi[g+1].OnSrc              = SrcBox2.value;

     Imagi[g+1].Width       = WidthBox.value;

     Imagi[g+1].Height      = HeightBox.value;

     Imagi[g+1].Alt         = AltBox.value;

     Imagi[g+1].Border      = BorderBox.value;

     no_of_images++;

     Images.length += 1;

 

     for(var b = Images.options.length - 1; b > g; b--)

     {

      Images.options[b].text =  Images.options[b-1].text;

     }

      Images.options[g+1].text = Imagi[g+1].Name;

      CleanBoxes(window.document.mouseOverForm);

    }

   }

  }

  else

    {

     if(Images.length != 0)

     {

      var g = -1;

      var r = no_of_images;

     Imagi[r] = new ImageObject( Imagi[r-1].Name, Imagi[r-1].OffSrcPro, Imagi[r-1].OffSrc, Imagi[r-1].OnSrcPro, Imagi[r-1].OnSrc, Imagi[r-1].Width, Imagi[r-1].Height, Imagi[r-1].Alt, Imagi[r-1].Border, Imagi[r-1].URL, Imagi[r-1].LinkTarget );

 

     for(var p = Imagi.length-2; p > g; p--)

     {

      Imagi[p].Name          = Imagi[p-1].Name;

      Imagi[p].OffSrcPro     = Imagi[p-1].OffSrcPro;

      Imagi[p].OffSrc        = Imagi[p-1].OffSrc;

      Imagi[p].OnSrcPro      = Imagi[p-1].OnSrcPro;

      Imagi[p].OnSrc         = Imagi[p-1].OnSrc;

      Imagi[p].Width         = Imagi[p-1].Width;

      Imagi[p].Height        = Imagi[p-1].Height;

      Imagi[p].Alt           = Imagi[p-1].Alt;

      Imagi[p].Border        = Imagi[p-1].Border;

      Imagi[p].URL           = Imagi[p-1].URL;

      Imagi[p].LinkTarget           = Imagi[p-1].LinkTarget;

     }  

    

     Imagi[g+1].URL       = URLBox.value;

     Imagi[g+1].LinkTarget  = TargetBox.value;

     Imagi[g+1].Name              = NameBox.value;

     Imagi[g+1].OffSrcPro = HeadSrc1.value;

     Imagi[g+1].OnSrcPro  = HeadSrc2.value;

     Imagi[g+1].OffSrc      = SrcBox1.value;

     Imagi[g+1].OnSrc              = SrcBox2.value;

     Imagi[g+1].Width       = WidthBox.value;

     Imagi[g+1].Height      = HeightBox.value;

     Imagi[g+1].Alt         = AltBox.value;

     Imagi[g+1].Border      = BorderBox.value;

     no_of_images++;

     Images.length += 1;

 

     for(var b = Images.options.length - 1; b > g; b--)

     {

      Images.options[b].text =  Images.options[b-1].text;

     }

      Images.options[g+1].text = Imagi[g+1].Name;

      CleanBoxes(window.document.mouseOverForm);

     }

     else

     alert("缺少项目!")

    }

 }

}

 

function CheckIt(array, string) {

       if (array == null || array == "")

              variable = "";

       else

              variable = string + array + "\"";

       return variable;

}

 

function generateIt() {

       if (document.mouseOverForm.Images.length != 0) {

              HeadCode = "<SCRIPT LANGUAGE=\"Javascript\">\r" + "<" + "!-" + "-Hide\r\r";

              HeadCode += "//http://www.k688.com/javascript/dai5.htm\r\r";

              HeadCode += "function isCompatible()\r" + "{\r" + " var BrowserName = navigator.appName;\r" + " var BrowserVer  = parseInt(navigator.appVersion);\r" + " var Compatible  = (BrowserName == \"Netscape\" && BrowserVer == 3) || (BrowserName == \"Netscape\" || BrowserVer == 4) || (BrowserName == \"Microsoft Internet Explorer\" || BrowserVer == 4)\r" + " return Compatible;\r" + "}\r\r";

              HeadCode += "function flipIt(img, tothis)\r" + "{\r" + " if (isCompatible())\r" + " {\r" + "  img.src = tothis.src;\r" + " }\r" + "}\r\r";

 

              BodyCode = "";

              for (var count = 0; count < Imagi.length; count++) {

                     var xName = Imagi[count].Name;

                     var xNameOff = Imagi[count].OffSrcPro + Imagi[count].OffSrc;

                     var xNameOn  = Imagi[count].OnSrcPro + Imagi[count].OnSrc;

                     var Target = CheckIt(Imagi[count].LinkTarget, " TARGET=\"");

                     var Border = CheckIt(Imagi[count].Border, " BORDER=\"");

                     var Alt = CheckIt(Imagi[count].Alt, " ALT=\"");

                     var Width = CheckIt(Imagi[count].Width, " WIDTH=\"");

                     var Height = CheckIt(Imagi[count].Height, " HEIGHT=\"");

                     var MouseOver = "onMouseOver=\"flipIt(document." + xName + ", " + xName + "On);\"";

                     var MouseOut = "onMouseOut=\"flipIt(document." + xName + ", " + xName + "Off);\"";

 

                     HeadCode += xName + "Off = new Image();\r";

                     HeadCode += xName + "Off.src = " + "\"" + xNameOff + "\";" + "\r";

                     HeadCode += xName + "On = new Image();\r";

                     HeadCode += xName + "On.src  = " + "\"" + xNameOn + "\";" + "\r";

                     BodyCode += "<A HREF=\""+ Imagi[count].URL + "\""  + Target + " " + MouseOver + " " + MouseOut + "><IMG SRC=\"" + xNameOff + "\" NAME=\"" + xName + "\"" + Border + Alt + Width + Height + "></A>\r\r";

              }

              HeadCode += "\r/" + "/End Hide-" + "->\r</SCRIPT>";

              Emulate = window.open("", "CodeWindow", "width=640,height=420,status=yes,resizable=yes,scrollbars=yes");

              Emulate.document.clear();

              Emulate.document.write('<html><head><title>Code generated</title></head><body bgcolor="#ffffff" text="#000000" link="#000099" vlink="#663366" alink="#ff0000">');

              Emulate.document.write("<br><br><center><font face=\"宋体\">如下代码拷贝到<font color=\"red\">HEAD</font>标签间</font></center><form name=\"genCode\"><center><textarea cols=55 rows=16 name=\"Head\" wrap=\"Virtual\">

 

Write a comment

Comments: 0