It is currently Wed Sep 26, 2018 8:21 am


All times are UTC


Forum rules


Please click here to view the forum rules



Post new topic Reply to topic  [ 2 posts ] 
Author Message
 Post subject: help getting form to work
PostPosted: Wed May 02, 2007 1:26 pm 
Noobie
Noobie

Joined: Sat Dec 30, 2006 4:48 pm
Posts: 2
Location: Syracuse
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

_________________
Bob
rschlueter


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jul 07, 2007 2:14 am 
Experienced
Experienced

Joined: Fri May 13, 2005 10:24 am
Posts: 54
please put your HTML in the forums code tags, it's almost impossible to read like that.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ]  Moderators: fhmagic, KJ, Moderators, Support Team

All times are UTC


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
100WebSpace © 2011