root/optiondependency/templates/optionDependency.tpl @ 582

<script type="text/javascript">
{assign var=counter value=0}
{foreach from=$optionDependencies item=dep}
        {assign var=counter value=$counter+1}
        document.getElementById('{$dep.srcOption}').style.borderStyle = 'dashed';
        
        function callback{$counter}() { 
                {if $dep.dstType == "select"}
                        var val = document.getElementById('{$dep.srcOption}').value;
                        var ajaxRequest = new AjaxRequest();
                        ajaxRequest.openPost('{$dep.optionDependencyRequest}'+SID_ARG_2ND, 'query='+encodeURIComponent(val), function() {
                                if(ajaxRequest.xmlHttpRequest.readyState == 4 && ajaxRequest.xmlHttpRequest.status == 200) {
                                        
                                        var dest = document.getElementById('{$dep.dstOption}');
                                        for(var i=dest.length; i>=0; i--) {
                                                dest.options[i] = null;
                                        }

                                        var response = ajaxRequest.xmlHttpRequest.responseXML.getElementsByTagName('row');
                                        for(var i=0; i<response.length; i++) {
                                                document.getElementById('{$dep.dstOption}').options[i] = new Option(response[i].firstChild.nodeValue, response[i].getAttribute("optionID"), false, response[i].getAttribute("optionID") == '{$dep.dstValue}');
                                        }
                                }
                        });
                        
                {else if $dep.srcType == 'input'}
                        var response = ajaxRequest.xmlHttpRequest.responseXML.getElementsByTagName('row')[0];
                        document.getElementById('{$dep.dstOption}').value = response[0].firstChild.nodeValue;
                {/if}
        }

        {if $dep.srcType == 'select'}
                document.getElementById('{$dep.srcOption}').onchange = callback{$counter};
                onloadEvents.push(function() {
                        callback{$counter}();
                });
        {else if $dep.srcType == 'input'}
                document.getElementById('{$dep.srcOption}').onkeyup = callback{$counter};
        {/if}
{/foreach}
</script>