Learn VBA & Macros in 1 Week!

JavaScript - Mailto Does Not Attach The Form Information.

Full Excel VBA Course - Beginner to Expert

Mailto Does Not Attach The Form Information.	View Content

Attached is the code. It does open the email but does not send any information.
Can someone please assist.

Code:

<!-- Table 2 for the Content -->
<form name="orders" onsubmit="return confirmSubmit()" onreset="return window.confirm('Are you sure you want to reset your Orders.'); " action="mailto:lynette@sayorkies.co.za" method="post" enctype="text/plain">

Code:

// Function to Confirm certain conditions and confirm to proceed with order
function confirmSubmit() {
	var itemsOrdered = true;
	if (document.forms[2].totalExcl.value == 0 || document.forms[2].delivery.value == 0) {
	itemsOrdered = false;
	}
	if(itemsOrdered != true) {
	window.alert("You have not chosen any products to purchase or No Delivery Option selected.");
	return false;
	}
	var submitOrder = window.confirm("Are you sure you want to place the order?");
	if(submitOrder == true)
	return true;
	return false;
	}

// Function to calculate order value 
function calculateValue(orders) {
	var orderValue = 0;
 
	// Run through all the product fields
	for(var i = 0; i < orders.elements.length; ++i) {
 
	// Get the current field
	var formField = orders.elements[i];
 
	// Get the fields name
	var formName = formField.name;
	
	// Is it a "product" field?
        if (formName.substring(0,4) == "prod") {
 
	// Items price extracted from name
	var itemPrice = parseFloat(formName.substring(formName.lastIndexOf("_") + 1));
 
	// Get the Quantity
	var itemQuantity = parseInt(formField.value);
 
	// Update the OrderValue
	if(itemQuantity >= 0) {
	orderValue += itemQuantity * itemPrice;
	}
	}
    }
	
	// Display the totals
    orders.totalExcl.value = "R " + orderValue.toLocaleString();
    
    // function to calculate VAT at 15% as required and total inclusive.
	function calcTotals(oValue) {
	var vat = oValue * .15;
	var totalIncluding = oValue + vat;
	var tDelivery = Number( orders.delivery.value.substring(2) );
	var theTotalOrder = totalIncluding + tDelivery;
	orders.vat.value = "R " + vat.toLocaleString();
	orders.totalIncl.value = "R " + totalIncluding.toLocaleString();
	orders.totalOrder.value = "R " + theTotalOrder.toLocaleString();
	}
	return calcTotals(orderValue);
}

Full Excel VBA Course - Beginner to Expert

Form Mailto With Checkboxes?

Similar Tutorials

View Content

I have a question and I'm hoping someone may have some suggestions on how to solve.

I found a script on this forum that does almost what I want from this thread:
http://codingforums.com/showthread.php?t=184011 (thank you Philip M!)

Instead of a dropdown, I'd like to have a list of names using check boxes, so that you have the option to send an email to one or all of the people. When you choose your selections and click submit, an outlook email will pop up with your selections in the to: field.

Is this possible?

Here's the solutuin using a drop down, this works (and works well), but doesn't quite do what I need :

<form name="Contact_Us" id="contact" method="post" enctype="text/plain" onsubmit = "getEml()">
<fieldset id="selection">
Who would you would like to email:
<select name = "sel">
<option value="email1@email.com" >email 1</option>
<option value="email2@email.com" >email 2</option>
<option value="email3@email.com" >email 3</option>
</select>
<input type = "submit" value = "Submit the form">
</form>

<script type = "text/javascript">
function getEml() {
var emailaddress = document.Contact_Us.sel.value;
window.location = "mailto:" + emailaddress;
}

</script>

Is there a way to use checkboxes but to do the same thing?

<INPUT TYPE=CHECKBOX NAME="name1@email.com">name 1<BR>
<INPUT TYPE=CHECKBOX NAME="name2@email.com">name 2<BR>
<INPUT TYPE=CHECKBOX NAME="name3@email.com">name 3<BR>

