Question

I have following and would like to be able to use one function only preferably…

$(document).ready(function(){

$("#home_p1").editInPlace({
        url: './include_eip_77994477/eip.php',
    });

$("#home_p2").editInPlace({
        url: './include_eip_77994477/eip.php',
    });

$("#home_p3").editInPlace({
        url: './include_eip_77994477/eip.php',
    });
});

This could go to 15 or 20 instances on some pages…is it possible?

Answer 1

You can combine the different elements with a comma:

$("#home_p1, #home_p2, #home_p3").editInPlace({
    url: './include_eip_77994477/eip.php',
});

Or you can add a class to all your elements and use a class selector:

$(".someClass").editInPlace({
    url: './include_eip_77994477/eip.php',
});

jQuery selectors