1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Reload la table à chaque insertion [Résolu]

Signaler
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
 -
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
 -
Bonjour,
j'utilise un table dans ma page qui affiche la table d'une base de donnée à chaque insertion mais le probleme c'est que la modifacation n'apparait qu'aprés l'ajout d'une autre.je veux à chaque insertion la nouvelle ligne apparait.
voila le code: 
<table border="2" id="tab">
         <fieldset style="color:blue;font-weight:bold;">les profs crées:</fieldset>
                <tr class="ligne">
   <th>id</th>
                 <th>login</th>
                 <th>password</th>
                </tr>
 <?php 
 mysql_connect("localhost","root","123") or die(mysql_error());
 mysql_select_db("basepfe")or die('Pas de Base de donn\351');
 $sql= mysql_query("select * from profs");
  while($result=mysql_fetch_array($sql))
                                                {
             
                                                    $n =$result['idP'];
                                                    $no = $result['login'];
                                                    $pr = $result['pass'];
                                                   
?>
                <tr>
                    <th><?php echo $n; ?></th>
                    <th><?php echo $no; ?></th>
                    <th><?php echo $pr; ?></th>
                </tr>
   
 <?php
 }
echo "<bold><script> location.reload();</bold>" ?> 
            </table>
</div>

pouvez-vous m'aider svp?merci d'avance

4 réponses

Réponse 1 / 4
Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
 1
Moi j'ai fais comme sa: 
function Insert_Line()
{		
	var V_I_New_Date = $("#I_New_Date").val();
	var V_S_New_Request = $("#S_New_Request").val();
	var V_I_New_TimeSpent = $("#I_New_TimeSpent").val();
	var V_TA_New_Description = $("#TA_New_Description").val();
	var V_I_New_Worker = $("#WorkerIdSelSave").val();
		
	//Recover the Primary key value
	$.ajax
	({
		type: 'POST',
		data: {
				Jour : V_I_New_Date, 
				Request : V_S_New_Request,
				TimeSpent : V_I_New_TimeSpent,
				Description : V_TA_New_Description,
				Worker : V_I_New_Worker
			  },
		async: false,
		url:'Insert_Line_BDD_Daily_Timer.ajx.php', 
		error: function(error){alert("Erreur : " + error);}
	});
	
	$("#S_New_Request").val('');
	$("#I_New_TimeSpent").val('');
	$("#TA_New_Description").val('');
	
	var TDW = "#MyTabPHP";
	var IDfromDateText = $("#DaySelSave").val();
	var NamefromWorker = $("#WorkerSelSave").val();	
	var IDfromWorker = $("#WorkerIdSelSave").val();
	EraseDiv(TDW);
	CreateDiv(IDfromDateText,IDfromWorker,NamefromWorker);
	
};
function EraseDiv(TDW)
{
	$(TDW).remove();
}

function CreateDiv(idJour,idWorker,nameWorker)
{
	$.ajax
	({
		type: 'POST',
		data: {V_I_New_Date : idJour, V_S_New_Worker : idWorker,ID_I_New_Date : idJour+'_'},
		async: false,
		url:'PHP_Tab_Day.ajx.php', 
		success:function(data) { $("#Tab_PHP").append(data)},
		error: function(error){alert("Erreur : " + error);}	
	}); 

	$("#I_New_Date").val(idJour);
	$("#I_New_Worker").val(nameWorker);	
	$("#DaySelSave").val(idJour);
	$("#WorkerSelSave").val(nameWorker);	
	$("#WorkerIdSelSave").val(idWorker);
};

Voila.
Réponse 2 / 4
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
j'ai rien compris dans ce code :( :( il y a pas autre solution que ce code? soit une fonction prédifinis ou autre ? merci
Signaler
Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
 1
Il y a surement d'autre façon , plus simple plus propre mais je n'ai que sa a te proposer (étant un grand débutant dans se domaine très vaste).
Signaler
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
merci pour votre réponse pouvez vous me proposez des tutorials? mercii
Signaler
Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
 1
regarde sur openclassroom.
sinon le principe du code que j'ai poster est assez simple il y a une fonction ajax qui crée mon tableau une fois que le filtre sur la BDD et sélectionner, la tu fais ton insert se qui va appeler une fonction qui supprime ton tableau et une qui crée de nouveau ton tableau.
Bonne chance
Signaler
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
ok merci bcp
Réponse 3 / 4
Messages postés
32290
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 mai 2021
 346
Bonjour,

Tu postes ta question dans la section Javascript... hors tu ne nous montres que du PHP..

Bon..si j'ai bien compris ta demande c'est :
Affichage des nouvelles valeurs saisies sur ta page ?

Par contre.. tu ne veux QUE les dernières valeurs saisies ou TOUTES les valeurs de ta table ?

En fonction de ta réponse... soit je déplace ton sujet dans la rubrique PHP (qui je pense suffira à résoudre ton souci) soit je la laisse en JAVASCRIPT.


@EnguerrandP :
une fonction qui supprime ton tableau et une qui crée de nouveau ton tableau.
Aucun intérêt de faire ça.
Le plus simple est de mettre à jour le tableau existant (pas besoin de le supprimer avant).






Signaler
Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
 1