Form Mailto Entry On Selection List

Similar Tutorials

View Content

I have created this form. I would like to use javascript to mail the form to the selected email from the selection list when the submit button is pressed.
could anyone help with this?

<form name="Contact Us" id="contact" action="mailto:" method="post">
<fieldset id="selection">
Who would you like to email:
<select>

<option value="email1" >email1</option>
<option value="email2" >email2</option>
<option value="email3">email3</option>
</select>
<fieldset id="Name" >
Name
<input type="text" id="firstname" name="firstname">
E-mail
<input type="text" id="email" name="email">
</fieldset>
<fieldset id="question">
Comments and Questions
<input type="text" id="comment" name="comment" style="width: 500; height: 300">
</fieldset>
</form>

Confusing Incomplete Form Needs Mailto Function

Similar Tutorials

View Content

You Are Subscribed To This Thread Mailto Form, Subject With Variables.

Similar Tutorials

View Content

Hi guys,

I'm looking for a way i can set some of the mailto form data - mainly the full name and holiday start date into the subject line of the email.

this is the code for my form:

Code:

<html>
<head>
<body bgcolor="#DCDCDC">
<font size="3" face="tahoma" color="#000000">
<form action="MAILTO:email@email.co.uk?subject=Holiday Request" method="post" enctype="text/plain" font-weight: bold; size="10" maxlength="30">

<u><b>Holiday Request Form</b></u>
<br /><br />
First Name: <input type="text" name="first-name" /> 
<br /><br />
Last Name: <input type="text" name="last-name" /> 
<br /><br />

Holiday Type:

<select name = "Holiday Type">
  <option value="new holiday">New Holiday</option>
  <option value="amend holiday">Amend Holiday</option>
  <option value="delete holiday">Delete Holiday</option>
</select>

<br /><br />
Start Holiday:
<select name = "Start Day">
  <option value="01">01</option>
  <option value="02">02</option>
  <option value="03">03</option>
  <option value="04">04</option>
  <option value="05">05</option>
  <option value="06">06</option>
  <option value="07">07</option>
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>
  <option value="22">22</option>
  <option value="23">23</option>
  <option value="24">24</option>
  <option value="25">25</option>
  <option value="26">26</option>
  <option value="27">27</option>
  <option value="28">28</option>
  <option value="29">29</option>
  <option value="30">30</option>
  <option value="31">31</option>

</select>

&nbsp;/

<select name = "Start Month">
  <option value="january">Jan</option>
  <option value="febuary">Feb</option>
  <option value="march">Mar</option>
  <option value="april">Apr</option>
  <option value="may">May</option>
  <option value="june">Jun</option>
  <option value="july">Jul</option>
  <option value="august">Aug</option>
  <option value="september">Sep</option>
  <option value="october">Oct</option>
  <option value="november">Nov</option>
  <option value="december">Dec</option>
</select>

&nbsp;/

<select name = "Start Year">
  <option value="2011">2011</option>
  <option value="2012">2012</option>
  <option value="2013">2013</option>
</select>

<br /><br />
End Holiday:
<select name "End Day">
  <option value="01">01</option>
  <option value="02">02</option>
  <option value="03">03</option>
  <option value="04">04</option>
  <option value="05">05</option>
  <option value="06">06</option>
  <option value="07">07</option>
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>
  <option value="22">22</option>
  <option value="23">23</option>
  <option value="24">24</option>
  <option value="25">25</option>
  <option value="26">26</option>
  <option value="27">27</option>
  <option value="28">28</option>
  <option value="29">29</option>
  <option value="30">30</option>
  <option value="31">31</option>

</select>

&nbsp;/

<select name = "End Month">
  <option value="january">Jan</option>
  <option value="febuary">Feb</option>
  <option value="march">Mar</option>
  <option value="april">Apr</option>
  <option value="may">May</option>
  <option value="june">Jun</option>
  <option value="july">Jul</option>
  <option value="august">Aug</option>
  <option value="september">Sep</option>
  <option value="october">Oct</option>
  <option value="november">Nov</option>
  <option value="december">Dec</option>
