100 Web Space http://forum.100webspace.com/ |
|
help getting form to work http://forum.100webspace.com/viewtopic.php?f=4&t=6597 |
Page 1 of 1 |
Author: | rschlueter [ Wed May 02, 2007 1:26 pm ] |
Post subject: | help getting form to work |
My slideshow page uses a form to create a viewport and vcr like controls. The page works fine locally but will not validate without a action attribute. I'm not sure how to do that. Is there a forms handler script on the server? Is this even possible on a free account? Any help would be greatly appreciated. Here is the html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Slideshow of William Schlueter Sr</title> <script type="text/javascript"> <!-- /* SlideShow. Written by PerlScriptsJavaScripts.com Copyright http://www.perlscriptsjavascripts.com Free and commercial Perl and JavaScripts */ // transition effect. number between 0 and 23, 23 is random effect effect = 23; // transition duration. number of seconds effect lasts duration = 1.5; // seconds to diaply each image? display = 4; // width of stage (first image) oW = 640; // height of stage oH = 480; // zoom width by (add or subtracts this many pixels from image width) zW = 40; // zoom height by zH = 30; // path to image/name of image in slide show. this will also preload all images // each element in the array must be in sequential order starting with zero (0) SLIDES = new Array(); SLIDES[0] = ["wmschluetersr/001.jpg", "William Schlueter sr Robert and Ralph Schlueter(grandsons)"]; SLIDES[1] = ["wmschluetersr/002.jpg", "William Schlueter Sr and William Jr and Wilbur Schlueter"]; SLIDES[2] = ["wmschluetersr/003.jpg", "William Schlueter Sr"]; SLIDES[3] = ["wmschluetersr/004.jpg", "William Schlueter Sr and wife Lizzie Schulz Schlueter"]; SLIDES[4] = ["wmschluetersr/005.jpg", "William Schlueter Sr and Lizzie Schulz Schlueter"]; SLIDES[5] = ["wmschluetersr/006.jpg", "William Schlueter Sr and coworkers (Willliam was a plumber)"]; SLIDES[6] = ["wmschluetersr/007.jpg", "William Schlueter Sr and Lizzie Schulz Schlueter"]; SLIDES[7] = ["wmschluetersr/008.jpg", "William sr, Wm jr, Lizzie, Lena and Wilbur"]; SLIDES[8] = ["wmschluetersr/009.jpg", "William Schlueter Sr"]; SLIDES[9] = ["wmschluetersr/011.jpg", " William and Lizzie and ?, ?"]; SLIDES[10] = ["wmschluetersr/012.jpg", "William Schlueter Sr, Wm. Jr and Wilbur"]; SLIDES[11] = ["wmschluetersr/014.jpg", "William Sr, Wm Jr, Elizabeth, and ? ? ?"]; SLIDES[12] = ["wmschluetersr/017.jpg", "William Schlueter Sr"]; SLIDES[13] = ["wmschluetersr/021.jpg", "William Sr, Wm Jr, Elizabeth, Dave, Bob, and Ralph"]; SLIDES[14] = ["wmschluetersr/022.jpg", "William Sr, Lizzie Schulz Schlueter"]; // end required modifications S = new Array(); for(a = 0; a < SLIDES.length; a++){ S[a] = new Image(); S[a].src = SLIDES[a][0]; } // --> </script> </head> <body> <table align="center" bgcolor="#ffa000" border="0" cellpadding="3" cellspacing="0" style="border: white outset 2px;" width="400"> <tr> <td> <form name="_slideShow" action="html_form_action.asp" method="get"> <input type="Hidden" name="currSlide" value="0"> <input type="Hidden"name="delay"> </td> </tr> <tr> <td> <table border="0" bgcolor="#fcf9e8" cellpadding="0" cellspacing="0" style="border: white inset 2px;" width="100%"><tr><td align="center"> <a href="javascript:;" onclick="startSS()"><img src="djschlueter_photos/toolplay.gif" width="30" height="32" alt="" border="0"></a> <a href="javascript:;" onclick="stopSS()"><img src="djschlueter_photos/toolstop.gif" width="30" height="32" alt="" border="0"></a> <img src="djschlueter_photos/toolsep.gif" width="5" height="32" alt="" border="0"> <a href="javascript:;" onclick="prevSS()"><img src="djschlueter_photos/toolprev.gif" width="30" height="32" alt="" border="0"></a> <a href="javascript:;" onclick="nextSS()"><img src="djschlueter_photos/toolnext.gif" width="30" height="32" alt="" border="0"></a> <img src="djschlueter_photos/toolsep.gif" width="5" height="32" alt="" border="0"> <a href="javascript:;" onclick="zoom(zW, zH)"><img src="djschlueter_photos/toolin.gif" width="30" height="32" alt="" border="0"></a> <a href="javascript:;" onclick="zoom(-zW, -zH)"><img src="djschlueter_photos/toolout.gif" width="30" height="32" alt="" border="0"></a> <img src="djschlueter_photos/toolsep.gif" width="5" height="32" alt="" border="0"> <a href="javascript:;" onclick="zoom('')"><img src="djschlueter_photos/toolreset.gif" width="30" height="32" alt="" border="0"></a> <select name="wichIm" style="width: 100%; font-size: 10px;" onchange="selected(this.options[this.selectedIndex].value)"> </td></tr></table> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="border: white inset 2px;"><tr><td><img name="stage" border="0" src="wmschluetersr/001.jpg" alt="William Schlueter Sr" style="filter: revealtrans(); font-size:12;"></td></tr></table> </select> </td> </tr> </form> </table> <script type="text/javascript"> <!-- f = document._slideShow; n = 0; t = 0; document.images["stage"].width = oW; document.images["stage"].height = oH; f.delay.value = display; // add image numbers to select menu f.wichIm.options.length = 0; for(i in SLIDES){ f.wichIm.options[i] = new Option(SLIDES[i][1],i); } function startSS(){ t = setTimeout("runSS(" + f.currSlide.value + ")", 1 * 1); } function runSS(n){ n++; if(n >= SLIDES.length){ n = 0; } document.images["stage"].src = S[n].src; if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){ document.images["stage"].style.visibility = "hidden"; document.images["stage"].filters.item(0).apply(); document.images["stage"].filters.item(0).transition = effect; document.images["stage"].style.visibility = "visible"; document.images["stage"].filters(0).play(duration); } f.currSlide.value = n; f.wichIm[n].selected = true; t = setTimeout("runSS(" + f.currSlide.value + ")", f.delay.value * 1000); } function stopSS(){ if(t){ t = clearTimeout(t); } } function nextSS(){ stopSS(); n = f.currSlide.value; n++; if(n >= SLIDES.length){ n = 0; } if(n < 0){ n = SLIDES.length - 1; } document.images["stage"].src = S[n].src; f.currSlide.value = n; f.wichIm[n].selected = true; if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){ document.images["stage"].style.visibility = "hidden"; document.images["stage"].filters.item(0).apply(); document.images["stage"].filters.item(0).transition = effect; document.images["stage"].style.visibility = "visible"; document.images["stage"].filters(0).play(duration); } } function prevSS(){ stopSS(); n = f.currSlide.value; n--; if(n >= SLIDES.length){ n = 0; } if(n < 0){ n = SLIDES.length - 1; } document.images["stage"].src = S[n].src; f.currSlide.value = n; f.wichIm[n].selected = true; if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){ document.images["stage"].style.visibility = "hidden"; document.images["stage"].filters.item(0).apply(); document.images["stage"].filters.item(0).transition = effect; document.images["stage"].style.visibility = "visible"; document.images["stage"].filters(0).play(duration); } } function selected(n){ stopSS(); document.images["stage"].src = S[n].src; f.currSlide.value = n; if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){ document.images["stage"].style.visibility = "hidden"; document.images["stage"].filters.item(0).apply(); document.images["stage"].filters.item(0).transition = effect; document.images["stage"].style.visibility = "visible"; document.images["stage"].filters(0).play(duration); } } function zoom(dim1, dim2){ if(dim1){ if(document.images["stage"].width < oW){ document.images["stage"].width = oW; document.images["stage"].height = oH; } else { document.images["stage"].width += dim1; document.images["stage"].height += dim2; } if(dim1 < 0){ if(document.images["stage"].width < oW){ document.images["stage"].width = oW; document.images["stage"].height = oH; } } } else { document.images["stage"].width = oW; document.images["stage"].height = oH; } } // --> </script> </body> </html> Thanks, Bob |
Author: | scragar [ Sat Jul 07, 2007 2:14 am ] |
Post subject: | |
please put your HTML in the forums code tags, it's almost impossible to read like that. |
Page 1 of 1 | All times are UTC |
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group http://www.phpbb.com/ |