Guardar en DB con Ajax

[iovan]

Hola amigos, veran estoy usando un script en ajax que me permite hacer esto:

http://digitalhymn.com/argilla/tipmage/


En una parte del código dice esto:

Código js:

/**
     *  It can be used to save the tooltip in a database with AjAX.
     *  @param  identifier  An identifier (ID) that may be useful for a database
     *  @param  posx    X coordinate of the tooltip rectangle after editing
     *  @param  posy        Y coordinate of the tooltip rectangle after editing
     *  @param  width   Width of the tooltip rectangle after editing
     *  @param  height  Height of the tooltip rectangle after editing
     *  @param  text        Text contained in the tooltip after editing
     */
    'onInsert' : function (identifier,posx,posy,width,height,text) {
        // do nothing - this is just a stub
    },
 

Me pueden ayudar a entender como puedo guardar en la DB la "etiqueta" (la posicion en X, la posicion en Y, etc... de la imagen,

Muchas gracias

EDITO:

COMO MAYOR REFERENCIA ECONTRE ESTO:

[hr]
Advanced operations

Tipmage provides tools to create and edit tooltips, but they would be pretty useless without a way to give them persistence (for example saving them in a database). To gain persistence we will use callback functions.

Tipmage provides 3 function stubs: onInsert, onUpdate and onDelete. These functions will be called automatically by the engine with the right parameters, which are: ID of the tooltip, horizontal and vertical position of the rectangle, width and height of the rectangle and the text attached to the tooltip.

By implementing the stubs, we can make Tipmage do what we want with our data.

Let's see an example illustrating how to implement the onInsert function. This code should go in the same place as the code showed above.

Código js:

<script type="text/javascript">
  tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
    // do something, like an AJaX call or whatever...
  };
</script>
 

onInsert is called when a new tooltip is added, onUpdate is called when an existing tooltip is modified, onDelete is called when an existing tooltip is deleted.

__________________

Si entiendo el ingles, pero no se nada sobre como agregar a la DB con Ajax, muchas gracias.

[GatorV]

Te recomiendo leer las FAQs del foro para que entiendas como hacer un request asíncrono a un archivo PHP, una vez que entiendas como hacer el request de forma asíncrona solamente tienes que agregarselo a tu código y podrías almacenar lo que necesites, por ejemplo si usaras JQuery, harías algo así:

Código Javascript:

<script type="text/javascript">
  tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
         $.post('file.php', {identifier: identifier, posx: posx, posy: posy: width: width: height:height, text:text}, function( response ) {
       alert( 'la respuesta es: ' + response );
}
  });
</script>
 

Luego solo sería crear un archivo php (file.php por ejemplo) y var a recibir las variables por $_POST, como $_POST['posx'], las almacenas en una base de datos y solo respondes un "ok" o algo por el estilo para la respuesta AJAX.

Saludos.

[iovan]

muchas gracias, muy completa la respuesta.

Entonces imagino que aqui inicio en mi aprendizaje AJAX.

GRacias saludos!