</select>

&nbsp;/

<select name = "End Year">
  <option value="2011">2011</option>
  <option value="2012">2012</option>
  <option value="2013">2013</option>
</select>

<br /><br />
Total Hours Required:

<input type="text" name="total-hours" size="6"/>


<br /><br />
Notes Box:
<br />
<textarea name="Additional Info" rows="5" cols="40">
Enter here any additional information that may be required.
</textarea> 

<br /><br />
Half Day Tickbox:
<input type="checkbox" name="half-day" value="half-day"/>

<br /><br />

  Start Shift:

  <select name = "Start Shift Hours">
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>

</select>
:
  <select name = "Start Shift Minutes">

  <option value="00">00</option>
  <option value="15">15</option>
  <option value="30">30</option>
  <option value="45">45</option>

</select>

<br /><br />
End Shift:
  <select name = "End Shift Hours">
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>

</select>
:
  <select name = "End Shift Minutes">
  <option value="00">00</option>
  <option value="15">15</option>
  <option value="30">30</option>
  <option value="45">45</option>

</select>


<br /><br />
Lunch Start:
  <select name = "Lunch Start Hours">
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>

</select>
:
  <select name = "Lunch Start Minutes">
  <option value="00">00</option>
  <option value="15">15</option>
  <option value="30">30</option>
  <option value="45">45</option>

</select>


<br /><br />
Lunch End:
  <select name = "Lunch End Hours">
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>

</select>
:
  <select name = "Lunch End Minutes">
  <option value="00">00</option>
  <option value="15">15</option>
  <option value="30">30</option>
  <option value="45">45</option>
</select>


<br /><br />
Holiday Start Time:
  <select name = "Holiday Start Hours">
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>

</select>
:
  <select name = "Holiday Start Minutes">
  <option value="00">00</option>
  <option value="15">15</option>
  <option value="30">30</option>
  <option value="45">45</option>

</select>


<br /><br />
Holiday End Time:
  <select name = "Holiday End Hours">
  <option value="08">08</option>
  <option value="09">09</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>

</select>
:
  <select name = "Holiday End Minutes">
  <option value="00">00</option>
  <option value="15">15</option>
  <option value="30">30</option>
  <option value="45">45</option>

</select>


<br /><br />

<input type="submit" value="Send">

</form>
</font>
</body>
</head>
</html>

Any help will be appreciated.

Thanks,
Craig

Pop Up Window That Shows Information Put Into Form

Similar Tutorials

View Content

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<title>Student Information</title>
<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

Code:

<SCRIPT type="text/javascript">
<!--
function displayEntries () {
var sfirst = document.frmStudentInfo.textSfirst.value;
var smi = document.frmStudentInfo.textSmi.value;
var slast = document.frmStudentInfo.textSlast.value;
var sadd = document.frmStudentInfo.textSadd.value;
var scity = document.frmStudentInfo.textScity.value;
var sstate = document.frmStudenInfo.textSstate.value;
var szip = document.frmStudentInfo.textSzip.value;
var sphone = document.frmStudentInfo.textSphone.value;
var sdob = document.frmStudentInfo.textSdob.value;

window.alert('sfirst' + 'smi' + 'slast' + '\n' +
'sadd' + '\n' +
'scity' + 'sstate' + 'szip' + '\n' +
'sphone' + '\n' +
'sdob');
}
//-->
</SCRIPT>

