<div>
Thank you. &nbsp;I knew I was missing something. &nbsp;I simply created a new instance of the object and everything works great.
</div>


Thank you.  I knew I was missing something.  I simply created a new instance of the object and everything works great.

<div>
<div class="content wysiwyg-content">
I've got a page with 3 divs that I need filled using AJAX. &nbsp;So I've got 3 js functions to accomodate that. &nbsp;This is how I've got the section of the page:<br />
<br />
&lt;div id=&quot;Sect1&quot;&gt;&lt;/div&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;loa<wbr />dSect1();&lt;<wbr />/script&gt;<br />
<br />
&lt;div id=&quot;Sect2&quot;&gt;&lt;/div&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;loa<wbr />dSect2();&lt;<wbr />/script&gt;<br />
<br />
div id=&quot;Sect3&quot;&gt;&lt;/div&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;loa<wbr />dSect3();&lt;<wbr />/script&gt;<br />
<br />
------------<br />
The problem I'm having is that only the last javascript function seems to be executing. &nbsp;If I re-order the divs with say, Sect1 being last, then that function runs fine, but none of the other 2. &nbsp;I've included an onclick event on each of the divs and that works but I don't want users to have to click each section to load the data.<br />
<br />
What am I missing here?<br />
<br />
I thank you in advance.
</div>
</div>


I've got a page with 3 divs that I need filled using AJAX.  So I've got 3 js functions to accomodate that.  This is how I've got the section of the page:

<div id="Sect1"></div>
<script type="text/javascript">loadSect1();</script>

<div id="Sect2"></div>
<script type="text/javascript">loadSect2();</script>

div id="Sect3"></div>
<script type="text/javascript">loadSect3();</script>

------------
The problem I'm having is that only the last javascript function seems to be executing.  If I re-order the divs with say, Sect1 being last, then that function runs fine, but none of the other 2.  I've included an onclick event on each of the divs and that works but I don't want users to have to click each section to load the data.

What am I missing here?

I thank you in advance.

Multiple AJAX scripts/functions in one page only runs last function

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

JScript is Microsoft's dialect of the ECMAScript standard that is used in Microsoft's Internet Explorer. JScript is implemented as an Active Scripting engine, so it can be "plugged in" to OLE Automation applications that support Active Scripting, such as Internet Explorer, Active Server Pages, and Windows Script Host. It also means such applications can use multiple Active Scripting languages, e.g., JScript, VBScript or PerlScript.

JScript

A scripting language is a programming language that supports scripts, programs written for a special run-time environment that automate the execution of tasks that could alternatively be executed one-by-one by a human operator. Scripting languages are often interpreted (rather than compiled). Primitives are usually the elementary tasks or API calls, and the language allows them to be combined into more complex programs. Environments that can be automated through scripting include software applications, web pages within a web browser, the shells of operating systems (OS), embedded systems, as well as numerous games. A scripting language can be viewed as a domain-specific language for a particular environment; in the case of scripting an application, this is also known as an extension language.