Full version: jsB@nk » Utility » Generator » Abeleto Web Album
URL: https://www.javascriptbank.com/abeleto-web-album.html
This is a photo album script that displays your favorite photos in a album! Includes picture, title, date taken, and description. Select your picture from a list, click for a random picture, or search for your picture.
Full version: jsB@nk » Utility » Generator » Abeleto Web Album
URL: https://www.javascriptbank.com/abeleto-web-album.html
<STYLE>BODY {FONT-FAMILY: arial,sans-serif;/* BACKGROUND-COLOR: #ffffcc*/}.small {FONT-SIZE: 9pt}.help {FONT-WEIGHT: bold; FONT-SIZE: 12pt; BACKGROUND: #ffff99}.slides {LEFT: 25%; VISIBILITY: hidden; POSITION: absolute; TOP: 25%}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT>var gallery = new Object();var totaal = 0;var stopshow=2;var stopzoom=1;function add(){if (document.formdata.filefocus.value == ""){alert('Please provide a filename');return}for (i in gallery){if (!gallery[i]){break}if (gallery[i]['file']==document.preview.src.match(/\w*\.\w*/)[0] && i!=document.formdata.counter.value){alert ('You already saved this image as number '+i+' in the list')};}if (document.formdata.focusname.value==""){alert('Please provide a title for this selection');document.formdata.focusname.focus();return}var teller=(document.formdata.counter.value-0);if (!gallery[teller+1]){teller++;gallery[teller] = new Object();}else {gallery[teller]["title"]=document.formdata.focusname.value;gallery[teller]["desc"]=document.formdata.focusdesc.value;gallery[teller]["file"]=document.formdata.filefocus.value;gallery[teller]["path"]=document.formdata.folderpath.value;document.formdata.focusname.focus();next();return}gallery[teller]["title"]=document.formdata.focusname.value;gallery[teller]["desc"]=document.formdata.focusdesc.value;if (document.formdata.focusdesc.value==""){gallery[teller]['desc']=" "}gallery[teller]["file"]=document.formdata.filefocus.value;gallery[teller]["path"]=document.formdata.folderpath.value;document.formdata.focusdesc.value="";document.formdata.focusname.value="";temp=document.formdata.filefocus.value.match(/\d+/);temp=parseInt(temp)+1;var nieuw=document.formdata.filefocus.value.replace(/\d+/,temp);document.formdata.filefocus.value=nieuw;showpic();document.formdata.counter.value=teller;var totaal=document.formdata.total.value-0;totaal++;document.formdata.total.value=totaal;document.formdata.focusname.focus();}function finish(){var msg='You selected less than 3 images. Do you want to proceed?'if (document.formdata.title.value==""){document.formdata.title.value=prompt('please provide a title for this album','')}if (!gallery["1"]){alert('You did not select any pictures for the album');return}if (!gallery["3"]){if (confirm(msg)){}else return}browseroutput();}function back(){var teller=document.formdata.counter.value;teller--;if (!gallery[teller]){teller--;alert('You are already at the first picture in the list');return;};document.formdata.focusname.value=gallery[teller]["title"];document.formdata.focusdesc.value=gallery[teller]["desc"];document.formdata.filefocus.value=gallery[teller]["file"]document.formdata.folderpath.value=gallery[teller]["path"];showpic();document.formdata.counter.value=teller;}function next(){var teller=document.formdata.counter.value;teller++;if (teller==(document.formdata.total.value-0)+1){teller--;alert('You are already at the last picture in the list\nThe input fields will be cleared to type a new record');document.formdata.focusdesc.value="";document.formdata.focusname.value="";return;};document.formdata.focusname.value=gallery[teller]["title"];document.formdata.focusdesc.value=gallery[teller]["desc"];document.formdata.filefocus.value=gallery[teller]["file"];document.formdata.folderpath.value=gallery[teller]["path"];showpic()document.formdata.counter.value=teller;}function last(){var teller=document.formdata.total.value;document.formdata.counter.value=teller;document.formdata.focusdesc.value="";document.formdata.focusname.value="";alert('Input fields will be cleared to enter a new record')}function wis(){var begin=document.formdata.counter.value-0;var einde=document.formdata.total.value-0;if (einde == 0){alert('You did not save any images yet');return}if (einde == 1){gallery[einde]=void 0;document.formdata.focusdesc.value="";document.formdata.focusname.value="";alert('Your single selection was erased.\nYou can proceed to choose a new photo.');document.formdata.counter.value=0;document.formdata.total.value=0;return}for (count = begin;count<einde;count++){gallery[count]=gallery[count+1];}gallery[einde]=void 0;document.formdata.total.value=einde-1;back();}function newstart(){var nieuw=document.formdata.folderpath.value.replace(/([^\/])$/,"$1\/");document.formdata.folderpath.value=nieuw;if (document.formdata.filefocus.value.search(/.jpg|.jpeg|.gif|.JPG|.JPEG|.GIF/)==-1 && document.formdata.filefocus.value!=""){alert('You did not provide the proper file extension.\nTry adding .jpg .JPG .jpeg, JPEG, .gif or .GIF');document.formdata.filefocus.focus()}showpic();}function showpic(){var newpic=document.formdata.folderpath.value+document.formdata.filefocus.value;document.preview.src=newpic;document.preview.visibility='visible';}function prevpic(){var temp=document.formdata.filefocus.value.match(/(\d+)/);if (temp==null){return}temp=temp[0];if(parseInt(temp)==0){return};temp=(temp-0)-1;var nieuw=document.formdata.filefocus.value.replace(/\d+/,temp);document.formdata.filefocus.value=nieuw;showpic();}function nextpic(){var temp=document.formdata.filefocus.value.match(/(\d+)/);if (temp==null){return};temp=temp[0];temp=(temp-0)+1;var nieuw=document.formdata.filefocus.value.replace(/\d+/,temp);document.formdata.filefocus.value=nieuw;showpic();}function zoomin(){stopzoom=(window.setInterval("var grootte=document.preview.height;grootte=grootte+15;if(grootte>700){grootte=700};document.preview.height=grootte;",1))}function zoomout(){stopzoom=(window.setInterval("var grootte=document.preview.height;grootte=grootte-15;if(grootte<200){grootte=200};document.preview.height=grootte;",1))}function stopzooming(){window.clearInterval(stopzoom)}function browseroutput(){var newwin = window.open("","","location,menubar,resizable,scrollbars,status","");var d=newwin.document;d.write("<HTML><HEAD><TITLE>");d.write(document.formdata.title.value+".html</TITLE><style>H1 {font-family : 'Comic Sans MS';font-size: 160%}H1 {font-family : 'Comic Sans MS';font-size: 140%}body,td,p,li {background: #ffffee;font-family: 'Verdana','sans-serif'}.small{font-size: 80%}.title{font-family : 'Comic Sans MS';font-size: 110%}.desc{background: #ffffcc;font-size:80%}.albumdesc{background: #ffffcc;font-size:100%}</style>");d.write("<script>var stopshow=1;var temp=1;var stopzoom=0;var affix='';");d.write("function zoomin(){stopzoom=(window.setInterval('var grootte=document.picture.height;grootte=grootte+20;document.picture.height=grootte;',1))}");d.write("function zoomout(){stopzoom=(window.setInterval('var grootte=document.picture.height;grootte=grootte-20;document.picture.height=grootte;',1))}");d.write("function stopzooming(){window.clearInterval(stopzoom)}");d.write("function slideshow(){var speed=parseInt(document.takepic.slidespeed.value)*1000;if (document.takepic.slide.value=='stop'){document.takepic.slide.value='play';window.clearInterval(stopshow);return}if (document.takepic.slide.value=='play'){document.takepic.slide.value='stop'; stopshow=(window.setInterval(\"temp=parseInt(document.takepic.name.selectedIndex)+1;if(temp==document.takepic.name.length){if(document.takepic.repeat.checked==true){temp=1};else {temp=1;document.takepic.slide.value='play';window.clearInterval(stopshow)}}document.takepic.name.selectedIndex=temp+'';showpic()\",speed));}}");d.write("function showpic(){var picture=document.takepic.name.options[document.takepic.name.selectedIndex].value;if (affix=='x'){newpic=picture.replace(/\\/([^\/]*$)/,'\/x$1')}else {newpic=picture};document.picture.src=newpic;document.anchors[0].innerHTML=document.takepic.name.options[document.takepic.name.selectedIndex].text;document.anchors[1].innerHTML=document['takepic']['d'+document.takepic.name.selectedIndex]['value']}");d.write("function volgende(){var current=parseInt(document.takepic.name.selectedIndex);if (current==document.takepic.name.length-1){alert('There are no more images in the list.');return;} current=current+1;document.takepic.name.selectedIndex=current+'';showpic()}");d.write("function eerder(){var current=parseInt(document.takepic.name.selectedIndex);if (current==0){alert('You are already at the first image in the list.');return;}current=current-1;document.takepic.name.selectedIndex=current+'';showpic()}");d.write("function swapsize(){if (document.takepic.hires.value=='high res'){document.takepic.hires.value='standard'; affix='x';showpic();return}else{document.takepic.hires.value='high res';affix='';}}");d.write("function loadsingle(x){pic=x+'';pic=pic.substr(1);var picture=document.takepic.name.options[pic].value;document[x]['src']=picture;document[x]['width']=parseInt(window.screen.width)/"+(document.formdata.thumbcols.value-0+1)+";}");d.write("function showall(){for (i=0; i<document.takepic.name.length; i++){var pic=document.takepic.name.options[i].value;x='p'+i;document[x]['src']=pic;document[x]['width']=parseInt(window.screen.width)/"+(document.formdata.thumbcols.value-0+1)+";}}");d.write("</"+"SCRIPT>");d.write("</HEAD>");d.write("<BODY>");d.write("<H1>"+document.formdata.title.value+"</H1><br>");d.write("<div class='albumdesc'>"+document.formdata.albumdesc.value+"</div><hr width='80' color='Black' align='left' size='3'>");d.write("<table cellspacing='2' cellpadding='2' border='1' width='100%'><tr> <td width='50%' valign='top'>");d.write("<span class='title'><a name='titlefocus'>"+gallery["1"]["title"]+"</a></span>");d.write("<br><span class='desc'><a name='descfocus'>"+gallery["1"]["desc"]+"</a></span>");d.write("</td><td><table width='100%' border=1><tr><td>Browse album</td><td><FORM name='takepic'><INPUT type='button' name='previous in list' value='<<' onClick='eerder()'> <INPUT type='button' name='next' value='>>' onClick='volgende()'><SELECT name='name' size='1' onChange='showpic()'>");var i=1;for (i in gallery){if (!gallery[i]){break;}d.write("<OPTION value='")if (document.formdata.fullpath.checked==true){d.write(gallery[i]['path'])}d.write(gallery[i]['file']);d.write("'>");d.write(gallery[i]["title"]);d.write("</OPTION>");}d.write("</SELECT></td></tr><tr><td>Slideshow</td><td><input type='button' value='play' name='slide' onClick='slideshow()'> wait:<select name='slidespeed' size='1'><option value='1'>1</option><option value='2'>2</option><option value='3' selected>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option></select>sec. | Loop?<input type='checkbox' name='repeat'></td></tr><tr><td>Zoom</td><td><nobr><input type='button' onmousedown='zoomin()' onmouseup='stopzooming()' onmouseout='stopzooming()' ondblclick=\"document.picture.height=parseInt(document.picture.height)+200\" value='zoom in'> <input type='button' onmousedown='zoomout()' onmouseup='stopzooming()' onmouseout='stopzooming()' ondblclick=\"document.picture.height=parseInt(document.picture.height)-200;\" value='zoom out'>");if (document.formdata.fullview.checked==true){d.write(" | <input type='button' name='hires' value='high res' onClick='swapsize()'></nobr><br><span class='small'>press down: smooth zooming; dblclick=enlarge in steps</span>")};d.write("</td></tr></table></td></tr></table>");d.write("<IMG height="+(window.screen.height-0)/2+" src='");if (document.formdata.fullpath.checked==true){d.write(gallery['1']['path'])}d.write(gallery["1"]["file"]);d.write("' border='1' name='picture' onClick='volgende()' ondblclick='eerder()'>");d.write("<input type='hidden' name='title' value='"+document.formdata.title.value+"'>");d.write("<input type='hidden' name='albumdesc' value='"+document.formdata.albumdesc.value+"'>");d.write("<input type='hidden' name='folderpath' value='"+document.formdata.folderpath.value+"'>");if (document.formdata.thumbcols.value=='1'){d.write("<br>");for (i in gallery){if (!gallery[i]){break;}d.write(gallery[i]['title']+"<br><a name='");d.write("p"+teller+"'>");d.write("<img border=1 src='"+gallery[i]['path']+gallery[i]['file']+"' align='left'");d.write("></a><span class='small'>"+gallery[i]['desc']+"</span><br clear='left'>")}d.write("</form></BODY></HTML>");d.close();return}d.write("<div class='albumdesc'>List of titles with descriptions in <i>");d.write(document.formdata.title.value+"</i></div>");d.write("<input type='button' value='display all' name='displayall' onClick='showall()'>");d.write("<table width='100%' align='middle' cellspacing=2 cellpadding=2><tr>");var welke=0;var kolom=parseInt(document.formdata.thumbcols.options[document.formdata.thumbcols.options.selectedIndex].value)+1;var teller=0;for (i in gallery){if (!gallery[i]){break;}if (welke == kolom){d.write("</tr><tr>");welke=1} d.write("<td valign='top' width='"+parseInt(window.screen.width)/kolom+"'><a name='");d.write("p"+teller+"'>");d.write("<img border=1 src=''");d.write("' alt='click to display.' name='p"+teller+"' ");d.write("onClick=\"loadsingle('p"+teller+"')\" ");d.write("></a><br>"+gallery[i]['title']+"<br><span class='small'>"+gallery[i]['desc']+"</span></td>\n");welke++;teller++;}//output hidden fields to be read by function editoldvar teller=1for (i in gallery){if (!gallery[i]){break;}d.write("<input type=\"hidden\" name=\"t"+(teller)+"\" value=\""+gallery[i]['title']+"\">");d.write("<input type=\"hidden\" name=\"d"+(teller)+"\" value=\""+gallery[i]['desc']+"\">");d.write("<input type=\"hidden\" name=\"f"+(teller)+"\" value=\""+gallery[i]['file']+"\">");d.write("<input type=\"hidden\" name=\"p"+(teller) +"\" value=\""+gallery[i]['path']+"\">");teller++;}d.write("<input type='hidden' name='totalpics' value="+document.formdata.total.value+">");d.write("<input type='hidden' name='albumtitle' value="+document.formdata.title.value+">");d.write("<input type='hidden' name='albumdesc' value="+document.formdata.albumdesc.value+">");d.write("</FORM>");d.write("</table></html>");d.close();if (document.formdata.addindex.checked==true){addtoindex()}}function editold(){var editurl=document.formdata.editpath.value+document.formdata.editname.value.replace(/\..+/,'');var newurl=editurl+'.html';var newwin = window.open(newurl,"","width=200,height=100","");var d=newwin.document;if (!d.takepic){newwin.close();newurl=editurl+'.htm';var newwin=window.open(newurl,"","width=200,height=100","");var d=newwin.document;if (!d.takepic){newwin.close();alert('The requested album could not be found\n Please check the path and filename with proper extension.');return}}if (!d.anchors){d.close();alert('The requested album could not be found\n Please check the path and filename with proper extension.');return}var aantal=d.takepic.totalpics.value;for (i=1; i<=aantal; i++){gallery[i]=new Object();gallery[i]['path']=d['takepic']['p'+i]['value'];gallery[i]['file']=d['takepic']['f'+i]['value'];gallery[i]['title']=d['takepic']['t'+i]['value'];gallery[i]['desc']=d['takepic']['d'+i]['value'];}document.formdata.title.value=d.takepic.albumtitle.value;document.formdata.albumdesc.value=d.takepic.albumdesc.value;document.formdata.total.value=d.takepic.totalpics.value;document.formdata.counter.value="1";document.preview.src=gallery['1']['path']+gallery['1']['file']document.formdata.filefocus.value=gallery['1']['file'];document.formdata.focusname.value=gallery['1']['title'];document.formdata.focusdesc.value=gallery['1']['desc'];document.formdata.addindex.checked=false;newwin.close();}function addtoindex(){var lijst=new Object;lijst['1']=new Object;lijst['1']['title']="<b>"+document.formdata.title.value+"</b></a> - "+document.formdata.albumdesc.value;lijst['1']['pic']=gallery['1']['path']+gallery['1']['file'];lijst['1']['uri']=window.prompt('If the following location is not where you saved the album to,\nplease provide the correct path and filename, including correct extension',document.formdata.folderpath.value+document.formdata.title.value+'.html');var newwin=window.open("albumindex.html","","width=200,height=200","");var d=newwin.document;if (!d.formdata){newwin.close();}else{for (i=2;i<(d.links.length-0)+2;i++){lijst[i]=new Object();lijst[i]['title']=d['formdata']['t'+(i-1)]['value'];lijst[i]['uri']=d.links[i-2].href;lijst[i]['pic']=d['formdata']['p'+(i-1)]['value'];};var lengte=(d.links.length-0)+1newwin.close();var newwin = window.open("","","location,menubar,resizable,scrollbars,status","");var d=newwin.document;d.write("<html><head><title>albumindex.html</title><script>");d.write("function showpic(picture){document.preview.src=picture}");d.write("<\/script>");d.write("<style>H1 {font-family : 'Comic Sans MS';font-size: 160%}H2 {font-family : 'Comic Sans MS';font-size: 140%}H3 {font-family : 'Comic Sans MS';font-size: 125%}body,td,p,li {background: #ffffee;font-family: 'Verdana','sans-serif';font-size: 10pt;}.small{font-size: 9pt}</style></head><body><h1>Index of my albums</h1><form name='formdata'><table width='100%'><tr><td valign='top'>");for (i=1;i<=lengte;i++){d.write("<a href='"+lijst[i]['uri']+"' onmouseover=\"showpic('"+lijst[i]['pic']+"')\"><b>"+lijst[i]['title']+"<br>");};d.write("</td><td valign='top'><img name='preview' src='' alt='hover the mouse over a link to display sample image' width='400'></td></tr></table>");for (i=1;i<=lengte;i++){d.write("<input type='hidden' name='p"+i+"' value='"+lijst[i]['pic']+"'>")d.write("<input type='hidden' name='t"+i+"' value='"+lijst[i]['title']+"'>")}d.write("</body></html>");d.close();}}function help(x){var hulp= new Object();hulp.albumprops="<h1>Album properties</h1><dl><dt>Album title</dt><dd>This will appear as the heading in your viewing pages.</dd><dt>Description</dt><dd>This optional field lets you give a description of the entire album.</dd></dl>";hulp.openexisting="<h1>Opening an existing album</h1><dl><dt>Path</dt><dd>Here you provide the path to folder where the album file is located. Leave this field blank if the file resides in the same folder as the current document. Remember: ../ means one step up the directory tree.</dd><dt>Filename</dt><dd>Simply provide the filename without html extension. If Netscape cannot find the file specified, check if you have provided the correct path, check syntax (spaces, capitalization)</dd></dl>";hulp.currentselection="<h1>Entering and editing selections</h1><dl><dt>Path:</dt><dd>This refers to the folder that contains the images for this album. It can be on a local hard-drive, a floppy, CD, or on the Internet (e.g. http://www.manyphotos.co.uk). If your collection is extensive, you can create subfolders in your image folders. Separate these with the <strong>forward</strong> slash (e.g. events/festive/marriages). If you enter the first image name of your folder into the filename field, the image will pop up.</dd><dt>Title & description</dt><dd>A title is required for each image that you want to save. The description field is optional. Formatting text (bold, italics, etc) is not possible</dd></dl>";hulp.editreview="<h1>Editing</h1>These fields and buttons let you create, edit, save and delete selections, i.e. titles, descriptions and corresponding images. Provide a title, description (optional) and click save. Just use <tab> and <return> - the program jumps to the right field and key automatically.<dl><dt>back, next, new, delete</dt><dd>At any time you can review your selections with <strong>back </strong>or <strong>next</strong>. Make changes in the text or apply a new image to it with the <strong>browse images </strong>buttons and save the changes. After editing and saving an earlier selection in the list, you must click <strong>New </strong>to create a fresh record, which clears the fields for the new selection. <strong>Delete</strong> erases the current selection and takes you to the previous saved item in your list.</dd></dl>";hulp.createupdate="<h1>Output options</h1><dl><dt>Thumbnails</dt><dd>This appends a table with all images, titles and descriptions. Since this can mean long downloads over the Internet, you can choose to download all images, or each individually by clicking it. Layout can be in columns. Choose more columns if your images are small, and fewer columns if images are large or comments are long. The 'photo diary' option outputs text with images interspersed and aligned on the left marging.</dd><dt>High-res versions</dt><dd>Tick this box if you have provided corresponding large versions of the normal images, prefixed with X (e.g. <b>image15.jpg</b> with <b>ximage15.jpg</b>). It allows you to swap between high-res and standard-size versions in your album. Stretching a standard-size image means a little loss in quality, but saves long download times over the Internet.</dd><dt>Different folders</dt><dd>This option is by default set to include the path you have provided. If you intend to save images and album in the same folder, you can omit the path altogether. In most other cases a relative path is advisable. In our example this file is stored under <b>albums</b> and you refer to the 'events' subfolders with <b>events/</b>. Note that a drive-letter is an absolute path that identifies the images on your own computer or in a network. If you refer to images on a self-recorded CD as <b>d:/images</b>, it will not work if you view the album on a computer where the CD-rom has a different drive letter</dd><dt>Add to index</dt><dd>The index is a file called albumindex.html and <b>must</b> be kept in the same folder as this album creator file. It lets you link to albums in different locations and provides a sample image. The new album will be added to the top of the list. Simply save the updated index under the same name and in the same folder</dd></dl>";hulp.browsefolder="<h1>Browse images</h1><br>Browse images in any folder before saving a selection. The filename field shows the photo displayed to the right (if this exists). If you have already saved this image in your album, a red border will show. You can change the size with the zoom buttons. If you change the name of the file to be be displayed, the image will pop up as soon as you leave the input field. The program will continue counting.";var newwin = window.open("","help","width=400,height=300,scrollbars","");var d=newwin.document;d.write (hulp[x]);d.write ("<div align='center'><form name='niks'><input type='button' onclick='window.self.close()' value='close this screen'></div>");d.close();}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><A name=topofform></A><FORM name=formdata></form><TABLE bgColor=#cccccc border=1> <TBODY> <TR> <TD vAlign=top width=300 rowSpan=2> <TABLE> <TBODY> <TR> <TD width="30%"> <HR align=center width=80 color=black SIZE=3> </TD> <TD width="70%">Open existing album<INPUT onclick="help('openexisting')" type=button value=" ? "></TD></TR> <TR> <TD colSpan=2><NOBR><INPUT size=15 value=path name=editpath><INPUT size=12 value=filename name=editname><INPUT onclick=editold() type=button value=go name=edit></NOBR></TD></TR> <TR> <TD width="30%"> <HR align=center width=80 color=black SIZE=3> </TD> <TD width="70%">Album properties <INPUT onclick="help('albumprops')" type=button value=" ? "></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD colSpan=2><A title="this will be the heading for your viewing screens" name=album><NOBR><INPUT maxLength=60 size=33 value="Album title" name=title></NOBR></A></TD></TR> <TR> <TD colSpan=2><TEXTAREA name=albumdesc wrap=hard cols=30 rows="1">Album description (optional)</TEXTAREA> </TD></TR> <TR> <TD> <HR align=center width=80 color=black SIZE=3> </TD> <TD>Current selection <SPAN class=help><INPUT onclick="help('currentselection')" type=button value=" ? "></SPAN></TD></TR> <TR> <TD colSpan=2><A title="Give a path to a local folder or web location (http://www.) Separate folders with slash (/) and enter the first image file in the list." name=folder><INPUT maxLength=60 onchange=newstart() size=15 value=folder name=folderpath></A><INPUT maxLength=45 onchange=newstart() size=12 value=filename name=filefocus><A title="title for current selection. Enter optional description in the text-area underneath" name=selectiontitle><BR><INPUT maxLength=40 size=30 value="title for current selection" name=focusname></A></TD></TR> <TR> <TD colSpan=2><TEXTAREA onblur=document.formdata.save.focus() name=focusdesc rows=3 cols=30>Description for current selection (optional)</TEXTAREA></TD></TR> <TR> <TD> <HR align=center width=80 color=black SIZE=3> </TD> <TD>Edit and review <INPUT onclick="help('editreview')" type=button value=" ? "></TD></TR> <TR> <TD><A title="shows total number of saved selections to the right and index of current selection to the left" name=editing>editing no:</A></TD> <TD><INPUT onfocus=document.formdata.save.focus() onclick="alert('this field is read-only\nPlease use the BACK and NEXT buttons.');document.formdata.focusname.focus();" maxLength=2 size=2 value=0 name=counter> of <INPUT onclick="alert('this field is read-only\nPlease use the BACK and NEXT buttons.');document.formdata.focusname.focus();" maxLength=2 size=2 value=0 name=total><INPUT onclick=add() type=button value=save name=save></NOBR></TD></TR> <TR> <TD><A title="Click BACK and NEXT to browse saved selections; NEW to clear fields screen and create new entry; DELETE to erase current saved selection" name=editsaved>Edit saved:</A></TD> <TD><INPUT onclick=back() type=button value=back> <INPUT onclick=next() type=button value=next> <INPUT onclick=last() type=button value=new> <INPUT onclick=wis() type=button value=del></TD></TR> <TR> <TD> <HR align=center width=80 color=black SIZE=3> </TD> <TD>Create/update album <INPUT onclick="help('createupdate')" type=button value=" ? "></TD></TR> <TR> <TD colSpan=2><SPAN class=small>Thumbnails: <SELECT name=thumbcols><OPTION value=1>photo diary</OPTION><OPTION value=2>two columns</OPTION><OPTION value=3 selected>three columns</OPTION><OPTION value=4>four columns</OPTION></SELECT></SPAN> <BR> <INPUT type=checkbox name=fullview value="ON"><SPAN class=small><NOBR>High-res versions provided (prefixed <B>'x'</B>)</SPAN></NOBR><BR> <INPUT type=checkbox CHECKED name=fullpath value="ON"><SPAN class=small>Image and album in different folders</SPAN><BR> <INPUT type=checkbox name=addindex checked value="ON"?><SPAN class=small>Add this album to my index</SPAN><BR><INPUT onclick=finish() type=button value="create/update album"></TD></TR></TBODY></TABLE></TD> <TD vAlign=top> <TABLE> <TBODY> <TR> <TD align=left>Browse image folder<BR><INPUT onclick="help('browsefolder')" type=button value=" ? "> <A title="previous picture in folder" name=aa><INPUT accessKey=_ onclick=prevpic() type=button value=back></A> <A title="next picture in folder" name=ab><INPUT accessKey=+ onclick=nextpic() type=button value=next></A> | <A title="zoom in" name=ac><INPUT onmouseup=stopzooming() onmousedown=zoomin() onmouseout=stopzooming() type=button value="zoom in"></A><A title="zoom out" name=ad> <INPUT onmouseup=stopzooming() onmousedown=zoomout() onmouseout=stopzooming() type=button value="zoom out"></A> </TD> <TD></TD></TR></TBODY></TABLE> <IMG src="../image/gif_logojsb2.gif" name=preview width="150" height="60"> </TD></TR></FORM></TBODY></TABLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->