</head>
<body>
<table width="70%" align=center ID="Table1">
<tr><td><img SRC = "nwlogo.jpg" width=120 height=60></td>
<td><H3>Student Information</H3></td></tr>
</table>
<form name="frmStudentInfo" action="ignore">
<table align="center">
<tr><td> Last Name:</td>
<td><input type="text" name="txtSlast" size="20"></td>
<td>     </td>
<td></td>
</tr>
<tr><td> First Name:</td>
<td><input type="text" name="txtSfirst" size="20" ></td>
<td>     </td>
<td></td>
<tr><td> MI:</td>
<td><input type="text" name="txtSmi" size="5" tabindex="3"><td>
<td>     </td>
</tr>
<tr><td> Address:</td>
<td><input type="text" name="txtSadd" size="20" tabindex="4"></td>
<td>     </td>
<td></td>
</tr>
<tr><td> City:</td>
<td><input type="text" name="SCity" size="20" tabindex="5"></td>
<td>     </td>
<td></td>
</tr>
<tr><td> State:</td>
<td><input type="text" name="txtSstate" size="5" tabindex="6"></td>
<td>     </td>

Code:

    <td><input type="button" name="cmdUpdate" value="Update" onClick="displayEntries();"></td>

</tr>
<tr><td> ZIP Code:</td>
<td><input type="text" name="txtSzip" size="20" tabindex="7"></td>
<td>     </td>
<td></td>
</tr>
<tr><td> Phone:</td>
<td><input type="text" name="txtSPhone" size="20" tabindex="8"></td>
<td>     </td>
<td></td>
</td>
</tr>
<tr><td> Date of Birth:</td>
<td><input type="text" name="txtSdob" size="20" tabindex="9"></td>
<td>     </td>
<td></td>
</tr>
</table>
</form>
</body>
</html>

I'm having trouble with the pop up window. I cannot get it to pop up and I'm not sure where I have went wrong with it. I need it to pop up once the update button is clicked and contain the information that has been input into the form. Any help would be much appreciated.

Form Cookie To Remember The Information

Similar Tutorials

View Content

Please assist, I have the following code to remember form inormation but it does not seem to work. Probably something stupid.

Code:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact Page</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="yorkie.css" type="text/css" />
<script type="text/javascript">
/* <![CDATA[ */

// Confirm resetting of forms.
function confirmReset() {
	var resetForm = confirm("Are you sure you want to reset the form?");
	if (resetForm == true)
	return true;
	return false;
}

// If box clicked value within disappears	
function Focus(element) {
     if (element.value == element.defaultValue) {
       element.value = '';
     }
   }

// If nothing typed and box onblur the default value is restored within 
function Blank(element) {
     if (element.value == '') {
       element.value = element.defaultValue;
     }
   }

// Submission of Contact Form Verified
function verifySubmission() {
var retValue = true;
if (document.forms[2].email.value == "Enter Email Address"
|| document.forms[2].firstname.value == "Enter First Name"
|| document.forms[2].lastname.value == "Enter Last Name"
|| document.forms[2].telephone.value == "Enter Contact number") {
	window.alert("You did not fill in one of the following required fields: First Name, Last Name, Email Address, or Telephone Number.");
	retValue = false;
	}
return retValue;
}

// Email address verified as a valid email address
function validateEmail(formObject) {
var email = formObject.value;
var emailCheck = /^[_\w\-]+(\.[_\w\-]+)*@[\w\-]+(\.[\w\-]+)*(\.[\D]{2,3})$/;
if (emailCheck.test(email) == false) {
window.alert("The e-mail address you entered does not appear to be valid.");
formObject.value = formObject.defaultValue;
return false;
}
formObject.value = email.toLowerCase();
return true;
}

// Telephone number verified as a valid 10 digit number with no alpha characters
function verifyPhone(number) {
var phone = number.value;
var phoneCheck = /^(\d{10})$/;
if(phoneCheck.test(phone) == false) {
window.alert("The telephone number you entered does not appear to be valid.");
number.value = number.defaultValue;
return false;
}
return true;
}

// Show additional contact form details onclick of yes radio button
function showDiv() {
document.getElementById('breeders').style.visibility = 'visible';
}

// Hide certain contact form info onclick of No radio button
function hideDiv() {
document.getElementById('breeders').style.visibility = 'hidden';
}

