root/tools/routingservice/trunk/tests/js/scripts.js

$(document).ready(function()
{
    init();

    $('#setting select').bind('change', function()
    {
        if($(this).val() == "closest_edge")
        {
            displayCE(true);
            displaySP(false);    
        }
        if($(this).val() == "shortest_path")
        {
            displayCE(false);
            displaySP(true);
        }
        makeRequest(this);
    });
    
    $('#setting input[type="text"]').bind('keyup', function()
    {
        var input = $(this).val();
        
        if(input.length > 0) 
        {
            makeRequest(this);
        }
        else
        {
            $(this).removeClass("data_ok");
            $(this).addClass("data_wrong");
        }
    });


});


function init()
{
   $('#setting input[type="text"]').each(function()
    {
        var input = $(this).val();
        if(input.length > 0) 
        {
            makeRequest(this)
        }
    });
    
    if($('#setting select').val() == "closest_edge")
    {
        displayCE(true);
        displaySP(false);
    }
    if($('#setting select').val() == "shortest_path")
    {
        displayCE(false);
        displaySP(true);
    };
}


function makeRequest(target)
{
            $(target).removeClass("data_wrong");
            $(target).addClass("data_ok");
            if($('#setting select[name="service"]').val() == "closest_edge")
            {       
                //GET
                $('a[id="getlink"]').html("http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val()+"?data="+$('#setting input[name="data"]').val());
                $('a[id="getlink"]').attr({href:"http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val()+"?data="+$('#setting input[name="data"]').val()});        
        
                //POST
                $('#post span[id="url"]').html("http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val());
                $('#post span[id="data"]').html($('#setting input[name="data"]').val());    
                $('#post').attr({target:"myFrame",action:"http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val()});
                $('#post input[name="data"]').attr({value:$('#setting input[name="data"]').val()});
            }
            if($('#setting select[name="service"]').val() == "shortest_path")
            {
                //GET
                $('a[id="getlink"]').html("http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val()+"?start="+$('#setting input[name="start"]').val()+"&end="+$('#setting input[name="end"]').val());
                $('a[id="getlink"]').attr({href:"http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val()+"?start="+$('#setting input[name="start"]').val()+"&end="+$('#setting input[name="end"]').val()});
        
                //POST
                $('#post span[id="url"]').html("http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val());
                $('#post span[id="start"]').html($('#setting input[name="start"]').val());    
                $('#post span[id="end"]').html($('#setting input[name="end"]').val());          
                $('#post').attr({target:"myFrame",action:"http://"+$('#setting input[name="ip_server"]').val()+":"+$('#setting input[name="port"]').val()+"/"+$('#setting input[name="provider"]').val()+"/"+$('#setting input[name="formatIn"]').val()+"/"+$('#setting select[name="service"]').val()+"."+$('#setting input[name="formatOut"]').val()});
                $('#post input[name="start"]').attr({value:$('#setting input[name="start"]').val()});
                $('#post input[name="end"]').attr({value:$('#setting input[name="end"]').val()});
            }       
}

function displayCE(bool)
{
    if(bool == true)
    {
        $('#data_ce').attr({style:"display:inline"});
        $('#data_ce2').attr({style:"display:inline"});
        $('#data_sp2 input[name="start"]').attr("disabled","disabled");
        $('#data_sp2 input[name="end"]').attr("disabled","disabled");
        $('#data_ce2 input[name="data"]').removeAttr("disabled");       
    }
    else
    {
        $('#data_ce').attr({style:"display:none"});
        $('#data_ce2').attr({style:"display:none"});
        $('#data_sp2 input[name="start"]').removeAttr("disabled")
        $('#data_sp2 input[name="end"]').removeAttr("disabled");
        $('#data_ce2 input[name="data"]').attr("disabled","disabled");
    }
}

function displaySP(bool)
{
    if(bool == true)
    {
        $('#data_sp').attr({style:"display:inline"});
        $('#data_sp2').attr({style:"display:inline"});
        $('#data_sp2 input[name="start"]').removeAttr("disabled");
        $('#data_sp2 input[name="end"]').removeAttr("disabled");
        $('#data_ce2 input[name="data"]').attr("disabled","disabled");
    }
    else
    {
        $('#data_sp').attr({style:"display:none"});
        $('#data_sp2').attr({style:"display:none"});
        $('#data_sp2 input[name="start"]').attr("disabled","disabled");
        $('#data_sp2 input[name="end"]').attr("disabled","disabled");
        $('#data_ce2 input[name="data"]').removeAttr("disabled");       
    }
}