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

<html> <head> <title>Генератор фотогалереи</title> <style> body { font-size:10pt; color:black; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:white; margin:2px; } td { font-size:10pt; /*border:1px blue solid;*/ } img { border:0px; } form { margin:0px; } ol, ul { /* because IE doesn't know how to handle lists, force it like Moz */ padding-left: 40px; margin-left:0px; } some custom classes */ .loud, h4 { /* afaik only used on server step headers */ font-weight:bold; color:#CC3333; margin:0px; } .shout {/* main page tiles in <h2> */ text-align:center; color:#990000; } .icon { width:16px; height:16px; margin-right: 5px; float:left; } .arrow { width:7px; height:4px; float:left; margin-right: 4px; margin-top:7px; } .copyright { padding-top:15px; padding-bottom:5px; color:green; font-size:8pt; text-align:center; } .button { background-color:#CC6666; border:1px outset #cc6666; color:#FFFFFF; } .title { font-size:14pt; color:#cc6666; text-align:center; border-bottom:1px #cccccc solid; } .small { font-size:xx-small; } .header { border:1px #990000 solid; background-color:#cc6666; font-weight:bold; padding-left:20px; } .desc { background-color:white; border:1px #990000 solid; border-collapse:collapse; padding:8px; } .debut { border:1px #990000 solid; background-color:#cc6666; font-weight:bold; font-size:10pt; } .entry { background-color:white; border:1px #990000 solid; border-collapse:collapse; } /*.E { used for high use images height:14px; width:16px; float:left; padding-right:4px; border:0px; }*/ .newsHeader {/*for the main page news header*/ background: url(/images/newsboxTop.gif) no-repeat top left; /*width:600;*/ height:19px; color:white; font-weight:bold; padding-left:20px; font-size:8pt; } .newsDesc {/*for the main page news description under header*/ /*width:600;*/ border:1px #990000 solid; padding:8px; background-color:#F7F7F7; /*border-bottom-left-radius:.4em; border-bottom-right-radius:.4em; -moz-border-radius:.4em;*/ } .divider {/*good for "what's here" headers*/ background:url(/images/dividerTop.gif) no-repeat top left; width:600px; height:19px; color:white; font-weight:bold; font-size:8pt; text-align:center; } .bottom {/*good for bottom of "what's here" headers*/ background: url(/images/boxBottom.gif) no-repeat top left; width:600px; height:19px; color:white; font-weight:bold; font-size:8pt; text-align:center; } /* stuff for the good 'ol normal links */ a:link { color:#000066; } a:active { color:red; } a:visited { color:#660066; } a:hover { color:#660066; text-decoration:none; /* take the underline off when it hovers */ } a.page:visited { text-decoration:overline underline; color:white; } a.page:link { text-decoration:overline underline; color:white; } a.page:hover { text-decoration:none; } .menuHeader { border:1px #990000 solid; font-weight:bold; background-color:#cc6666; color:white; padding-left:5px; width:130px; /* 135-5*/ margin-bottom:2px; } a.menu { /* properties that are the same for all types */ display:block; padding:1px; color:#000066; background-color:white; text-decoration:none; font-weight:bold; width:133px; /* 135-1-1 */ border:1px #990000 solid; margin:2px 0px 0px 0px; } a.menu:link { margin:2px 0px 0px 0px; color:#000066; } a.menu:visited { color:#660099; } a.menu:hover { color:white; background-color:#cc6666; } a.menu:active { color:#CC0000; } body { background:url(/images/watermark.gif) no-repeat bottom left fixed; } ul, ol { margin:0px; } li { margin-bottom:20px; } .nospace, .nospace li { /* used for the list that don't want the margin above */ margin-bottom:0px; } ul.nospace, ol.nospace{ margin-bottom:15px; } .code { background-color:#FDECE1; border:1px solid #cc6666; padding:0px 4px 0px 4px; /* top,right,bottom,left */ } .pageHeader { margin-left:160px; text-align:center; margin-top:6px; } .pageMenu { width:137px; /* 135+1+1 borders */ float:left; margin-left:0px; padding-left:20px; } .pageMain { margin-left:170px; margin-right:10px; } .copyright { clear:both; } </style> <script language="JavaScript" src="slide.js" ></script> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="myForm"> <table border="0" align="center" cellpadding="4" cellspacing="0" style="border-collapse:collapse;"> <tr><td class="header" colspan="2"> Slide Show (version 1.2) </td></tr> <tr><td class="desc" align="right"> Autoplay Delay: </td><td class="desc" align="left"> <input type="text" name="timeout" value="5" size="2" maxlength="2"> Seconds </td></tr> <tr><td class="desc" align="right"> Largest Image Width: </td><td class="desc" align="left"> <input type="text" name="imgWidth" value="150" size="4" maxlength="4"> </td></tr> <tr><td class="desc" align="right"> Largest Image Height: </td><td class="desc" align="left"> <input type="text" name="imgHeight" value="150" size="4" maxlength="4"> </td></tr> <tr><td class="desc" align="right"> Slide Show Title: </td><td class="desc" align="left"> <input type="text" name="titleTxt" value="Pictures of my work" size="20"> </td></tr> <tr><td class="header" colspan="2"> Slide Show Entries: </td></tr> <tr align="center"><td class="desc" width="50%"> Slide Description </td><td class="desc" width="50%"> Slide URL</td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text1" size="20"> </td><td align="center" class="desc"> <input type="text" name="url1" size="20" onclick="if(!this.value){this.value="'http://'}""></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text2" size="20"> </td><td align="center" class="desc"> <input type="text" name="url2" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text3" size="20"> </td><td align="center" class="desc"> <input type="text" name="url3" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text4" size="20"> </td><td align="center" class="desc"> <input type="text" name="url4" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text5" size="20"> </td><td align="center" class="desc"> <input type="text" name="url5" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text6" size="20"> </td><td align="center" class="desc"> <input type="text" name="url6" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text7" size="20"> </td><td align="center" class="desc"> <input type="text" name="url7" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text8" size="20"> </td><td align="center" class="desc"> <input type="text" name="url8" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text9" size="20"> </td><td align="center" class="desc"> <input type="text" name="url9" size="20"></td> </tr> <tr><td align="center" class="desc"> <input type="text" name="text10" size="20"> </td><td align="center" class="desc"> <input type="text" name="url10" size="20"></td> </tr> </table> <br /><br />  <table border="0" align="center" cellpadding="4" cellspacing="0" style="border-collapse:collapse;"> <tr><td class="header"> Source Code: </td></tr> <tr><td class="desc" align="center"> <input type="button" class="button" value="Generate" onClick="generate()"> <input type="button" class="button" value="Preview" onClick="view();"> <input type="reset" class="button" value="Reset" onclick="if(confirm('This will reset all the boxes to their original values.\n\nAre you sure you want to Continue?')){return true;}else{return false;}"> </td></tr> <tr><td class="desc"> <textarea name="output" cols="58" rows="10" wrap="virtual">no code available. "Generate" source code first