// SAVE FORM INFORMATION FOR THE NEXT VISIT
function saveSelections(frm) {
		var setvalue;
		var fieldType;
		var index;
		var formname = frm.name;

		// CookieExpiry in 30 days.
		var today = new Date();
		var exp   = new Date(today.getTime()+30*24*60*60*1000);

		var string = "formname=" + formname + "|";
		var cookieName = formname;

		var n = frm.length;
		for (i = 0; i < n; i++)	{
			e = frm[i].name;
			fieldValue = frm[i].value;
			fieldType = frm[i].type;
			
			// Radio Buttons
			if (fieldType == "radio") {
				for (x=0; x < frm.elements[e].length; x++) {
					if (frm.elements[e][x].checked)
					{
					index = x
					}
				}
			string = string + index + "\|";
			}
			
			// Text, Textarea, and dropdowns
			if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
		    	string = string + frm.elements[e].value + "\|";
			}
			
			// Checkboxes
			if (fieldType == "checkbox") {
				if (frm.elements[e].checked==true) {
					var setvalue = "1";
					}
				if (frm.elements[e].checked==false) {
					var setvalue = "0";
					}
			string = string + setvalue + "\|";
			}
			
			// Hidden field
			if (fieldType == "hidden") {
		    	string = string + frm.elements[e].value + "\|";
			}
		}
setCookie(cookieName, string, exp); 
}

// Load Form Fields from saved cookie
function loadSelections(frm) {
var e;
var z;
var x;
var cookieName;
var fieldArray;
var fieldValues;
var fieldValue;

var formname = frm.id;

// Retrieve form elements from cookie and split into array.
cookieName = formname;
fieldValues = getCookie(cookieName);
fieldArray = fieldValues.split("\|");

var n = frm.length;
for (i = 0; i < n; i++) {
	e = frm[i].name;
	z = i;
	z++;
	var fieldType = frm[i].type;
	var fieldValue = fieldArray[z];
	
	// Radio Buttons
		if (fieldType == "radio") {
			x = fieldValue;
			frm.elements[e][x].checked = true;
		}	
	
	// Text, Textarea, and dropdowns
	if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
		frm.elements[e].value = fieldValue;
		}
	
	// Checkboxes
	if (fieldType == "checkbox") {
		var fld_checkbox = fieldValue;
		if (fld_checkbox == "1") {
			frm.elements[e].checked = true;
			}
	}
	
	// Hidden fields
	if (fieldType == "hidden") {
		frm.elements[e].value = fieldValue;
		}
	}
}

// COOKIE FUNCTIONS
function setCookie(name, value, expires) {
document.cookie= name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "");
}

function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
/* ]]> */
</script>
</head>

<body class="contact" onload="var begin=setInterval('changeBanner()',9000); currentClock(); currentDate();  document.getElementById('breeders').style.visibility = 'hidden'; " onunload="saveSelections(document.forms[0])">
<table width="92%">

<form action="mailto:lynette@sayorkies.co.za, subject=Contact Form" method="post" enctype="text/plain" onsubmit="return verifySubmission()" onreset="return confirmReset();">
<table class="center" cellpadding="5" border="1">

<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>

<!-- This is for the personal information -->
<tr><td><strong>Tell us who you a </strong></td></tr>
<tr><td><input type="text" name="firstname" size="25" maxlength="35" value="Enter First Name" onfocus="Focus(this);" onblur="Blank(this);" /> * 
<input type="text" name="lastname" style="margin-left: 52px;" size="25" maxlength="35" value="Enter Last Name" onfocus="Focus(this);" onblur="Blank(this);" /> *</td></tr>

<!-- This is for the contact information -->
<tr><td><strong>Your Contact details:</strong></td></tr>
<tr><td><input type="text" name="email" size="30" maxlength="60" value="Enter Email Address" onfocus="Focus(this);" onblur="Blank(this); validateEmail(this)" /> * 
<input type="text" name="telephone" style="margin-left: 20px;" size="20" maxlength="10" value="Enter Contact number" onfocus="Focus(this);" onblur="Blank(this); verifyPhone(this)" /> * </td></tr>

