Discussion :

[loic20h28]

Bonjour,

Bon je sais pas si je poste au bon endroit.
Je réalise en local un site marchand et j'utilise la librairie jQuery.

Lorsque le client s'authentifie, je souhaite lui donner la possibilité de modifier ses donnés personnelles.
Pour cela, je souhaite lui afficher ses données de façon normal. (dés qu'il arrive sur la page "mon compte")
http://www.casimages.com/img.php?i=1...0929928489.jpg
Pour chacune des données il aura la possibilités de la modifier grâce à un lien. (visualisation après avoir cliqué sur le lien Modifier se situant en face du "titre")
http://www.casimages.com/img.php?i=1...1518179595.jpg
Lorsque l'utilisateur click sur le lien "Mettre à jour", je souhaiterais que cela enregistre la modification dans la base puis l'affiche(la nouvelle données) comme la première visualisation.

Voici mon code html :

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
25
26
27
28
29
<script type="text/javascript" src="contenu/js/mon_compte.js"></script>
<form name="" method="POST" action="../Controle/C_moncompte.php">
	<input type="hidden" id="titre_cache" value="<?php echo $_GET['titre']; ?>"></input>
	<input type="hidden" id="nom_cache" value="<?php echo $_GET['nom']; ?>"></input>
	<table>
		<tr>
			<td>
				Titre : 
			</td>
			<td>
				<div id="titre"></div>
			</td>
			<td>
				<a href="#" id="maj_titre">Modifier</a>
			</td>
		</tr>
		<tr>
			<td>
				Nom : 
			</td>
			<td>
				<div id="nom"></div>
			</td>
			<td>
				<a href="#" id="maj_nom">Modifier</a>
			</td>
		</tr>
	</table>
</form>

Ensuite, mon code javascript :

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
25
26
27
28
29
jQuery(function($) {
	titre = $("#titre_cache").val();
	$('#titre').empty().append(titre);
 
	nom = $("#nom_cache").val();
	$('#nom').empty().append(nom);
 
 
	$("#maj_titre").click(function(){
		if($("#maj_titre").html() == "Modifier"){
			$("#maj_titre").empty().append('Mettre à jour');
			$('#titre').empty().append('<input type="radio" name="titre" value="M">M</input><input type="radio" name="titre" value="Mlle">Mlle</input><input type="radio" name="titre" value="Mme">Mme</input>');
		}
		else
			$("#maj_titre").empty().append('Modifier');
	});
 
	$("#maj_nom").click(function(){
 
		if($("#maj_nom").html() == "Modifier"){
			$("#maj_nom").empty().append('Mettre à jour');
			$('#nom').empty().append('<input type="text" name="nom" id="nom" value="" />');
		}
		else
			$("#maj_nom").empty().append('Modifier');
 
	});
 
});

Mon problème :
Je voit pas trop comment je peux faire pour enregistrer la nouvelle données, puis l'afficher.
Quelqu'un pourrait-il me donner de l'aide s'il vous plait ?

Merci d'avance.

[aeroth]

Ajax peut etre??

hors contexte, je suis en train de realiser un bloc notes en ajax, donc le script est assez ressemblant.

coté jquery:

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
 
<script>
$(function(){
	$("#ajouter").click(function(){
		var texte = $("#texte").val();
		$.ajax({
			type: "POST",
			url: "inc/actions.php",
			data: "action=ajout&texte="+texte,
			success: function(msg){
				if(msg == "0"){
					alert("Il n'y a pas de texte.");
				}
				else{
					$("#contenu").html(msg);
				}
			}
		});
	});
});
</script>

coté php (action.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
 
<?php
if ($_POST['action']=="ajout"){
        $texte = mysql_real_escape_string( utf8_decode(nl2br($_POST['texte'])));
        $date = date("Y-m-d");
        
        if (!empty($texte)){
                
                mysql_query("INSERT INTO bloc_notes VALUES('','$date','$texte')");
        echo "$texte";
        }else{
                echo 0;
        }
                
}
?>

[loic20h28]

Bonsoir,

Désolé de répondre que maintenant mais pas eu trop de temps auparavant.

Tout d'abord je veux te remercier car grâce à toi j'ai résolu mon problème de la manière suivante :
1) javascript :

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
25
26
27
28
29
30
31
jQuery(function($) {
	titre = $("#titre_cache").val();
	$('#titre').empty().append(titre);
	id =  $("#id_cache").val();
 
	$("#maj_titre").click(function(){
		if($("#maj_titre").html() == "Modifier"){
			$("#maj_titre").empty().append('Mettre à jour');
			$('#titre').empty().append('<input type="radio" name="titre" value="M">M</input><input type="radio" name="titre" value="Mlle">Mlle</input><input type="radio" name="titre" value="Mme">Mme</input>');
		}
		else{
			var titre_modifie = $('input[name=titre]:checked').val();
			if(titre_modifie==undefined)
				titre_modifie = "";
			$.ajax({
				type: "POST",
				url: "Contenu/Requete/R_modification.php",
				data: "ancienne_valeur="+titre+"&nvle_valeur="+titre_modifie+"&champ=Clt_titre&id='66'&id="+id,
				success: function(msg){
					if(msg == "0"){
						alert("Il n'y a pas de texte.");
					}
					else{
						$("#titre").empty().append(msg);
					}
				}
			});			
			$("#maj_titre").empty().append('Modifier');
		}
	});	
});

2) ma page php (R_modification.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
 <?php
        include('../../top/connexion.php');
 
        $ancienne_valeur = mysql_real_escape_string( utf8_decode(nl2br($_POST['ancienne_valeur'])));
        $nvle_valeur = mysql_real_escape_string( utf8_decode(nl2br($_POST['nvle_valeur'])));
        $champ = $_POST['champ'];
        $id = $_POST['id'];
        
        if (!empty($nvle_valeur)){
                mysql_query("UPDATE client SET $champ='$nvle_valeur' WHERE Clt_id=$id")or die(mysql_error());
                echo $nvle_valeur;
        }else{
                echo $ancienne_valeur;
        }
?>

Encore un grand merci.