a bit of strategy before using ajax

pck76

Hi All,

I have an include file with all my functions, including the one that dinamically generates a list of divs, each one containing a picture with name, descriptions etc, plus the buttons to edit the content of that div (eg, the name of the picture).

The idea is that when clicking one of these buttons, that div becomes a form, so the content can be changed. Problem is, reloading the page means that it will start from the top again (and I have to scroll down to the picture I wanted to modify)

What do you think is the best strategy to avoid this?
I was thinking of using ajax, so only the content of that div could be replaced with the form - but if I do so, how can I send the post data to a function inside an include, instead of a page?

Any other ideas?

thanks,
Patrick

johanafm

If all you have in your include file is functions, create a new file as target for your ajax call. Assuming your ajax call sends the variable data as post

postImageData(this) {
	img = this.parentNode.getElementsByTagName('img');
	img = img[0];
	// same for input that holds the image name
	var data = 'function=updateImage&imageId='+img+'&name='+name;

// do XHR call
}

if (!isset($_POST['function']))
	return;

$functions = array('updateImage', 'deleteImage');

if (!in_array($_POST['function']), $functions)
	return;

include('functionfile.php');

$_POST['function']();		// calls updateImage() in this case

// you can abviously also do things like
$image = intval($_POST['imageId);
$_POST['function']($image);