View Full Version : e-mail form....... not working


mandarinspyce
10-21-2003, 02:06 PM
yeah, so i tried to insert an e-mail form on several of my pages (each one for a different reason) and none of them are working. anybody dare to venture a guess as to why? thanks.

they're all here:
http://www.geocities.com/mandarinspyce

there's one under the section "me" called "get in touch", there's two under "you" called "bored? fill out my survey" and "interactive: tell a story" and there's one under the "www" section called "join". they're all set up the same way, though. i got them off here, lissaexplains.com, so i can't figure out why they're not working :(

knudddel
10-21-2003, 05:57 PM
Hi! No idea why it doesn't work, but you can play with my form. It works.

Here goes:
<HTML>
<HEAD>
<TITLE>Mail Form</TITLE>
<script>

/*
Submit Once form validation-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

function submitonce(theform){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
//screen thru every element in the form, and hunt down "submit" and "reset"
for (i=0;i<theform.length;i++){
var tempobj=theform.elements[i]
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
//disable em
tempobj.disabled=true
}
}
}
</script>
<script>

/*
Form field Limiter script- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/

var ns6=document.getElementById&&!document.all

function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}

function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}


function displaylimit(theform,thelimit){
var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> characters remaining on your input limit'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true);
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true);
}
}

</script>
</HEAD>
<BODY bgcolor="transparent">

<style type="text/css">
BODY{Cursor:crosshair};A:HOVER{Cursor:e-resize; }
--></style>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: ffffff;
scrollbar-arrow-color: 000000;
scrollbar-track-color: ffffff;
}
-->
</STYLE>
<style type="text/css">
a:link,a:visited{color:black;font:14pt verdana}
a:active{color:black;font:14pt verdana}
</style>
<style type="text/css">
a:hover{background:url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border:2px dotted black}
</style>
<style type="text/css">
td,p,body{color:black;font:12pt verdana}
</style>

<P ALIGN=CENTER><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=5 STYLE="font-size: 20pt"><B>Mail Me</B></FONT></FONT></FONT></P>


<form name="form" method="post" enctype="text/plain" action='mailto:meerca@web.de' onSubmit="submitonce(this)">
<input type="hidden" name="To" value="http://www22.brinkster.com/meerca/thanks.html">
Your name:<br>
<input type="text" name="name:" size="50" maxlength="100"><br><br>
Your e-mail<br>
<input type="text" name="email:" size="50" maxlength="100"><br><br>
Your website<br>
<input type="text" name="website:" size="50" maxlength="100"><br><br>
<P ALIGN=CENTER>A short description? A special feature? Anything goes.<br></P>
<P ALIGN=CENTER><textarea name="text" rows=7 cols=46></textarea><BR><script>
displaylimit("document.form.text",400)
</script></P>
<BR>

<P ALIGN=CENTER><input type="submit" value="Submit"><img src="spacer.gif" width=5 height=1 alt="spacer">
<input type="reset" value="Try again"></form></P>


</BODY>
</HTML>


It goes with an input limit and submit once script, to stop pple spamming.

mandarinspyce
10-21-2003, 07:27 PM
ooooh!
i get it...
thanks. i appreciate it :)

knudddel
10-22-2003, 08:12 AM
No Problem :) I like your layouting

mandarinspyce
12-17-2003, 06:27 PM
hmmmm..... i dunno if you're still around to check this or not; but i edited the coding for my page and the form didn't work. might i have something wrong?

-----------------------------
<html>
<head>
<title>
gc
</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script>

/*
Submit Once form validation-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

function submitonce(theform){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
//screen thru every element in the form, and hunt down "submit" and "reset"
for (i=0;i<theform.length;i++){
var tempobj=theform.elements[i]
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
//disable em
tempobj.disabled=true
}
}
}
</script>
<script>

/*
Form field Limiter script- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/

var ns6=document.getElementById&&!document.all

function restrictinput(maxlength,e
,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e. target==eval(placeholder)
&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}

function countlimit(maxlength,e,pl
aceholder){
var theform=eval(placeholder)

var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document. getElementById(placeholde
r)
if (window.event||e.target&&e. target==eval(placeholder)
){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}


function displaylimit(theform,thel
imit){
var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> characters remaining on your input limit'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,ev
ent,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event
,theform)}
}
else if (ns6){
document.body. addEventListener('keypres
s', function(event) { restrictinput(thelimit,ev
ent,theform) }, true);
document.body. addEventListener('keyup',
function(event) { countlimit(thelimit,event
,theform) }, true);
}
}

</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by: Nic Wolfe (Nic@TimelapseProductions.com) -->
<!-- Web URL: http://fineline.xs.mw -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,width=100,height=215,left = 191,top = 188.5');");
}
// End -->
</script>
</head>
<body background=main.jpg bgproperties=fixed>
<p align=right>
<b>name (first and last):</b><br>
<input type="text" name="name:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
<b>street address:</b><br>
<input type="text" name="location:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
address 2:<br>
<input type="text" name="age:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
<b>city:</b><br>
<input type="text" name="age:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
<b>state/province:</b><br>
<input type="text" name="age:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
<b>zip:</b><br>
<input type="text" name="age:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
<b>country:</b><br>
<input type="text" name="age:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
email:<br>
<input type="text" name="email:" size="20" maxlength="100" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><br><br>
<textarea name="story:" rows="5" cols="18" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt">list of music videos you'd like. or if you want them all, just type "all".</textarea>
<br>
<br>
<input type="reset" value="[ x ]" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"><img src="spacer.gif" width=5 height=1 alt="spacer">
<input type="submit" name="to" value=">>>" style="background:transparent; border-style:solid; border-color:#605C2F; font-family:verdana; color:#ffffff; font-size:7pt"></form>
</p>
<a href=javascript:history.back(-1)><< back</a>
</body>
</html>
-----------------------------

when i go to submit the form, it brings up my outlook express compose box...... like it would if i was to just click on an <a href=mailto:"></a> tag. and it tells me "this form is being submitted via email.... blah blah blah. is it supposed to do that?

-jenn

MaGiCSuN
12-17-2003, 08:52 PM
www.bravenet.com

sign up there, or another email form service, and you will get a number that you insert in your form code... now everytime the form will be submitted you won't have the emails sending through their outlook but through bravenet :) it just forwards the emails from the form to your inbox, and the visitors don't have to use their outlook in order to send you the form

Love,
Mirna

Valerie Au
12-19-2003, 05:24 AM
Wow You Are Clever Man..