Discussion :

[TheBleedz]

Bonjour,
Je viens écrire mon problème sur le forum car en cherchant sur internet je tourne autour du pot...
J'aimerai que ma div s'actualise après ma requête, je vous explique pourquoi.
J'ai une div qui contient une image ou j'ai créer plusieurs choix de position de l'image avec un select que voici :

Code html :

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

1
2
3
4
5
6
7
8
9
<select id="p_cover" class="option_cover_select" name="p_cover" onchange="select_p_cover(<?php echo $_SESSION['w3_user_id']; ?>)">
          <option  value="0">Par défaut</option>
          <option  value="1">Repeat</option>
          <option  value="2">Toute la jaquette</option>
          <option  value="3">A droite</option>
          <option  value="4">A Gauche</option>
          <option  value="5">Centrer</option>
          <option  value="6">Noir & Blanc</option>
</select>

Une fois sélectionner je fais appelle à la fonction select_p_cover qui elle va allé chercher les fichiers PHP et enregistrer la position dans ma table (Tout çà fonctionne correctement)
Mais j'aimerai qu'une fois sélectionner et enregistrer dans la BDD que l'image (la div = #p_cover_img ) ce met à jour automatiquement.

Voici le code AJAX :

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
function select_p_cover(id) {
	var selectBox = document.getElementById("p_cover");
	var selectedValue = selectBox.options[selectBox.selectedIndex].value;
    $.ajax({
		type: "POST",
		url: domain+"post/p_cover",
		data: "id="+id+"&selectedValue="+selectedValue, 
		cache: false,
		success: function(html) {
 
			if(html == '1') {
					//MISE A JOUR DE LA DIV ICI (PROBLEME)
					var alrt = 	alertify.log("tte chan" + selectedValue);
			}
			else {
				alertify.error("Un problème est survenu, veuillez rafraichire votre page.");
			}
		}
	});
}

Merci d'avance et bonne soirée à vous !

[danielhagnoul]

Bonsoir

Correction des extraits de code, impossible de tester n'ayant pas tous les éléments.

Code HTML :

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

1
2
3
4
5
6
7
8
9
<select id="p_cover" class="option_cover_select" name="p_cover">
	<option value="0" selected>Par défaut</option>
	<option value="1">Repeat</option>
	<option value="2">Toute la jaquette</option>
	<option value="3">A droite</option>
	<option value="4">A Gauche</option>
	<option value="5">Centrer</option>
	<option value="6">Noir et Blanc</option>
</select>

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
$( "#p_cover" ).on( "change", function(){
	var self = this;
 
    $.ajax({
		"type" : "POST",
		"url" : domain+"post/p_cover",
		"data" : {
			"id" : self.id,
			"value" : $( self ).val()
		},
		"dataType" : "html",
		"cache" : false,
		"success" : function( data ){
			console.log( data );
		}
	});
});

[TheBleedz]

Merci de m'avoir répondu.
Mais quel autres éléments ? Il en a pas besoin le reste étant du PHP.
J'aimerai juste savoir si il est possible de rafraîchir ma div sans recharger toute la page et cela après la validation de l'enregistrement dans la table ?
Merci encore.

[SpaceFrog]

Code :

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

1
2
3
"success" : function( data ){
			$("#mondiv").html(data );
}

[TheBleedz]

Cela fonctionne pas

[Nyleor]

Mais j'aimerai qu'une fois sélectionner et enregistrer dans la BDD que l'image (la div = #p_cover_img ) ce met à jour automatiquement.

Comment ça, "se mettre à jour automatiquement" ?

Si par exemple je choisis "À droite" dans ta liste, c'est censé faire quoi à l'image ?

Car l'objet jQuery qui représente ton image c'est $('#p_cover_img') donc à partir de là, comme l'a montré SpaceFrog, tu en fais ce que tu veux.

[TheBleedz]

J'ai pas été mal polis je croix là ? Mais déjà apprend à lire... C'est un texte que j'ai copier coller sur plusieurs forum et il n'y a que vous qui comprenez pas ! Et c'est bon j'ai résolus mon problème... Merci quand même !