Discussion :

[nicerico]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<?php
        echo $_POST['value'].' (server updated)';
?>

si vous avez une idée, je suis preneur
Merci de votre aide

[mickeymic]

Salut,

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

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

[tomtom182]

idem pour moi !
Avez vous avancer dans vos recherches ?

[kesmo]

voici la page index.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.