Avatar of traport
traport asked on

Add a "Loading Modal" to a search

I can't figure out how to show my "loading" modal within this block of code so that any time the form is submitting the loading will come up.

Where would this:

$("#searchLoader").show();

Open in new window


go in the code below so that everytime the search is submitted the searchLoader appears in modal.

var bindSearchSubmit = function() {
	$('form[name="searchform"]').submit(function(e){
		e.preventDefault();
                    var frmData = $(this).serializeJSON(),
			       postdata = {
				method: "getBindersBySearchCriteria",
				returnFormat:"json",
				DSN: cfrequest.dsn,
				InstanceId: cfrequest.instanceId,
				xJLLISUserId: cfrequest.xJLLISUserId,
				oFormData: $.extend({},frmData,{countonly:1}),
				PageSize: 10,
				cachebuster: new Date().toString()
			};
		postdata.oFormData = $.toJSON(postdata.oFormData);

Open in new window

JavaScriptColdFusion LanguageAJAX

Avatar of undefined
Last Comment
traport

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Gary

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
traport

Thank you so much. As it turns out I listed the wrong submit block... It's after the form "linktoSelectForm" is submitted. Thank you for your help. I'm sorry.

var searchLinkToList = function(idlist){
		var idlist = (typeof idlist === 'undefinded' || idlist === "") ? cfrequest.instanceId : idlist,
			$modal = $('.linkToOrgSearchListModal'),
			$form = $("#linktoSelectForm"),
			tabname = $("input[name=tabname]", $form).val(),
			requestData = {
				linkentitytype: $("input[name=linkentitytype]", $form).val(),
				entityid: $("input[name=entityid]", $form).val(),
				entitytype: $("input[name=entitytype]", $form).val(),
				callback: $("input[name=callback]", $form).val(),
				copsectionid: $("input[name=copsectionid]", $form).val(),
				copsectionexpanded: $("input[name=copsectionexpanded]", $form).val(),
				tabname: tabname,
				tieridlist: idlist
			};

Open in new window

ASKER
traport

I posted the wrong block but based on response was able to figure out placement in new block. Thanks so much.
Your help has saved me hundreds of hours of internet surfing.
fblack61