On fais sa comment ???
Signaler
Messages postés
32290
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 mai 2021
 346
Tout dépend ce que tu entends par "supprimer".
Mais sinon .. comment... et bien en utilisant le DOM pour manipuler le document HTML en javascript et de l'AJAX pour requêter en arrière plan.
Signaler
Messages postés
295
Date d'inscription
vendredi 26 avril 2013
Statut
Membre
Dernière intervention
15 juillet 2015
 1
Se que j'ai fais tu pense que sa va causer des soucis ?
Signaler
Messages postés
32290
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 mai 2021
 346
Des soucis. non.. mais ce n'est pas le plus propre.
Mais bon... on est pas là pour discuter de TON code mais de celui de mounana199
Réponse 4 / 4
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
je veux pas supprimer la table je veux à chaque insertion à partir du formulaire la nouvelle ligne inséré soit apparait dans la table , j'ai postulé ici parce que j'ai utilisé la fonction 
location.reload()
et je pense que javascript a une solution.
merciiii
Signaler
Messages postés
32290
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 mai 2021
 346
Je ne comprend pas bien ta demande....

Tu nous parles de Table... ( les tables de ta base de données) ou de Tableau ( tableau html) ??

j'ai postulé ici parce que j'ai utilisé la fonction
location.reload()

Quel est le rapport ? Pour une petite ligne de code javascript tu postes dans cette Section alors que tu en as 30 autres en Php .... ??!!


je pense que javascript a une solution.
Ben .. comme je te l'ai dit... TOUT DEPEND DE CE QUE TU SOUHAITES FAIRE.
Pour l'instant ta question n'est pas claire du tout !


Peut -être as tu oublié de nous mettre le reste de ton code... ce qui pourrait nous permettre de mieux comprendre ce que tu souhaites faire.
Signaler
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
nn c'est la table de ma base de données, j'ai un formulaire pour créer les profs et j'ai mis une table qui affiche les enregistrements.
mon probleme c'est que quand je click sur créer :la nouvelle enregistrement n'apparait que lorsque j'ajoute une autre. clair mnt?
voila le code complet: 

<div class="login-form">

            <form class="form login-form  form-horizontal" id="1" action='pag1.php' method="POST">
                <div class="container box" style="padding-right: 100px; margin-top: 50px; border: 1px solid #ccc; background: #fff;">
                    <div class="box-shadow-big">
                        <div class="span4">
                            <div class="form-group">
                                <label>Login :</label>
                                <input class="form-control" name="login" type="text"  />
                            </div>
                            <div class="form-group">
                                <label>Mot de passe :</label>
                                <input id="mdp1" name="mdp" type="password" />
                                <div id="verifMdpLength"></div>
                            </div>

                        </div>
                        <div class="row" style="padding: 20px; ">

                            <input style="margin-left: 20px !important;margin-top: 30px;"  value="Creer" class="btn sub btn-black " type="submit" name="submit" />
                        </div>
				<div class="form-group">	
<table>
<tr>
<td><input style="display:inline-block;" value="supprimer un prof" class="btn sub btn-black " type="submit" name="supprimer" onclick="form()" /></td>
<td><input  style="display:inline-block;" value="modifer les infos" class="btn sub btn-black " type="submit" name="modif"  /></div></td></table>
                    </div>
					   </div>
            </form>
        </div>
					
<table border="2" id="tab">
         <fieldset style="color:blue;font-weight:bold;">les profs crées:</fieldset>
                <tr class="ligne">
				<th>id</th>
                <th>login</th>
                <th>password</th>
                </tr>
	<?php 
	mysql_connect("localhost","root","123") or die(mysql_error());
	mysql_select_db("basepfe")or die('Pas de Base de donn\351');
	$sql= mysql_query("select * from profs");
		while($result=mysql_fetch_array($sql))
                                                {
													$n = $result['idP'];
                                                    $no = $result['login'];
                                                    $pr = $result['pass'];
                                                   
?>
                <tr>
                    <th><?php echo $n; ?></th>
                    <th><?php echo $no; ?></th>
                    <th><?php echo $pr; ?></th>
                </tr>
				<?php }
echo "<script> location.reload(); <script> "?> 

            </table>


<?php
$name=$_POST['login'];
$pass=$_POST['mdp'];
if (isset($_POST['submit'])){

				 if($name&&$pass)
	                              {
	mysql_connect("localhost","root","123") or die(mysql_error());
	mysql_select_db("basepfe")or die('Pas de Base de donn\351');
$sql=mysql_query("INSERT  INTO  profs VALUES ('','$name','$pass')");
echo "<script> alert('la compte a été bien créer')</script>";
mysql_close();
								}
								
                else echo "<script>alert('Remplir tous les champs svp vous plait!')</script>";
}

?>
:( :( j'ai tout en php,et je postule sur javascript à cause de ' location.reload()' vraiment je sais pas si cest la bonne forums ou nn :( :(
Signaler
Messages postés
99
Date d'inscription
jeudi 24 avril 2014
Statut
Membre
Dernière intervention
7 juin 2014
mon probleme est resolu merci bcp j'ai juste changer l'ordre des codes php mercii bcppp
Répondre Posez votre question