Auto-submit form only on initial load

[Ed727]

Hello - I have a search form and a results list on the same page, per this approach: https://howto.caspio.com/tech-tips-and-articles/tech-parameters/add-a-search-interface-to-results-sets-page/

The search form is a submission form which passes parameters to a results list.  Both are embedded in the same web page.

When the web page loads I'd like the search form to auto-submit based on some default values, so that a list of results is generated.   Otherwise it just shows "No records found" until the user submits the form.

I see Caspio provided an auto-submit javascript solution below.  However, since the submission form reloads after each search, the below creates an infinite loop.

Does anyone have a simple solution so that the search form auto-submits ONLY when the user first visits the web page?

Thank you.

 

 

[Ed727]

Hello, checking again to see if anyone might have a solution, before I table this as not possible.  Thank you.

[Vitalikssssss]

Hi @Ed727,

I assume that you have both Datapages deployed on a web-page with an embed method.

You can use a JS which clicks on Submit button if my assumption is correct.

Here a a code which you can use on web-page:

<script>

function submit () {

document.querySelector("input[id*='Submit']").click();

}    
    
setTimeout(submit, 5000); 
    
</script>

Hope this helps.

Regards,

vitalikssssss

[Ed727]

That's fantastic, thank you!

I dropped the code into the footer and I also decreased the timing from 5000 to 500 to reduce the delay before it ran; and it runs great!