JavaScript

2 Submit Buttons

Ad Rotator

Alert

<script language="javascript">
<!--
alert("Hello there!");
//-->
</script>

<script language="javascript">
<!--
alert("Hello there!");window.location="DataEntry.asp"
//-->
</script>

ASP

<%
Response.write "<Script Language=" & chr(34) & "JavaScript" & chr(34) & ">"
Response.write "alert(" & chr(34) & "Access Denied!" & chr(34) & ");" 
Response.write "</Script>"
%>

<%
Response.write "<Script Language=" & chr(34) & "JavaScript" & chr(34) & ">"
Response.write "alert(" & chr(34) & "Access Denied!" & chr(34) & ");" 
Response.write "window.location = " & chr(34) & "DataEntry.asp" & chr(34) & ""
Response.write "</Script>"
%>

Banner

<script language="JavaScript">
<!--
images = new Array(2);

images[0] = "<a href='http://www.one.com'><img src='images/banner1.gif' border=0></a>";

images[1] = "<a href='http://www.two.com'><img src='images/banner2.gif' border=0></a>";

index = Math.floor(Math.random() * images.length);
// -->
</script>		

<script language="JavaScript">
<!--
document.write(images[index]);
//-->
</script>
<noscript><img src="images/banner1.gif" border="0"></noscript>

Browser Detection

Button: Cancel

Checkbox: Check All

Count Characters

Date Set

Dropdown: Navigation

<script language="JavaScript">
<!--
function JumpToPage()
{
	var myindex = document.welcome.NumPageList.selectedIndex;
	var iPage   = document.welcome.NumPageList.options[myindex].value;

	var sURL    = "/lite/inbox.asp?Page=" + iPage + "&Folder=<%= Escape(m_sFolder) %>"
	
	location = sURL;
}
// -->
</script>

Dropdown: Populate from 2 Textboxes

Select value from 2 textboxes and populate a dropdown (check if exists already first). This example allows the user to enter a name in one textbox and an email in another, click a button and both will show up in the expanded dropdown. The expanded dropdown is a selection list for later submission.

<script language="JavaScript">
<!--
function AddAttendee()
{
 // loop through attendee list
 var lastone = 1;
 while (document.form1.attendee_list.options[lastone])
 {
  // exists already?
  if (document.form1.attendee_list.options[lastone].text.toLowerCase().indexOf
   ("(" + document.form1.emailadd.value.toLowerCase() + ")") > 0)
  {
   alert("This attendee already exists.");
   return;
  }
  else
  {
   lastone ++;
  }
 }
 // add to bottom
 document.form1.attendee_list.options[lastone] = new Option(document.form1.nameadd.value + "
  (" + document.form1.emailadd.value.toLowerCase() + ")","!" + document.form1.nameadd.value +
  "!" + document.form1.emailadd.value.toLowerCase() + "!2");
 document.form1.emailadd.value = ""; //BLANK THE EMAIL FIELD
 document.form1.nameadd.value = ""; //BLANK THE NAME FIELD
}
// -->
</script>

<form method="post" action="test.asp" name="form1">
<input type="text" size="30" name="nameadd" maxlength="150"><br><br>
<input type="text" size="30" name="emailadd" maxlength="150"><br><br>
<select name="attendee_list" size="11" style="font-size:11px">
 <option>-- Add Attendees --</option>
</select>
<br><br>
<input type="button" value="Add" onClick="AddAttendee()">
</form> 

Enter Key: Submit Form

Eval

<script language="JavaScript">
<!--
function ShowCode() 
{
	if ((document.main_form.CCode.options[0].selected) !== true)
	{
		var code = eval("document.main_form.CCode").value;
		eval("document.main_form.CountryCode").value = code;
	}
}
// -->
</script>	

<select name="CCode" onChange="ShowCode()"></select>

Expand/Collapse

<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
	folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
	if (folder.display=="none")
		folder.display=""
	else
		folder.display="none"
}
//-->
</script>

<h3 style="cursor:hand" onClick="expandit(this)">Header 1</h3>
<span style="display:none" style=&{head};>
	This is content under Header 1.
</span>
	
<h3 style="cursor:hand" onClick="expandit(this)">Header 2</h3>
<span style="display:none" style=&{head};>
	This is content under Header 2.
</span>

Focus

Format Number

Images: Preload

JQuery: Hide/Show

Popup Window

Popup a new window
<script language="javascript">
<!--
var window_name = window.open("window_test.htm", "window_name", "width=400, height=350");
//-->
</script>   

 
Close window
<a href="javascript:close()">Close Window</a>

Popup: Confirm

Popup: Prompt

Print

<script language="JavaScript">
<!--
function printWindow()
{
   bV = parseInt(navigator.appVersion)
   if (bV >= 4) window.print()
}
// -->
</script>

<a href="javascript printWindow()">Print This Page</a>     

OR
 
<script language="JavaScript">
<!--
function printthis()
{
 print();
}
// -->
</script>

<a href='#' onclick='javascript:printthis();'><img src="print.gif"></a>

RadioButton: Selected

Redirect

Set Values

<%
v_sBox1 = "close"
v_sBox2 = "close"
v_sBox3 = "close"
%>

<script language="JavaScript">
<!--
function setValues(in1,in2,in3)
{
	document.form1.box1.value = in1;
	document.form1.box2.value = in2;
	document.form1.box3.value = in3;
	document.form1.submit();
}
// -->
</script>

<form action="test.asp" method="post" name="form1">
<a href="javascript:setValues('open','<%= v_sBox2 %>','<%= v_sBox3 %>')">Box 1</a> <br>
<a href="javascript:setValues('<%= v_sBox1 %>','open','<%= v_sBox3 %>')">Box 1</a> <br>
<a href="javascript:setValues('<%= v_sBox1 %>','<%= v_sBox2 %>','open')">Box 1</a>
<input type="hidden" name="box1" value="">
<input type="hidden" name="box2" value="">
<input type="hidden" name="box3" value="">
</form>

Textbox: Populate

Timezone

Validate Form

Validation: Allowed Characters

<script language="JavaScript">
<!--
function validcharsinstring(instring,allowedchars)
{ 
	if (instring.length > 0)
	{
		for (x=0; x < instring.length; ++x)
		{
			if (allowedchars.indexOf(instring.charAt(x)) == -1)
			{
				return false;
			}
		}
		return true;
	}
	else
	{
		return false;
	}
}


function ValidateForm()
{

	// check users textbox invalid char
	if (!validcharsinstring(document.form1.pangia_users.value.toLowerCase(),'0123456789'))
	{
		alert("Please use only numbers for this entry");
		document.form1.pangia_users.focus();
		return false;
	}
	return true;
}
//-->
</script>

<form name="form1" action="feedback.asp" method="post" onSubmit="return ValidateForm()">

Validation: Date Range

Validation: Required Character

Validation: Required Field

<script language="JavaScript">
<!--
function IsEmpty(str)
{
 while (str.substring(0,1) == ' ') str = str.substring(1);
 
 if (str.length > 0)
   return false;
 else
  return true;
}

function ValidateForm()
{

 // name
 if (IsEmpty(document.form1.name.value))
 {
  alert("Please enter your name.");
  document.form1.name.focus();
  return false;
 }
 return true;
}
// -->
</script> 

 
HTML
<form name="form1" action="feedback.asp" method="post" onSubmit="return ValidateForm()">