use js functions only for particular forms

[MACscr]

I have a nice little js script for using XHR to submit forms and get the results back in hidden div. My problem is that it currently is setup to work with all forms on the page. I only want it to work particular forms. Here is my code

http://pastebin.ca/492590

Im thinking i need to change line 85 and then add action on the submit buttons on the forms i want to use it with. Im really horrible at js, so any help is really appreciated.

[Markdidj]

you could either reference the form by ID or class

if you want to apply the functions to one form then use ID, but you could set a function that iterates through all the forms, and see if one has the className of, for instance, jsapply, and if one is found apply the function.

Hope it's of help

[MACscr]

you could either reference the form by ID or class

if you want to apply the functions to one form then use ID, but you could set a function that iterates through all the forms, and see if one has the className of, for instance, jsapply, and if one is found apply the function.

Hope it's of help

Thanks for the idea about className, i will definitely look into that. Since i stink at js, could you by chance give me a example function for checking for a className? Tks!

[Markdidj]

function findClass() {
var x=document.getElementsByTagName('form');
for(i=0;i<x.length;i++) {
if(x[i].className.indexOf("class_named_form")>-1) {
do_something();
}
}
}

[MACscr]

thanks for the sample code, but i wasnt able to get it to work. Here is part of the original code.

// Initialize forms:
window.onload = ajaxInit;
function ajaxInit(){
	for (var i = 0; i < document.forms.length; i++){
		var curForm = document.forms[i];
		if (curForm.method == "post") {
			curForm.onsubmit = post_method; // Apply post_method to *every* form on the page
		} else if (curForm.method == "get") {
			curForm.onsubmit = get_method;
		}
	}
}

		                <form action="" method="post" id="{$ip}chk">
        			        <input type="hidden" value="revSubmit.php" name="resultspage" id="resultspage" />
			                <input type="hidden" value="check" name="mode" />
			                <input type="hidden" value="{$ip}" name="ip" />
			                <input type="submit" value="Check" />
	                	</form>

and now with your changes:

// Initialize forms:
function findClass() {
	var x=document.getElementsByTagName('form');
	for(i=0;i<x.length;i++) {
		if(x[i].className.indexOf("ajax")>-1) {
			return ajaxInit();
		}
	}
}
function ajaxInit(){
	for (var i = 0; i < document.forms.length; i++){
		var curForm = document.forms[i];
		if (curForm.method == "post") {
			curForm.onsubmit = post_method; // Apply post_method to *every* form on the page
		} else if (curForm.method == "get") {
			curForm.onsubmit = get_method;
		}
	}
}

		                <form class="ajax" action="" method="post" id="{$ip}chk">
        			        <input type="hidden" value="revSubmit.php" name="resultspage" id="resultspage" />
			                <input type="hidden" value="check" name="mode" />
			                <input type="hidden" value="{$ip}" name="ip" />
			                <input type="submit" value="Check" />
	                	</form>

any idea what im doing wrong? it basically submits just like a regular form (page refresh) when i try it the new way.

[Markdidj]

I think it would be better to put it in your ajaxInit function, although I'm not sure where you want it, but something like this

function ajaxInit(){
    for (var i = 0; i < document.forms.length; i++){
        if(document.forms[i].className.indexOf("ajax")>-1){
            var curForm = document.forms[i];
            if (curForm.method == "post") {
                curForm.onsubmit = post_method; // Apply post_method to *every* form on the page
            } else if (curForm.method == "get") {
            curForm.onsubmit = get_method;
           }
        }
    }
}

[MACscr]

but dont i need to somehow init the ajax function in the beginning? Should i keep this code in then?

window.onload = ajaxInit;

BTW, i really appreciate your help with this. Thanks!

[MACscr]

awesome, combination of your last post and the window.onload = ajaxInit; worked perfectly. You are the man! Can you PM me your paypal address so i can at least buy you a drink?

[Markdidj]

Not to worry dude, I only know the stuff because I've been taught it here