Javascript function to reset all forms in a document | Samir Patel - Web Applications Developer, Belmont NC 28012 * 704-345-2040

Programming menu

Links

Home

Articles

Programming

AJAX

Javascript function to reset all forms in a document

Tag it:

function resetAllForms (windowOrLayer) {
  if (!windowOrLayer)
    windowOrLayer = window;
  for (var f = 0; f < document.forms.length; f++)
    windowOrLayer.document.forms[f].reset();
  if (document.layers)
    for (var l = 0; l < windowOrLayer.document.layers.length; l++)
      resetAllForms(windowOrLayer.document.layers[l]);
}

<a href="javascript:%20resetAllForms();%20void%200">

Write comment (0 Comments)

How to click a link from javascript - cross browser function

Tag it:

function fireEvent(obj,evt){

var fireOnThis = obj;
if( document.createEvent ) {
var evObj = document.createEvent('MouseEvents');
evObj.initEvent( evt, true, false );
fireOnThis.dispatchEvent(evObj);
} else if( document.createEventObject ) {
fireOnThis.fireEvent('on'+evt);
}
}

So, you would call :

fireEvent(document.getElementById("grey_link"),'click');

Write comment (0 Comments)

Javascript function that is equivalent to PHP's urlencode

Tag it:

function urlencode(s) {
  s = encodeURIComponent(s);
  return s.replace(/~/g,'%7E').replace(/%20/g,'+');
}

Write comment (0 Comments)

How to post a form via POST using AJAX

Tag it:

unction submitEditProfileNameDetailsAjax(){
	if(validatemyNameForm()){
				$('editNameDetailsSubmitButtonDiv').innerHTML = '<img src="images/spinner.gif" mce_src="images/spinner.gif">';
				//$('NameForm_res').innerHTML = "";
				var url = 'name_of_page_that_accepts_post.php';
				var Name_Prefix = $('Name_Prefix').value;
				var fi = $('fi').value;
				var Name_First = $('Name_First').value;
				var second_name = $('second_name').value;
				var Name_Middle = $('Name_Middle').value;
				var Name_Last = $('Name_Last').value;
				var Name_Suffix = $('Name_Suffix').value;
				var nick_print = $('nick_print').value;
				var Title = $('Title').value;
				var title_badge = $('title_badge').value;
				var web_edit_fields = $('web_edit_fields').value;
				var detailsId = $('detailsId').value;
				//create the params for AJAX POST				
				var params = "Name_Prefix="+Name_Prefix+"&fi="+fi+"&Name_First="+Name_First+"&second_name="+second_name+"&Name_Middle="+Name_Middle+"&Name_Last="+Name_Last+"&Name_Suffix="+Name_Suffix+"&nick_print="+nick_print+"&Title="+Title+"&title_badge="+title_badge+"&web_edit_fields="+web_edit_fields+"&detailsId="+detailsId;
				xmlHttp = GetXmlHttpObject1();
				xmlHttp.open("POST", url, true);
				xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				xmlHttp.setRequestHeader("Content-length", params.length);
				xmlHttp.setRequestHeader("Connection", "close");
				
				
				xmlHttp.onreadystatechange = function() {//Call a function when the state changes.
					if(xmlHttp.readyState == 4) {
						$('editNameDetailsSubmitButtonDiv').innerHTML = '<input name="button" class="button_blue" id="editNameDetailsSubmitButton" value="Save Changes to Name" onclick="submitEditProfileNameDetailsAjax()" type="submit">';
						$('NameForm_res').innerHTML = "";
						//update the values of the textboxes and drop downs to reflect the new values
						$('responseForNameForm').innerHTML = xmlHttp.responseText;
						if($('getMemberYooLoginDetailsModule')){
							$('memberYooLoginDetailsModule').innerHTML = $('getMemberYooLoginDetailsModule').innerHTML;	
						}
						$('NameForm_res').innerHTML = '<span class="info">Changes to your name details have been saved.</span>';	
					}
				}
				xmlHttp.send(params);
	}
}

Write comment (0 Comments)

Last Updated ( Monday, 15 December 2008 )

Cross Browser create an xmlHttpRequest object

Tag it:

<script language="javascript">
function GetXmlHttpObject()
{
	var xmlHttp=null;
	
	try
	 {
	 // Firefox, Opera 8.0+, Safari
	 xmlHttp=new XMLHttpRequest();
	 }
	catch (e)
	 {
	 // Internet Explorer
	 try
	  {
	  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	  }
	 catch (e)
	  {
	  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	 }
	return xmlHttp;
}
</script>

Write comment (0 Comments)

More...

[ Back ]