Creating very simple email form

[mspeppa19]

Hello everyone. I have a webpage I'm creating in dreamweaver MX that has a "Signup for Email" text field and then a button. I wanted to know how do I get the submit button to work. I have tried the usual POST but what happens is that it requires the user to have an email client. What I wanted to do was do something like larger web sites have where the user doesn't need their own email address, or at least they do not see all that stuff at work. All they see is that when they hit the submit button, everything goes through.

Well I am very very new at this and step by step instructions would be very helpful. I have included the code below. I am not sure if I added the textfield correctly because there is no "form" field, only an input name. But anywayz here is the code if anyone can help with what code I need to insert and where!

***********
<table width="759" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<!--DWLayoutTable-->
<tr>
<td width="31" rowspan="6" valign="top"><img src="/images/pinkshopper_1.gif" alt="::The Pink Shopper::" width="31" height="86"></td>
<td width="316" rowspan="5" valign="top"><img src="/images/pinkshopper_2.gif" alt="::The Pink Shopper::" width="105" height="54"><img src="/images/pinkshopper_3.gif" alt="::The Pink Shopper::" width="106" height="54"><img src="/images/pinkshopper_4.gif" width="105" height="54"></td>
<td width="48" height="14"></td>
<td width="157"></td>
<td width="23"></td>
<td width="130"></td>
<td width="26"></td>
<td width="28"></td>
</tr>
<tr>
<td height="1"></td>
<td rowspan="2" valign="top" class="pinkshop"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_who','','/images/pinkshop_who_d.gif',1)"><img src="/images/pinkshop_who.gif" alt="The Pink Shopper ::Who is The Pink Shopper::" name="pinkshop_who" width="157" height="22" border="0"></a></td>
<td></td>
<td></td>
<td rowspan="2" valign="top"><img src="/images/pinkshop_go.gif" width="26" height="22"></td>
<td></td>
</tr>
<tr>
<td height="21"></td>
<td></td>
<td rowspan="2" valign="top"><input name="email" type="text" class="pinkshop" id="email" value="Sign Up for Email">
&nbsp;</td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="17"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="32" colspan="7" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_clothing','','/images/pinkshop_clothing_d.gif',1)"><img src="/images/pinkshop_clothing.gif" alt="The Pink Shopper ::Clothing::" name="pinkshop_clothing" width="86" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_shoe_acc','','/images/pinkshop_shoe_acc_d.gif',1)"><img src="/images/pinkshop_shoe_acc.gif" alt="The Pink Shopper ::Shoes & Accessories::" name="pinkshop_shoe_acc" width="167" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_jewelry','','/images/pinkshop_jewelry_d.gif',1)"><img src="/images/pinkshop_jewelry.gif" alt="The Pink Shopper ::Jewelry::" name="pinkshop_jewelry" width="79" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_home_gar','','/images/pinkshop_home_gar_d.gif',1)"><img src="/images/pinkshop_home_gar.gif" alt="The Pink Shopper ::Home & Garden::" name="pinkshop_home_gar" width="126" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_electro','','/images/pinkshop_electro_d.gif',1)"><img src="/images/pinkshop_electro.gif" alt="The Pink Shopper ::Electronics::" name="pinkshop_electro" width="108" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_pets','','/images/pinkshop_pets_d.gif',1)"><img src="/images/pinkshop_pets.gif" alt="The Pink Shopper :ets::" name="pinkshop_pets" width="52" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_request','','/images/pinkshop_request_d.gif',1)"><img src="/images/pinkshop_request.gif" alt="The Pink Shopper ::Request an Item::" name="pinkshop_request" width="110" height="32" border="0"></a></td>
</tr>
</table>

***********************************


Thanks,

MsPeppa

 

[Sheco]

Client-side email is done via the mailto tag.

If you want to send email using ASP from the server, you'll need to use a server-side technology such as CDO.

If your web server is somehow running on WinNT 4 then you need CDONTS, otherwise use plain CDO (CDOSYS)

The following link will get you started:

http://www.w3schools.com/asp/asp_send_email.asp

 

[harebrain]

You can't have input tags without a form container.

And how is the user supposed to get email without an email client? Or are you just wanting to leave messages for them on your site?

 

[mspeppa19]

Whenever I add a form field, I get this nasty empty white space that appears under the 'pinkshop_who' graphic. How in the world do I fix this problem?? Is there something in my code that is causing the white space to occur?


<table width="760" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<!--DWLayoutTable-->
<tr>
<td width="31" rowspan="6" valign="top"><img src="/images/pinkshopper_1.gif" alt="::The Pink Shopper::" width="31" height="86"></td>
<td width="316" rowspan="5" valign="top"><img src="/images/pinkshopper_2.gif" alt="::The Pink Shopper::" width="105" height="54"><img src="/images/pinkshopper_3.gif" alt="::The Pink Shopper::" width="106" height="54"><img src="/images/pinkshopper_4.gif" width="105" height="54"></td>
<td width="47" height="14"></td>
<td width="157"></td>
<td width="22"></td>
<td width="144"></td>
<td width="1"></td>
<td width="26"></td>
<td width="16"></td>
</tr>
<tr>
<td height="1"></td>
<td rowspan="2" valign="top" class="pinkshop"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_who','','/images/pinkshop_who_d.gif',1)"><img src="/images/pinkshop_who.gif" alt="The Pink Shopper ::Who is The Pink Shopper::" name="pinkshop_who" width="157" height="22" border="0"></a></td>
<td></td>
<td></td>
<td></td>
<td rowspan="2" valign="top"><img src="/images/pinkshop_go.gif" width="26" height="22"></td>
<td></td>
</tr>
<tr>
<td height="21"></td>
<td></td>
<td rowspan="2" valign="top"><form name="form1" method="post" action="">
<input type="text" name="textfield">
</form></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="17"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="32" colspan="8" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_clothing','','/images/pinkshop_clothing_d.gif',1)"><img src="/images/pinkshop_clothing.gif" alt="The Pink Shopper ::Clothing::" name="pinkshop_clothing" width="86" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_shoe_acc','','/images/pinkshop_shoe_acc_d.gif',1)"><img src="/images/pinkshop_shoe_acc.gif" alt="The Pink Shopper ::Shoes & Accessories::" name="pinkshop_shoe_acc" width="167" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_jewelry','','/images/pinkshop_jewelry_d.gif',1)"><img src="/images/pinkshop_jewelry.gif" alt="The Pink Shopper ::Jewelry::" name="pinkshop_jewelry" width="79" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_home_gar','','/images/pinkshop_home_gar_d.gif',1)"><img src="/images/pinkshop_home_gar.gif" alt="The Pink Shopper ::Home & Garden::" name="pinkshop_home_gar" width="126" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_electro','','/images/pinkshop_electro_d.gif',1)"><img src="/images/pinkshop_electro.gif" alt="The Pink Shopper ::Electronics::" name="pinkshop_electro" width="108" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_pets','','/images/pinkshop_pets_d.gif',1)"><img src="/images/pinkshop_pets.gif" alt="The Pink Shopper :ets::" name="pinkshop_pets" width="52" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pinkshop_request','','/images/pinkshop_request_d.gif',1)"><img src="/images/pinkshop_request.gif" alt="The Pink Shopper ::Request an Item::" name="pinkshop_request" width="110" height="32" border="0"></a></td>
</tr>
</table>

 

[harebrain]

Whenever I add a form field, I get this nasty empty white space that appears under the 'pinkshop_who' graphic.

Works OK for me using MSIE. What browser are you using?

Also, forms within a table have been notoriously flaky. You might try moving your form tag before the table tag, and the /form tag after the /table tag.