Discussion :

[diengkals]

bonjour, j'ai une table html qui m affiche mes données je voulais faire un update en ligne comme l'interface phpmyadmin sans passer vers une autre fenêtre.
quelqu'un connait comment le faire avec des exemples merci d'avance

[Bovino]

comment le faire avec des exemples

Autrement dit, tu veux juste qu'on le fasse à ta place c'est ça ?

[diengkals]

non mais juste s'il existe des tutoriel ou avec quelqu'un technologie utilisé pour le faire, juste me donner des repère

j'ai deja ma table qui affiche les données

Code php :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<table  border="1"  id="tableToggle">
	<thead>
		<tr >
			<th>Code Echeance</th>
			<th>Montant</th>
			<th>Echeancier(2013)</th>
			<td colspan="2">Action</td>
		</tr>
	</thead>
<?php 
$num_fac=$_GET['numero_fac'];
$total=$_GET['nbre_echeance'];
$connect=mysql_connect('localhost','root','');
mysql_select_db('test');
// afficher les echéances saisies				  
$requete1= mysql_query("select * FROM echeances where num_fac='".$num_fac."' "); 
while($datareq=mysql_fetch_array($requete1))
{
?>
	<tbody>
		<tr class="tableToggleButton"> 
			<td ><?php echo $datareq[4]; ?> </td>
			<td > <?php echo $datareq[3]; ?></td>
			<td   ><?php echo $datareq[1] ;?></td>
			<td> supp></td>
			<td>modifier</td>
		</tr>
	</tbody>
<?php 
	$tot=0;
	for($i=0;$i<$total;$i++)
	{
		$tot= $tot+$datareq[3];
	}
} 
?>
	<tfoot>
		<tr class="tableToggleButton">
			<th>Total</th>
			<th colspan="4">   <?php  echo $tot; ?> </th>
		</tr>
	</tfoot>
</table>

merci d'avance

[andry.aime]

Bonjour,

Il y a pas mal de plugin jQuery sur ne web:

• http://www.jtable.org/
• http://www.9lessons.info/2011/03/liv...-and-ajax.html
• http://code.google.com/p/jquery-datatables-editable/

A+.

[laissaAnn]

Je crois que tu peux le faire en javascript il me semble

[diengkals]

merci beaucoup j'ai suivi ce tuto http://www.9lessons.info/2011/03/liv...-and-ajax.html pour résoudre mon probleme

mais j'ai un autre souci, je calculais les totaux de montant lorsque j'affichais dans mon tableau mais lorsque je mets a jours mes lignes le total ne se mets pas en ligne et si j'actualise ma page je vois qu'il boucle sur la dernière ligne voici mon code

Code php :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
 
 <table  border="1"  id="tableToggle">
	          <thead>
			     <tr >
			        <th>Code Echeance</th>
					<th>Montant</th>
					<th>Echeancier(2013)</th>
 
				</tr>
			  </thead>
 
 
 
 
			     <?php 
				     $num_fac=$_GET['numero_fac'];
				     $total=$_GET['nbre_echeance'];
				    $connect=mysql_connect('localhost','root','');
                     mysql_select_db('test');
                   // afficher les echéances saisies				  
				  $requete1= mysql_query("select * FROM echeances where num_fac='".$num_fac."' "); 
 
				      while($datareq=mysql_fetch_array($requete1))
					  {
					   $id=$datareq[0];
				 ?>
				  <tbody>
				 <tr   id="<?php echo $id; ?>"  class="tableToggleButton"> 
				  <td   class="edit_td" >
				  <span id="date_<?php echo $id; ?>" class="text"><?php echo $datareq[4]; ?> </span>
				  <input type="text" value="<?php echo  $datareq[4]; ?>" class="editbox" id="date_input_<?php echo $id; ?>"/>
				  </td>
				  <td  class="edit_td" > 
				  <span id="mont_<?php echo $id; ?>" class="text"> <?php echo $datareq[3]; ?> </span>
				 <input type="text" value="<?php echo $datareq[3]; ?>" class="editbox" id="mont_input_<?php echo $id; ?>"/>
				  </td>
				  <td  class="edit_td"  >
				  <span id="ref_<?php echo $id; ?>" class="text"> <?php echo $datareq[1] ;?></span>
				 <input type="text" value="<?php echo $datareq[1]; ?>" class="editbox" id="ref_input_<?php echo $id; ?>"/>
				  </td>
 
			  </tr>
 
			  </tbody>
			     <?php 
				        $tot=0;
				        for($i=0;$i<$total;$i++)
						{
						  $tot= $tot+$datareq[3];
						}
 
				 } 
 
				 ?>
				    <tfoot>
			   <tr >
				  <th>Total</th>
				  <th colspan="4">   <?php  echo $tot; ?> </th>
			  </tr>
			  </tfoot>
			    </table>

fichier qui met a jour mes données

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?php
   $connect=mysql_connect('localhost','root','');
                     mysql_select_db('test');
if($_POST['id'])
{
$id=mysql_escape_String($_POST['id']);
$date_echeance=mysql_escape_String($_POST['date_echeance']);
$montant=mysql_escape_String($_POST['montant']);
$sql = "update echeances set date_echeance='$date_echeance',mont='$montant' where id='$id'";
mysql_query($sql);
}
?>

fichier js

Code javascript :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
 
$(".tableToggleButton").click(function()
{
var ID=$(this).attr('id');
$("#date_"+ID).hide();
$("#mont_"+ID).hide();
$("#ref_"+ID).hide();
$("#date_input_"+ID).show();
$("#mont_input_"+ID).show();
$("#ref_input_"+ID).show();
}).change(function()
{
var ID=$(this).attr('id');
var date_echeance=$("#date_input_"+ID).val();
var montant=$("#mont_input_"+ID).val();
var ref=$("#ref_input_"+ID).val();
var dataString = 'id='+ ID +'&date_echeance='+date_echeance+'&montant='+montant+'&ref_echeance='+ref;
$("#date_"+ID).html('<img src="load.gif" />'); // Loading image
 
if(date_echeance.length>0&& montant.length>0)
{
 
$.ajax({
type: "POST",
url: "table_edit_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
$("#date_"+ID).html(date_echeance);
$("#mont_"+ID).html(montant);
}
});
}
else
{
alert('Enter something.');
}
 
});
 
// Edit input box click action
$(".editbox").mouseup(function() 
{
return false
});
 
// Outside click action
$(document).mouseup(function()
{
$(".editbox").hide();
$(".text").show();
});

merci d'avance

[diengkals]

j'ai résolu mon problème j'ai calculer la somme dans ma requête sql merci de beaucoup de votre