plugin DataTables plus plugin jEditable

Version imprimable

Bonjour

Connaissez vous un tuto permettant de mettre en place ces deux plugin ?

http://www.datatables.net/examples/api/editable.html
n'est pas assez documenté (a mon niveau)

Voici le code jquery qui permet apparement de faire les mise à jour (update) en cliquant simplement sur du texte :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script type="text/javascript" charset="utf-8"> var oTable; $(document).ready(function() { /* Apply the jEditable handlers to the table */ $('#example tbody td').editable( 'editable_ajax.php', { "callback": function( sValue, y ) { var aPos = oTable.fnGetPosition( this ); oTable.fnUpdate( sValue, aPos[0], aPos[1] ); }, "height": "14px" } ); /* Init DataTables */ oTable = $('#example').dataTable(); } ); </script>
Malheureusement, le contenu de 'editable_ajax.php' ne m'aide pas à aller plus loin
Code:

1 2 3 4 <?php echo $_POST['value'].' (server updated)'; ?>
si vous avez une idée, je suis preneur
Merci de votre aide

10/09/2009, 10h51
mickeymic

Salut,

Idem j'ai pas trouvé de solution...

As tu avancé sur ce sujet ? Où si quelqu'un a une idée ?

:roll:
13/10/2009, 11h32
tomtom182

idem pour moi !
Avez vous avancer dans vos recherches ?

salut c'est pas dur !

voici la page index.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<script src="jquery.js" type="text/javascript" charset="utf-8"></script> 
<script src="jeditable.js" type="text/javascript" charset="utf-8"></script>
<script>
  $(".editable_textarea").editable("save.php", { 
      indicator : "<img src='indicator.gif'>",
      type   : 'textarea',
      submit : 'OK',
      cancel : 'cancel',
      cssclass : "editable"
  });
<script>
 
<?php 
include ('connection.php');
 
// On sélectionne la base
$sql = "SELECT valeur FROM test where id = 1";  // inserer l'id dynamiquement dans un input de type hidden
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
$result = mysql_fetch_row($req);
$valeur = $result[0];
?>
 
<p class="editable_textarea" id="paragraph_1"><?php echo $valeur;?></p>

et la page save.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
// pour éviter d'avoir à recharger a la main,
// non rafraichit la page avant retourner la valeur la page index.php
function redirection(page)
  {window.location=page;}
setTimeout('redirection("index.php")',100);
</script>
 
<?php
// on redefinit à nouveau les identifiants de connection a la base
include ('connection.php');
 
// le champ de <p> recuperé par jeditable est value
$valeur = $_POST['value'];
$sql = "UPDATE `test` SET `valeur` = '$valeur' where `id` = 1";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
?>

voila je pense que ça doit fonctionner correctement entre mysql et jeditable.
Du moment que l'on récupère du php, après dans le traitement on fait ce qu'on veut.