This is something that I don't think can't be done, or can't be done easy.
Think of this, You have an button inside a div in
HTML, when you click it, you call a php function via AJAX, I would like to send the
element that start the click event(or any
element as a parameter) to PHP and BACK to JS again, in a way like serialize() in PHP, to be able to restore the
element in JS.
Let me give you a simple example:
PHP:
function ajaxCall(element){
return element;
}
JS:
callbackFunction(el){
el.color='red';
}
HTML:
<div id="id_div">
<input type="button" value="click Me" onClick="ajaxCall(this, callbackFunction);" />
</div>
So I thing at 3 methods
method 1.
I can give each
element in the page an ID.
so the call to Ajax would look like this:
ajaxCall(this.id, callbackFunction);
and the callback function would be:
document.getElementById(el).color='red';
This method I think is hard, beacause in a big page is hard to keep track of all ID's.
method 2.
I think that using xPath could be done, If i can get the exact path of an
element, and in the callback function evaluate that path to reach the
element. This method needs some googling, it is just an ideea.
method 3.
Modify my AJAX functions, so it retain the
element that started the event, and pass it to the callback function as argument when something returns from PHP, so in my AJAX would look like this:
eval(callbackFunction(argumentsFromPhp, element));
and the callback function would be:
callbackFunction(someArgsFromPhp, el){
el.color='red';
// parse someArgsFromPhp
}
I think that the third option is my choise to start this experiment.
Any of you has a better idea how I can accomplish this ?
Thank you.
