Question

I have a piece of Javascript that forwards a users’ selected information to an external PHP file, and returns information. In the code below, you can see it sends {‘report’ : report} via POST to that file. That works fine.

Essentially I need to add another variable to be sent. It’s called ‘id’, but it’s in another function. Is there a way to make that variable global and then incorporate it so it’s sent in my code snippet? (and when will the global variable be cleared?)I can also send it via the ‘url’ attribute, and use GET in my PHP…just not sure how to implement.

$('#adminSelectReport a').live("click", function () {
    //Get id from clicked link:
    var report = $(this).attr('id');

    $.ajax({
        type: 'POST',
        url: 'getReportInfo.php',
        data: {
            'report': report
        },
        success: function (msg) {
            //everything echoed in your PHP-File will be in the 'msg' variable:
            $('#adminReportInfo').html(msg);
            $('#adminReportInfo').fadeIn(400);
        }
    });
});

UPDATE: Here is the other snippet that sends ‘id’ to another page, getting information. I need to retain this ID, however, and use it on my original code.

$('#adminSelectCompany a').click(function() {
    //Get id from clicked link:
    var id = $(this).attr('id');

    $.ajax({
        type: 'POST',
        url: 'getReports.php',
        data: {'id': id},
        success: function(msg){
            //everything echoed in your PHP-File will be in the 'msg' variable:
            $('#adminSelectReport').html(msg);
            $('#adminSelectReport').fadeIn(400);
           $('#adminReportInfo').fadeOut(300);

        }
});
    });

Answer 1

So it sounds like they select a Company via a link, then they select a Report via another link, and you need to remember which Company was selected.

In order to avoid global variables, I’d probably just add a class to the selected Company link, and then fetch that element by the selected class, and grab its ID. You could use the class for styling as well if that’s needed.

var companies = $('#adminSelectCompany a');

companies.click(function () {

      // remove class from previously selected, and add to new one
    companies.filter('.selected').removeClass('selected');
    $(this).addClass('selected');

    $.ajax({
        type: 'POST',
        url: 'getReports.php',
        data: {
            'id': this.id
        },
        success: function (msg) {
            //everything echoed in your PHP-File will be in the 'msg' variable:
            $('#adminSelectReport').html(msg)
                                   .fadeIn(400);
            $('#adminReportInfo').fadeOut(300);

        }
    });
});

$('#adminSelectReport a').live("click", function () {

    $.ajax({
        type: 'POST',
        url: 'getReportInfo.php',
        data: {
            'report': this.id,
            'company': $('.selected')[0].id
        },
        success: function (msg) {
            //everything echoed in your PHP-File will be in the 'msg' variable:
            $('#adminReportInfo').html(msg);
            $('#adminReportInfo').fadeIn(400);
        }
    });
});