<!-- This is where you enter your message also select what type of message-->
<tr><td><strong>Your Message:</strong></td></tr>
<tr><td align="left">What is your message about?<br />
<input type="radio" name="type" value="compliment" /> Compliment 
<input type="radio" name="type" value="complaint" /> Complaint 
<input type="radio" name="type" value="general" checked="checked" /> General 
<input type="radio" name="type" value="enquiry" /> Enquiry 
<input type="radio" name="type" value="feedback" /> Feedback</td></tr>
<tr><td align="center"><textarea name="message" rows="6" cols="45" onfocus="Focus(this);" onblur="Blank(this)">Enter your message here...</textarea></td></tr>


<!-- Additional information -->
<tr><td align="left">Are you looking to purchase a Yorkie puppy?<br />
<input type="radio" name="purchase" value="yes" /> Yes 
<input type="radio" name="purchase" value="no" checked="checked" /> No</td></tr>

<tr><td align="left">Do you own a Yorkie?<br />
<input type="radio" name="owner" value="yes"  onclick="showDiv()" /> Yes 
<input type="radio" name="owner" value="no" checked="checked" onclick="hideDiv()" /> No<br />
<!-- If answer is no above the below questions are hidden, if yes then they appear -->
<div id="breeders">
How many? <select name="qnty" size="1"> 
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5+</option></select> 
Are you a breeder? <input type="radio" name="breeder" value="yes" /> Yes 
<input type="radio" name="breeder" value="no" checked="checked" /> No</div></td></tr>

<!-- Subscriptions -->
<tr><td align="left">Do you wish to subscribe to the following?<br />
<input type="checkbox" name="subscribe" value="letter" checked="checked" /> Monthly Newsletter<br />
<input type="checkbox" name="subscribe" value="pups" /> Notification of a new litter<br />
<input type="checkbox" name="subscribe" value="updates" /> Notification of site updates<br />
<input type="checkbox" name="subscribe" value="register" /> Registrations</td></tr>

<!-- Add a picture file -->
<tr><td align="left">Upload your favourite Yorkie photo for the Picture of the Month.<br />
<input type="file" name="upload" accept="image/gif, image/jpeg" size="30" style="margin-left: 15px; margin-top:5px;" /></td></tr>

<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>
<tr><td align="center">Required fields marked with *</td></tr>

<!-- Buttons to clear the form or to submit the form -->
<tr><td align="center"><input type="reset" value="Clear the Form" />
<input type="submit" value="Send your message" /></td></tr>

</table></form<script type="text/javascript">loadSelections(document.forms[0]);</script>

</body>
</html>

Console Error: Unable to get value of the property 'split': object is null or undefined
for this line:

Code:

fieldArray = fieldValues.split("\|");

I am hitting a brick wall, dont know what to do?

Form Information Fetching Problem

Similar Tutorials

View Content

Hello everyone,

I've got a problem while trying to fetch some informations from multiple forms in the same page.
What I'm trying to do with this code is fetching informations from the multiple forms on my page and checking if the information is the information I need.
If so, I take this information and add it into a javascript generated form that I submit once every form in the page have been taken care of.

It's the only way I found to 'submit' multiple forms at the same time.

Everything was fine until I decided to give the user the option to add more forms on the page by clicking on a button (the form is then generated by javascript and appended on the page).

There seems to be a problem when checking these particular forms, the script doesn't seem to recognize the value of the radio button (wich is add_question_faq) and never ever enters in this case. Code:

case "add_question_faq":
        alert ("pourquoi, ho, pourquoi")
        if (mesForms[cpt].question.value=="" || mesForms[cpt].answer.value==""){
        chaineModif+="StopSendRightNow"
        }
        break;

Except when the commentarised
Code:

//for (h=0;h<mesForms[cpt].elements.length;h++){
//alert (mesForms[cpt].elements[h].name)
//}

ain't commentarised.

Any Idea why a simple alert changes the behavior of the function?

