help creating form for website

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Kristal Y
    New Member
    • Jan 2011
    • 13
    #1

    help creating form for website

    Hello,
    I'm more of a graphic web developer than intricate coder web developer so I don't host my clients sites. Each time a client wants a form it's with a different hosting service which has a different way to use forms. Again I'm having a problem with a new site I was thrown into, and I can't seem to make their form work. So I've tried some that have worked for me in the past but it's always hit or miss and a lot of wasted time. Do you know of some form code that I could implement and/or some general advice of how to handle this situation on a regular basis? Here is their original file. FYI, I don't know the company innovativa which is found in the first code. I think that was maybe an old hosting company.

    Code:
    <html>
<head>
<title>Friends of Bradford Beach</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK REL="stylesheet" TYPE="text/css" HREF="panama/styles.css" TITLE="innovativa style">
<style type="text/css">
.scroll_text { font-family: Verdana, Arial; font-size: 11px; color: #000000 ; background-color: #FFFFFF}
#divUpControl{position:absolute; width:20; left:430; top:360; z-index:1; text-align: right}
#divDownControl{position:absolute; width:20; left:430; top:385; z-index:1; text-align: right}
#divContainer{position:absolute; width:378; height:265; overflow:hidden; top:135; left:40; clip:rect(0,378,265,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}

</style>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22404100-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body leftmargin=20 topmargin=10 marginwidth=0 marginheight=0 scrolling=no onLoad="InitialiseScrollableArea(),"><FORM ACTION="http://scripts.digitalchainsaw.com/cgi-bin/mailto.exe" METHOD="post">
<form name="form1" method="post" action="">
  <div align="left"> 
    <INPUT TYPE="hidden" Name="server" value="mail.innovativa.com">
    <INPUT TYPE="hidden" NAME="Subject" value="Join FOBB">
    <INPUT type="hidden" NAME="resulturl" value="http://www.friendsofbradfordbeach.org/Confirmation.htm">
    <INPUT type="hidden" NAME="sendto" value="fobbmail@innovativa.com">
    <table width="580" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <td valign="left"><font size="2" face="Arial, Helvetica, sans-serif"><strong>I 
        will support Friends of Bradford Beach by:</strong></font></td>
      </tr>
      <tr> 
        <td valign="left">&nbsp;</td>
      </tr>
      <tr> 
        <td valign="left"><p><strong></strong> 
            <label> 
            <input type="radio" name="RadioGroup1" value="Becoming a member for $25.">
            <font size="2" face="Arial, Helvetica, sans-serif"> Becoming a member 
            for $25.</font></label>
            <font size="2" face="Arial, Helvetica, sans-serif"><br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Making an additional donation.">
            Making an additional donation.</label>
            <br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Making a donation to the Watergarden Capital Campaign.">
            Making a donation to the Watergarden Capital Campaign.</label>
            <br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Becoming a volunteer.">
            Becoming a volunteer.</label>
            <br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Joining the email list so I can spread the word.">
            Joining the email list so I can spread the word.</label>
            </font><br>
        </td>
      </tr>
      <tr> 
        <td valign="left">&nbsp;</td>
      </tr>
      <tr> 
        <td valign="left"><strong><font size="2" face="Arial, Helvetica, sans-serif">Please 
          complete the following information: </font></strong></td>
      </tr>
      <tr> 
        <td valign="left">&nbsp;</td>
      </tr>
      <td align="left"><div align="left"> <font face="Arial, Helvetica, sans-serif" size="2"><strong>First 
          Name: </strong></font></div>
        <b> 
        <input name="FirstName" size=40 maxlength="40">
        </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Last 
            Name:</strong> </font></div>
          <b> 
          <input name="LastName" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>E-Mail: 
            </strong> </font></div>
          <b> 
          <input name="EMail" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Home 
            Phone: </strong> </font></div>
          <b> 
          <input name="HomePhone" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Cell 
            Phone: </strong> </font></div>
          <b> 
          <input name="CellPhone" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Work 
            Phone: </strong> </font></div>
          <b> 
          <input name="WorkPhone" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Address:</strong> 
            </font></div>
          <b> 
          <input name="Address" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>City: 
            </strong> </font></div>
          <b> 
          <input name="City" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>State: 
            </strong> </font></div>
          <b> 
          <input name="State" size=40 maxlength="40">
          </b></td>
      </tr>
      <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Zip 
          Code: </strong> </font></div>
        <b> 
        <input name="ZipCode" size=40 maxlength="40">
        </b></td>
      <tr> 
        <td><b><font face="Arial, Helvetica, sans-serif" size="2"><br>
          <input type="submit" value="Submit" name="submit">
          </font></b></td>
      </tr>
      <tr> 
        <td>&nbsp;</td>
      </tr>
      <tr> 
        <td><b><font size="2" face="Arial, Helvetica, sans-serif">Please make 
          check payable and mail to:</font></b><font size="2" face="Arial, Helvetica, sans-serif"><br>
          Friends of Bradford Beach - The Park People<br>
          Attn: Deb Lukovich<br>
          703 E. Lexington Blvd.<br>
          Whitefish Bay, WI 53217<br>
          <b><br>
          </b> </font><font size="2" face="Arial, Helvetica, sans-serif"><b>You 
          will receive a receipt in the mail for your tax- deductible donation.<br>
        THANK YOU for helping enhance Milwaukee's lakefront!</b> </font></td>
      </tr>
    </table>
  </div>
</form>
</body>
</html>
    and here is one solution I tried

    Code:
    <html>
<head>
<title>Friends of Bradford Beach</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK REL="stylesheet" TYPE="text/css" HREF="panama/styles.css" TITLE="innovativa style">
<style type="text/css">
.scroll_text { font-family: Verdana, Arial; font-size: 11px; color: #000000 ; background-color: #FFFFFF}
#divUpControl{position:absolute; width:20; left:430; top:360; z-index:1; text-align: right}
#divDownControl{position:absolute; width:20; left:430; top:385; z-index:1; text-align: right}
#divContainer{position:absolute; width:378; height:265; overflow:hidden; top:135; left:40; clip:rect(0,378,265,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}

</style>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22404100-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body leftmargin=20 topmargin=10 marginwidth=0 marginheight=0 scrolling=no onLoad="InitialiseScrollableArea(),">

  <div align="left">
    <form method="POST" action="http://friendsofbradfordbeach.org/cgi-bin/formmail"><p>
	<input TYPE="hidden" NAME="recipient" VALUE="kristal@kristalcleargraphics.com">
	<INPUT TYPE="hidden" NAME="Subject" value="Join FOBB">
    <table width="580" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <td valign="left"><font size="2" face="Arial, Helvetica, sans-serif"><strong>I 
        will support Friends of Bradford Beach by:</strong></font></td>
      </tr>
      <tr> 
        <td valign="left">&nbsp;</td>
      </tr>
      <tr> 
        <td valign="left"><p><strong></strong> 
            <label> 
            <input type="radio" name="RadioGroup1" value="Becoming a member for $25.">
            <font size="2" face="Arial, Helvetica, sans-serif"> Becoming a member 
            for $25.</font></label>
            <font size="2" face="Arial, Helvetica, sans-serif"><br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Making an additional donation.">
            Making an additional donation.</label>
            <br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Making a donation to the Watergarden Capital Campaign.">
            Making a donation to the Watergarden Capital Campaign.</label>
            <br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Becoming a volunteer.">
            Becoming a volunteer.</label>
            <br>
            <label> 
            <input type="radio" name="RadioGroup1" value="Joining the email list so I can spread the word.">
            Joining the email list so I can spread the word.</label>
            </font><br>
        </td>
      </tr>
      <tr> 
        <td valign="left">&nbsp;</td>
      </tr>
      <tr> 
        <td valign="left"><strong><font size="2" face="Arial, Helvetica, sans-serif">Please 
          complete the following information: </font></strong></td>
      </tr>
      <tr> 
        <td valign="left">&nbsp;</td>
      </tr>
      <td align="left"><div align="left"> <font face="Arial, Helvetica, sans-serif" size="2"><strong>First 
          Name: </strong></font></div>
        <b> 
        <input name="FirstName" size=40 maxlength="40">
        </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Last 
            Name:</strong> </font></div>
          <b> 
          <input name="LastName" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>E-Mail: 
            </strong> </font></div>
          <b> 
          <input name="EMail" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Home 
            Phone: </strong> </font></div>
          <b> 
          <input name="HomePhone" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Cell 
            Phone: </strong> </font></div>
          <b> 
          <input name="CellPhone" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Work 
            Phone: </strong> </font></div>
          <b> 
          <input name="WorkPhone" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Address:</strong> 
            </font></div>
          <b> 
          <input name="Address" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>City: 
            </strong> </font></div>
          <b> 
          <input name="City" size=40 maxlength="40">
          </b></td>
      </tr>
      <tr> 
        <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>State: 
            </strong> </font></div>
          <b> 
          <input name="State" size=40 maxlength="40">
          </b></td>
      </tr>
      <td align="left"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong>Zip 
          Code: </strong> </font></div>
        <b> 
        <input name="ZipCode" size=40 maxlength="40">
        </b></td>
      <tr> 
        <td><b><font face="Arial, Helvetica, sans-serif" size="2"><br>
          <input type="submit" value="Submit" name="submit">
          </font></b></td>
      </tr>
      <tr> 
        <td>&nbsp;</td>
      </tr>
      <tr> 
        <td><b><font size="2" face="Arial, Helvetica, sans-serif">Please make 
          check payable and mail to:</font></b><font size="2" face="Arial, Helvetica, sans-serif"><br>
          Friends of Bradford Beach - The Park People<br>
          Attn: Deb Lukovich<br>
          703 E. Lexington Blvd.<br>
          Whitefish Bay, WI 53217<br>
          <b><br>
          </b> </font><font size="2" face="Arial, Helvetica, sans-serif"><b>You 
          will receive a receipt in the mail for your tax- deductible donation.<br>
        THANK YOU for helping enhance Milwaukee's lakefront!</b> </font></td>
      </tr>
    </table>
  </div>
                  <input TYPE="hidden" NAME="redirect" VALUE="http://friendsofbradfordbeach.org/Confirmation.htm">
                  <input TYPE="hidden" NAME="env_report" VALUE="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT">
      </p>
</form>
</body>
</html>
    Tags: None
    • Dormilich
      Recognized Expert Expert
      • Aug 2008
      • 8694
      #2
      I can't seem to make their form work.
      work in what regard? a form is just a means of sending user supplied data for processing to a server. what the server does with the data is out of the realm of a HTML form.

      Do you know of some form code that I could implement and/or some general advice of how to handle this situation on a regular basis?
      this always depends on what the form processor is supposed to do.


      PS. if you create such forms on a regular basis, I recommend to look into how to code forms with CSS. using tables for layout is as outdated as the <font> tag is.

        Comment

        • Kristal Y
          New Member
          • Jan 2011
          • 13
          #3
          Thank you for your reply.

          Ultimately, when I click submit, it no longer works and I don't know what part of the code isn't communicating with the servers correctly because I'm coming into this in the middle of the project and forms are definitely not my strong point. The hosting company was not much help other than telling me they were php based. It seems every client I have uses a different hosting service and I can never use the same form twice (the hidden tags that is)

          In this case, I simply want to make a quick fix to their already exisiting form whether that be changing the "hidden" posting language or whatever I need to make it communicate with the server correctly. Any ideas?

            Comment

            • Dormilich
              Recognized Expert Expert
              • Aug 2008
              • 8694
              #4
              it depends on what the server script does. adding a hidden field that is not processed on the server is just useless input.

              the communication with the server is only influenced by the form element. action points to the server script, method defines the transfer method, accept the MIME type & encoding is rather self-explanatory (mind that there are default settings for that). what you ultimately need depends on the server script.

                Comment

                • Kristal Y
                  New Member
                  • Jan 2011
                  • 13
                  #5
                  So since you say it depends on what the server script does, and since I work with different clients who choose to be on different servers, there isn't a general form language I can use all the time. See, I'm not a coder at all. I can edit the code I create in Dream Weaver, but I can't really write it from scratch so when my forms don't work, it's very hard for me to figure out why? Hence, I can't figure out why this form won't work.

                  You also said what I need ultimately depends on the server script, so do I need the technical support staff of their hosting company to tell me what their servers need for script or am I just supposed to know that ... because they weren't much help when I contacted them. I usually get better help from other hosting companies, but maybe it really is my job to know how to speak to their servers?

                  Any thoughts on a solution to that?Thanks so much!

                    Comment

                    Previous template Next
                    Working...