Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">           <html><HEAD><TITLE>Генератор кнопок</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <META http-equiv="The JavaScript Source" content=no-cache> <META content="This new button generator allows users to specify more properties and sports a preview button that lets you see the results on the fly." name=description> <META content=2004-11-22 name=date> <META content=Developer name=channel> <META content=S.Sampath name=author> <META content=generators name=section> <STYLE type=text/css>.clickable { CURSOR: hand } TD { FONT-SIZE: 9pt; FONT-FAMILY: Helvetica,Sans Serif } #txt2 { VISIBILITY: hidden } #txtv { VISIBILITY: visible } #ButtonRG { COLOR: black; BACKGROUND-COLOR: lightgreen } #ButtonGR { COLOR: red; BACKGROUND-COLOR: white } #ButtonBY { COLOR: black; BACKGROUND-COLOR: lightblue } #ButtonYB { COLOR: red; BACKGROUND-COLOR: yellow } </STYLE> <SCRIPT language=JavaScript> \n</sc"+"ript"+">"; value+="\n\n<sty"+"le type='text/css'>\n\n</st"+"yle>\n"; value+="\n\n\n//Paste the HTML code in the BODY part of your page"; value+="\n<but"+"ton name='btnName' class='clickable' onMouseOver='change(this,\"ButtonGR\")' onMouseOut='change(this,\"ButtonRG\")' id='ButtonRG' onClick='alert(\"Handle Click Event\");' accessKey='C'><u"+"><b>C</b></u>aption"+"</but"+"ton>"; value+="\n//Change the Button name and caption to suit your needs"; } } else { //Generate code for ButtonBY with (document.frmButtons.srcCode) { value=""; value="//Paste this code in the HEAD part of your page"; value+="\n<"+"sc"+"ript language='JavaScript'>\n\n</sc"+"ript"+">"; value+="\n\n<sty"+"le type='text/css'>\n\n</st"+"yle>\n"; value+="\n\n\n//Paste the HTML code in the BODY part of your page"; value+="\n<but"+"ton name='btnName' class='clickable' onMouseOver='change(this,\"ButtonYB\")' onMouseOut='change(this,\"ButtonBY\")' id='ButtonBY' onClick='alert(\"Handle Click Event\");' accessKey='C'><u"+"><b>C</b></u>aption"+"</but"+"ton>"; value+="\n//Change the Button name and caption to suit your needs"; } } } function genCustCode() { var temp=""; with (document.frmButtons.txtCustCode) { id="txt2v"; value=""; value="//Paste this code in the HEAD part of your page"; value+="\n<"+"sc"+"ript language='Javascript'>\n\n</sc"+"ript"+">"; value+="\n\n<sty"+"le type='text/css'>\n\n</st"+"yle>\n"; value+="\n\n\n//Paste the HTML code in the BODY part of your page"; value+="\n<but"+"ton class='clickable' name='"+document.frmButtons.txtBtnName.value+"' onMouseOver='change(this,\"btnFocus\")' onMouseOut='change(this,\"normBtn\")' id='normBtn' onClick='alert(\"Handle Click Event\");'"; temp=addShortcutCode(); value+=temp; } document.frmButtons.txtCustCode.focus(); } function replace(string,text,by) { // Replaces text with by in string //Taken from "http://developer.irt.org/script/771.htm" //Site for developer's questions regarding Javascript var strLength = string.length, txtLength = text.length; if ((strLength == 0) || (txtLength == 0)) return string; var i = string.indexOf(text); if ((!i) && (text != string.substring(0,txtLength))) return string; if (i == -1) return string; var newstr = string.substring(0,i) + by; if (i+txtLength < strLength) newstr += replace(string.substring(i+txtLength,strLength),text,by); return newstr; } function addShortcutCode() { var caption,value="",temp=""; var i=0,j=0,len,ch; caption=document.frmButtons.txtBtnCaption.value; len=caption.length; if(caption.indexOf('&')!=-1) { i=caption.indexOf('&'); value=" accessKey='"+caption.charAt(i+1)+"'>"; ch=caption.charAt(i+1); temp=replace(caption,"&",""); caption=temp; j=caption.indexOf(ch); if(j == 0) { value+="<u><b>"+ch+"</b></u>"+caption.substring(j+1)+"</but"+"ton>"; } else { value+=caption.substring(0,j)+"<b><u>"+ch+"</b></u>"+caption.substring(j+1)+"</but"+"ton>"; } return value; } else { value=">"+caption+"</but"+"ton>"; return value; } } --> </SCRIPT> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY vLink=#0000ff bgColor=#ffffff><BR> <CENTER> <SCRIPT language=JavaScript type=text/javascript></SCRIPT> <BR> <BR> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD align=middle width="99%"><BASEFONT>      <FORM name=frmButtons> <TABLE width="100%" border=0> <TBODY> <TR> <TD><FONT face=Arial size=3>Select the type of button you would like to have</FONT> </TD></TR> <TR> <TD><INPUT type=radio value=ButtonRG name=rdButton><BUTTON class=clickable id=ButtonRG onmouseover="change(this,'ButtonGR');" accessKey=1 onclick="alert('Handle Click Event');" onmouseout="change(this,'ButtonRG');">Button <U><B>1</B></U></BUTTON> </TD></TR> <TR> <TD><INPUT type=radio value=ButtonBY name=rdButton><BUTTON class=clickable id=ButtonBY onmouseover="change(this,'ButtonYB')" accessKey=2 onclick="alert('Handle Click Event');" onmouseout="change(this,'ButtonBY')">Button <U><B>2</B></U></BUTTON> </TD></TR> <TR> <TD><INPUT class=clickable onclick="if(rdButton[0].checked) genCode(1); else if(rdButton[1].checked) genCode(2);else alert('Select a Button style');" type=button value="Generate Code" name=btnGenerate> </TD></TR> <TR> <TD><TEXTAREA name=srcCode rows=10 cols=60>

You can also specify custom Button Rollovers

Normal Button Background
Normal Text Color
Normal Text Font
Normal Text Size
Normal Text Weight
Button Background on Focus
Text Color on Focus
Text Font on Focus
Text Size on Focus
Text Weight on Focus
Button Name
Button Caption	^*Precede the letter or number with an Ampersand (&), if you want it as a shortcut key.