Here's the said function:

Code:

 function select_forms_faq(){

        var chaineModif=""
        var mesFormsModif=new Array();
        var mesForms=document.getElementsByTagName("form");
        
        for (cpt=0;cpt<mesForms.length;cpt++){

        //for (h=0;h<mesForms[cpt].elements.length;h++){
        //alert (mesForms[cpt].elements[h].name)
        //}

        if (mesForms[cpt].action.length!=0 && mesForms[cpt].action.length!=undefined){

        for (k=0;k<mesForms[cpt].action.length;k++){

        if (mesForms[cpt].action[k].checked==true){
        
        switch (mesForms[cpt].action[k].value){
        
        case "delete":
        chaineModif+="<input type=\'text\' name=\'delete_"+mesForms[cpt].id_question.value+"\' value=\'"+mesForms[cpt].id_question.value+"\' />";
        break;
        case "save_changes_question":
        chaineModif+="<input type=\'text\' name=\'update_question_faq_"+mesForms[cpt].id_question.value+"\' value=\'id"+mesForms[cpt].id_question.value+"question"+mesForms[cpt].question.value+"answer"+mesForms[cpt].answer.value+"\' />"
        break;
        case "save_changes_cat":
        chaineModif+="<input type=\'text\' name=\'update_cat_faq_\' value=\'id"+mesForms[cpt].id_cat.value+"category"+mesForms[cpt].cat.value+"\' />"
        break;
        case "add_question_faq":
        alert ("pourquoi, ho, pourquoi")
        if (mesForms[cpt].question.value=="" || mesForms[cpt].answer.value==""){
        chaineModif+="StopSendRightNow"
        }
        break;
        }
        }
        }
        }
        }
        if (chaineModif!="" && chaineModif.indexOf("StopSendRightNow")==-1){
        var formFinal=document.createElement("form")
        with(formFinal){
        method="POST"
        action=""
        name="formFinal"
        id="formFinal"
        style.display="none"
        }
        chaineModif+="<input type=\'hidden\' name=\'submit_changes_faq\' value=\'submit_changes_faq\' />"
        document.getElementById("wpbody-content").appendChild(formFinal)
        document.getElementById("formFinal").innerHTML=chaineModif
        formFinal.submit();
        return false
        }
        else{
        return false
        }
    }

Attach Script To Iframe

Similar Tutorials

View Content

Taking Information From Forms To Change Form Value

Similar Tutorials

View Content

I am creating a website for someone and can get information from one form to check it so it can then change the data in another form.

This what I have for JavaScript:
<script type="text/javascript" language="JavaScript">
function price()
{
if(document.cust.top.value == None &&
document.cust.swirl.value == None)
{
document.price.hosted_button_id.value =
"UDNNKUHTPGEEW";
}
else
{
document.price.hosted_button_id.value =
"CP8EVFLEASF28";
}
}
</script>

The result I want is to take the value from my form that has a radio buttons and check to see if it equal none or not. Then using that information change the value in a different form.

The first form looks like this for beginning:
<form name="cust" method="get" action="">

Help With Form Validation And Output Information From A User

Similar Tutorials

View Content

Anyway To Get Image Attach To Radio Button

Similar Tutorials

View Content

1)
I have a group of radio buttons and have an image for each button.
is there anyway to get that image to go with the value of the radio button to the next page when the radio button is pressed. I already have a script to place the value of the radio button into a text box but i cant seem to get the image to follow.
2)
also is the a script to have 3 text boxes in a form post in a second form hidden and reappear in a third form before submit

Attach Onclick Event To Default Dropdownlist Value

Similar Tutorials

View Content

i have a dropdownlist with some values,ex: One, Two and Three; One being the default value selected on load of dropdown list.

When I select Two or Three, there is onselectedchange event fired and I can write custom code in handler. But I also want to do some custom handling when page is loaded and user justs clicks on default value of "One". I want to take an action when user clicks on default value, "One" of dropdwn.

any suggestions/ideas?

