HTML - Challenge With Form Submission

Hey there.

I have created the site saskannouncements.ca.

If you go to create a post, you'll see I have set up an OK looking submission form.

Here's the problem, you see what the people submit is sent to my email. because I'm just using this free thing off the internet.

Now what I want, is I want to Posts to be automatically posted to where the posters sent it.

How do I set that up?

Basically I want it so they automatically post, and I don't have to copy and paste them in each time. I just want to moniter them as they automatically are placed.

Can anyone help me on this please?

Thanks alot. I really appreciate it. Also if you've got any other pointer's for my new site Feel free to let me know.

Looking forward to hearing from you!

I want a form so a person can type in a story and it can be sent to the database, where users can browse it in the stories section of my site.

I have no idea where to start!

Hello,

I'm trying to put together an online signup form for a children's summer program. I'd like to have a calculator for the total price of classes at the bottom as well as a "submit" button that will email me all entered information.

I had tried using cgiemail (http://web.mit.edu/wwwdev/cgiemail/), which was already installed on my server, but my problem was that it sends me information from the "value" fields, which are already used for the price calculator.

For instance, the price of each class in my sample is $55, so I have the value field for each choice set to 55. Unfortunately, cgiemail also wants to use the value field, so I would receive a list of "55"s rather than class names.

Does anyone have a suggestion for how to fix this? I am very much an amateur at all of this, so if you think there's a better way to set up, I am open to suggestions. Thank you for the help!

Matt

Code:

<form name="classes" onclick="calculate()">
<b>Class Signup Form</b><br><br>

<P>
<b>Child Info:</b>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Name:</td><td width="350"><INPUT name="childname"></td></tr>
<tr><td width="200">Date of Birth:</td><td width="350"><INPUT name="childage" value="mm/dd/yyyy" maxlength="10"></td></tr>
<tr><td width="200">Age:</td><td width="350"><select name="childage" STYLE="width: 50px;">
<option value="age5" selected="selected">5</option>
<option value="age6">6</option>
<option value="age7">7</option>
<option value="age8">8</option>
<option value="age9">9</option>
<option value="age10">10</option>
<option value="age11">11</option>
<option value="age12">12</option>
<option value="age13">13</option>
<option value="age14">14</option>
</select></td></tr>
<tr><td width="200">T-Shirt Size:</td><td width="350"><select name="childshirt" STYLE="width: 50px;">
<option value="shirtxs" selected="selected">XS</option>
<option value="shirts">S</option>
<option value="shirtm">M</option>
<option value="shirtl">L</option>
<option value="shirtxl">XL</option></td></tr>
<tr><td width="200">Address:</td><td width="350"><INPUT name="childaddress1"></td></tr>
<tr><td width="200"></td><td width="350"><INPUT name="childaddress2"></td></tr>
<tr><td width="200">City:</td><td width="350"><INPUT name="childcity"></td></tr>
<tr><td width="200">State:</td><td width="350"><INPUT name="childstate"></td></tr>
<tr><td width="200">Zip:</td><td width="350"><INPUT name="childzip"></td></tr>
</TABLE>
</p>
<p>Allergy/Medication Information:<br><textarea rows="5" cols="50"></textarea></p>

<P>
<b>Parent/Guardian Info:</b>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Parent 1 Name:</td><td width="350"><INPUT name="parent1name"></td></tr>
<tr><td width="200">Daytime Phone:</td><td width="350"><INPUT name="parent1phone"></td></tr>
<tr><td width="200">Cell Phone:</td><td width="350"><INPUT name="parent1cell"></td></tr>
</TABLE><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Parent 2 Name:</td><td width="350"><INPUT name="parent2name"></td></tr>
<tr><td width="200">Daytime Phone:</td><td width="350"><INPUT name="parent2phone"></td></tr>
<tr><td width="200">Cell Phone:</td><td width="350"><INPUT name="parent2cell"></td></tr>
</TABLE><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Billing Email:</td><td width="350"><INPUT name="billingemail"></td></tr>
<tr><td width="200">Alternate Email:</td><td width="350"><INPUT name="alternateemail"></td></tr>
</TABLE>
</p>

<P>
<b>Week 1 Classes</b><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">9:30 - 10:45</td><td width="350">
<select name="w1c1" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55" name="DoppClass">Mountain Biking</option>
<option value="55" name="Class 3">Witchcraft</option>
<option value="55" name="DoppClass">Nintendo</option>
</select></td></tr>
<tr><td width="200">10:45 - Noon</td><td width="350">
<select name="w1c2" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Running with Scissors</option>
<option value="55">Trapeze</option>
<option value="55">Dance</option>
</select></td></tr>
<tr><td width="200">1:00 - 2:15</td><td width="350">
<select name="w1c3" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Clock-Building</option>
<option value="55">Monkeys with Hats</option>
<option value="55">Trains</option>
</select></td></tr>
<tr><td width="200">2:15 - 3:30</td><td width="350">
<select name="w1c4" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Cricket</option>
<option value="55">Crochet</option>
<option value="55">Crocodiles</option>
</select></td></tr>
</TABLE>
</p>

<p><input type=button name=calculate value="Calculate Total Price" onClick="pricecalculate();"></P>

<p>$<input type=text name=txtAnswer> </p>

</form>

<script language = "javascript">

function pricecalculate(){
var w1c1=eval(document.classes.w1c1.value);
var w1c2=eval(document.classes.w1c2.value);
var w1c3=eval(document.classes.w1c3.value);
var w1c4=eval(document.classes.w1c4.value);



document.classes.txtAnswer.value=w1c1 + w1c2 + w1c3 + w1c4;
}
</script>

How can I restrict form submission to only the Submit button? I find the forms can be submitted also by the user pressing the "enter" or the "return" key (Users typically use IE or Firefox) By a mouseover the "Submit" button, a final check of data integrity is done as follows....

<INPUT type="submit" value="Submit Form" onmouseover="validate(personal_SS.value,personal_SS.id,personal_lastname.value,personal_lastname.id, personal_firstname.value,personal_firstname.id,personal_Birthdate.value,personal_Birthdate.id)"> <INPUT type="reset" value="Clear form"> Data is 128 bit SSL encrypted

function validate(strngSS,x,strngLN,y,strngFN,z,strngBD,w)
{

if (strngSS== "") {alert("You didn't enter a Social Security Number.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strngSS.length < 9) || (strngSS.length > 9)) {alert("The Social Security Number is the wrong length. Just use numbers, no dashes... like 123456789 not " + strngSS);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strngSS)) {alert( "The Social Security Number contains illegal characters. Just use numbers, no dashes or # signs.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
validateLN(strngLN,y)
validateFN(strngFN,z)
validateBD(strngBD,w)
}

function validateLN(strng,x)
{

if (strng== "") {alert("You didn't enter a Last Name.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strng.length < 3) || (strng.length > 15)) {alert("The Last Name is the wrong length. Just use letters, no dashes... " + strng);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strng)) {alert( "The Last Name contains illegal characters. Just use letters, no dashes or spaces.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
}


function validateFN(strng,x)
{

if (strng== "") {alert("You didn't enter a First Name.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strng.length < 2) || (strng.length > 12)) {alert("The First Name is the wrong length. Just use letters, no dashes... " + strng);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strng)) {alert( "The First Name contains illegal characters. Just use letters, no dashes or spaces.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
}

function validateBD(strng,x)
{

if (strng=="") {alert("Please enter a valid Birthdate");
document.ReturnPatientEntry.x.focus();
return;
}
else
{
if ((strng.length<8) || (strng.length>8)) {alert("Please enter your Birthdate in the form mm/dd/yy, not " + strng);
document.ReturnPatientEntry.x.focus();
return;
}
else
{
var illegalChars=/[\-\.\m\,\ ]/;
if (illegalChars.test(strng)) {alert("The Birtdate contains illegal characters, use the format mm/dd/yy, not " + strng);
document.ReturnPatientEntry.x.focus();
return;
}
}
}
}


I know the coding is primitive, but it works. If the "Clear form" button is pressed, multiple consecutive error messages are tripped as the form is cleared. Can I suppress this as well?

Thanks,
Douglas McKibbin
augustasurgery.org

I'm trying to post something on a site that is blocking almost all HTML tags. As far as I know, the only tags that aren't being blocked are P, BR, A, IMG, U, B and a few other basic ones. I'm trying to post an image tag, but the image is generated from a PHP script. The site will not let me use the IMG tag with .PHP at the end of the image name. The SRC also has to end in .GIF or .JPG and cannot contain the ? anywhere in the URL, which means I can't use
http://www.mydomain.com/script.php?a=image.gif

I can't use SPAN or DIV or anything to do with tables or forms. I can use the P tag, but I can't use the STYLE attribute so I can't assign a background image using style sheets. So my question is, does anyone else know any way using HTML that I can include a background image or any other way to modify the URL of the IMG SRC so it doesn't use the question mark? Or is there any other way besides the STYLE attribute or the SCRIPT tag to include style sheets?

My High School FBLA chapter is participating in a web design competition. The task was to create an online store that would sell T-shirts. We are currently using "Mal's E-commerce" shopping cart tool.

So, this is my problem. I have this form:

<FORM METHOD="POST" ACTION="http://ww11.aitsafe.com/cf/add.cfm" target="_self" >
<INPUT TYPE="HIDDEN" NAME="userid" VALUE="D745330" />
<SELECT NAME="product">
<OPTION VALUE="Red shirt w/ logo" />Red
<OPTION VALUE="Green shirt w/ logo" />Green
<OPTION VALUE="Blue shirt w/ logo" />Blue
</SELECT>
<INPUT TYPE="HIDDEN" NAME="price" VALUE="19.95" />
<input type="submit" name="post" class="submit" value="Submit" />
</FORM>

This form will submit information to mal's e-commerce, which will then generate a shopping cart preview page. (If you are confused, just put this coding into a new webpage and preview it.) All of this works fine, but instead of opening this 'shopping cart preview page' in the active window, I would like for it to open in a pop up window, with a controlled height and width, etc.

I am not a form expert, but this problem has really got me.. I have tried google searching, but I have yet to find any useful suggestions. Is it even possible? I challenge all web designers to find a solution to this problem. I appreciate everyones help in advance.

i am trying to change the layout of my ecwid stores product description currently it looks like this

i want to move the description from its current position to above the sku # on the right. like this

i have been able to show the change in the chrome developer tool but i can not figure out how to implement it so that the rule works correctly for every product page. the site is www.thriftybynature.weebly.com if you would like to take a look at the site live with the developer tool. im really hoping someone can help me with this i have been trying to implement this change for days with no success.

ps. im using ecwids product browser within weeblys site.

Hey everyone,

I designed a site for a client of mine. He developed a weather radar program and he wants to sell the idea to various news organizations. The site that I'm designing is for WCBS 880 radio. Here is the test page - http://zoomradar.com/wcbs880

Anywho, this is the problem I'm having. I have two iframes on the page. One for the actual map and one for the weather forecast which we are using from the national weather service site (don't worry, we are allowed too).

Here is the problem....

The forecast iframe is causing a bend/distortion in the radar map iframe about 3/4 of the way down. My client says you can't miss it and he has sent me pictures too because I can't see it myself. He says that he sees it on windows computers using the latest firefox. I'm wondering if any of you can verify this and maybe guide me towards a solution because I can't seem to figure one out. He says that the bend is in the shape of the iframe almost like it is hovering over the radar map but not really creating a mirror image??? Not sure if this makes sense to any of you. Hopefully you see what he's seeing. Any help would be greatly appreciated because I'm getting to the bottom of the barrel here.

Thank you very much in advance

- Dan

Hi - I am fairly new to coding but really enjoying it

I am trying to create a background image effect as seen he http://www.prada.com/ and http://news.jam-factory.com/ - The background image fits to the window, without distorting the image, and bits are hidden when needed

Here is my attempt: http://www.piersart.co.uk/random - but when the window is tall and thin, a black strip appears at the bottom. What am I doing wrong? I don't quite understand how to use overflow, if that is something I should be using.

Do I have to use Javascript (to get window dimensions, or resize the image)? If so, how?

Many thanks in advance

I recently just created a site: http://celticsinsider.webs.com, and I was wondering how I could put an article submission button on one of my pages? I only know html, by the way.

......................

I am building a site with two simple forms in it - they are purely for sending through some info, name address etc to an email address.

When I put a form in and test it, I click the submit button and it opens outlook and proceeds to send the data in a long line. Is this all possible in html? I want to do it in the simplest way possible.

Many thanks for your help.

I was wondering if someone could help me out.

If you go to the page i am currently working on at http://www.tablerunnersent.com/index2.html

If you look mid page you will see an email form.

I was wondering how i would set that form up so if a visitor clicks on submit it would email me at newsletter@tablerunnersent.com the information that they submitted.

This is what i have so far in the HTML Coding:
Code:

< form action="">
				<div>

					<div class="formfield">
					<strong>Name :</strong>
					<input type="text" />

					<br />

					<strong>E-mail :</strong>
					<input type="text" />
					</div>

					<input type="image" src="images/submit_button.gif" class="button_submit" />
					<div class="clearthis">&nbsp;</div>

				</div>
				</form>

http://www.archive.org/download/kris...nityananda.rar
(right-click save-as)

Made it myself. Uploaded to download.com They haven't accepted as yet.

Waddya u think? It's simple html. You can modify if you like.

Hi guys, first thing first, nice to be part of this forum.

My first post and question. Suppose i have 5 identical forms with name, address, city, post code, is it possible to do one submission for all rather than doing it one by one...

Thanks