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/