Attach Event, Get Event Object, Stoppropagation And Preventdefault

Similar Tutorials

View Content

Hi forum,

I am trying to attach an event to a dynamically produced button, and then use
stopPropagation and preventDefault.
Code:

function chapter12_nodeOne() {
    
    //create an element
    var element = document.createElement('input');
    //set some attributes
    element.setAttribute('type', 'button');
    element.setAttribute('value', 'submit');
    element.setAttribute('id', 'myBtn');
    //appendd the element into a DIV
    document.getElementById('myDiv').appendChild(element);
    //uses EventUtil to attach an event listener
    EventUtil.addHandler(element, 'click', function() {
        alert('event attached');
    });

    var flag = confirm('prevent default behavior of button?');
    if (flag) {
        var el = document.getElementById('myBtn');/////////////////////////(1)
        var ev = el.onclick;
    }
}

var EventUtil = {
    addHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = handler;
        }
    },

    removeHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.removeEventListener) {
            element.removeEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.detachEvent) {
            element.detachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = null;
        }
    }
};

But when debugging I see under el on the line marked with (1) that the onclick event is null. What am I doing wrong?!
PS:the event is attached, when I click on the button I get an alert message

Mailto Link

Similar Tutorials

View Content

Does anyone know of a safe mailto link using JavaScript?

How Get A Mailto:subject To Equal What Is In The Title Tags Of The Page?

Similar Tutorials

View Content

I'm looking for a simple javascript that can fill in the subject of an email message with whatever is in the title tags of the page they're on and also to include the link the the page in the body.

[CODE]
<a href="mailto:e@o.com?subject=&body=http://www.o.htm" title="Question">
[CODE]

Thanks!

Information Bar

Similar Tutorials

View Content

Hi everyone I need to make a chrome extension that will be work like panel like on site "http://static.springsource.org/spring/docs/3.0.x/spring-framework-reference/html/" but in my case this panel should work on every site and be always on top of every page content. I implemented this with iform element and added div element same size as iform to the end of the body, so my panel will not hide the end of page . The problem is adding this panel to sites like gmail. in this case I cant add element to the end of page and it's hide part of content. How can I solve this problem or is there any other way to make this.

Animated Information Bar

Similar Tutorials

View Content

Hi!

I installed the Animated Information Bar found on http://www.javascriptkit.com/script/.../infobar.shtml

Now there is a option to display the bar once per session but this isn't working...

Code:

infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!

Anyone has installed this bar and knows why this isn't working?
I use IE8

greetings
Jardin
Holland

Collecting Information.

Similar Tutorials

View Content

This is what i want to do but Im not sure if it is possible i just want a push in the right direction to how to do it anyway.

How would i go about displaying information on my site collected from another site its for a sports website i don't want to have to count tackles in each footy game i just want to take certain stats from another site and display them on mine is this something that can be done using JavaScript?

thanks any help would be great

Hidden Information?

Similar Tutorials

View Content

Hello. The link below is the result of a product search on a website. It displays 2 results. However, the actual results (picture & information) that are displayed on the web page are not present in the "Page Source".

For example, if you search the page source for the string '860723' (which is one of the product numbers visible on the web page) it is not there. What is going on here? It looks to me like dummy images & information in the HTML are first loaded by the browser, and then that dummy info gets replaced by the real information via a javascript function. Is that what's going on?

http://www.lightsamerica.com/metro/s...mber:SL9469-8;

I'm trying to retrieve that information by downloading the source in my PHP program. The problem is that the information I want isn't present in the source. It stands to reason that the information is somehow being sent to the browser because I can see it... any ideas?

Thanks for your time,
-Scott

Get Image Information

Similar Tutorials

View Content

hi everyone,

is it possible to get information about image, or generally speaking a file using javascript???
lets say i used a browse button (input type="file") and when the user selects the file, i can get the file information - like if it were an image, then its dimensions and if possible, then the file size too...

is this possible in javascript???

thanks in advance
Hemal