Question

I’m trying to stop iframes from re-loading on hover…

onmouseover="javascript:if(loadintoIframe) {loadintoIframe('Supportfrm', 'http://mysite.com/page.php); loadintoIframe=null;}"

onmouseover="javascript:if(loadintoIframe) {loadintoIframe('TroubleshootingFrm', 'http://mysite.com/page.php); loadintoIframe=null;}"

loadintoIframe=null; works for one iframe on load but not both. Got a feeling null negates the option for hovering over a second.

Answer 1

Why don’t you use two different functions with flags you can set indicating the form was loaded?

<script>
    var supportFormIsLoaded = false;
    var troubleShootingFormIsLoaded = false;

    function loadSupportForm() {
        if(supportFormIsLoaded) return;

        loadintoIframe('Supportfrm', 'http://mysite.com/page.php');
        supportFormIsLoaded = true;
    }
    function loadTroubleShootingFForm() {
        if(troubleShootingFormIsLoaded ) return;

        loadintoIframe('TroubleshootingFrm', 'http://mysite.com/page.php');
        troubleShootingFormIsLoaded = true;
    }
<script>

and then the mouse overs:

onmouseover="loadSupportForm()"

onmouseover="loadTroubleShootingFForm();"