Discussion :

[tonymx15]

Bonjour à tous,

Je suis entrain de réaliser un petit formulaire me permettant de créer des images pour les menus en PHP. Cependant je comprends pas pourquoi ça ne m'affiche pas l'image étant donner que j'ai pas fais un script bien compliquer...

J'y suis arrivé en exécutant directement mon fichier PHP qui génère l'image, là j'ai l'impression que c'est le faites de le faire via un formulaire en passant par le $.ajax en jQuery...J'ai l'impression que le problème viens de l'affichage de l'image PHP dans ma page HTML. Mais je ne vois pas du tout comme faire.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<fieldset style="width: 40%;">
<legend>Formulaire</legend>
<form method="post" action="">
<label>Largeur :</label><input type="text" name="largeur"/><br />
<label>Hauteur :</label><input type="text" name="hauteur" /><br />
<label>Texte : </label><input type="text" name="texte"/><br />
<label>Couleur Fond : </label><input class="myColorPicker" name="couleurf" type="text" /><br />
<label>Couleur texte : </label><input class="myColorPicker" name="couleurt" type="text" /><br />
<input type="submit" value="Aperçus"/>
</form>
</fieldset>
<div id="resultat"></div>

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
32
33
34
35
36
 
$(document).ready( function() {
        $('input.myColorPicker').myColorPicker();
 
		function convertirDecimal(code){
			var tab = new Array(3);
			tab["r"] = parseInt( code.substr(1,2), 16 ) ;
			tab["g"] = parseInt( code.substr(3,2), 16 ) ;
			tab["b"] = parseInt( code.substr(5,2), 16 ) ;
			return tab ;
		}
 
		$("form").submit( function(){
 
			var texte = $("input[name=texte]").val();
			var couleurf = $("input[name=couleurf]").val();
			var couleurt = $("input[name=couleurt]").val();
 
			var couleurFond = convertirDecimal(couleurf)['r']+","+convertirDecimal(couleurf)['g']+","+convertirDecimal(couleurf)['b'] ;
			var couleurTexte =  convertirDecimal(couleurt)['r']+","+convertirDecimal(couleurt)['g']+","+convertirDecimal(couleurt)['b'] ;
 
			var largeur = $("input[name=largeur]").val() ;
			var hauteur = $("input[name=hauteur]").val() ;
 
			$.ajax({
				type: "POST",
				url: "traitement.php",
				data: "texte="+texte+"&couleurFond="+couleurFond+"&couleurTexte="+couleurTexte+"&largeur="+largeur+"&hauteur="+hauteur,
				success: function(data){
					$("div#resultat").html("<img src=\""+data+"\" />");
				}
			});
 
			return false;
		});
	});

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
 
<?php
header ("Content-type: image/png");
 
$texte = $_POST['texte'];
$couleurFond = explode(",", $_POST['couleurFond'] );
$couleurTexte = $_POST['couleurTexte'];
$largeur = $_POST['largeur'];
$hauteur = $_POST['hauteur'] ;
 
$texteBox = imagettfbbox( 4, 0, "arial.ttf", $texte);
 
$longueurTexte = abs( $texteBox[0] ) + abs ( $texteBox[2] ) ;
$hauteurTexte = abs( $texteBox[7] ) - abs( $texteBox[1] ) ;
 
$image = imagecreatetruecolor($largeur, $hauteur);
imagesavealpha($image, true);
$couleurAlpha = imagecolorallocatealpha($image, 0, 0, 0, 127);
imagefill($image, 0, 0, $couleurAlpha);
$colorFond = imagecolorallocate($image, $couleurFond[0], $couleurFond[1], $couleurFond[2]);
imagefilledrectangle($image, 0, 0, $largeur, $hauteur, $colorFond );
 
echo imagepng($image);
 
?>

[MichaelVDH]

Je ne te cache pas que j'y connais rien en jQuery.
Ton script PHP fonctionne quand tu l'éxecute d'après ce que j'ai compris.

Est-ce tout les infos de ton formulaire sont bien transmise à ton script PHP?
Est-ce tu arrives à afficher les variables dans ton script PHP?

Essai p-e en remplacant $_POST par $_REQUEST dans ton script PHP.

J'ai déjà rencontré des problèmes lorsque je tentais de récupérer mes variables envoyé par mon XHR en les récupérant avec $_POST

J'espere que ca pourra t'aider

[tonymx15]

J'ai trouvé la réponse en fin de journée lol

En faites dans traitement.php j'ai créé des sessions à partir des post, et c'est dans image.php que j'ai déplacé le script php pour faire l'image avec les sessions...

Je ne comprends pas bien pourquoi à vraie dire mais je pense que pour créer des images les posts ne marchent pas, du moins il faudrait les serialisés...

Le principal est que ça marche, merci quand même de m'avoir guider

[MichaelVDH]

Mais en réalité ce qui me perturbe c'est le fait que tu n'envois pas réellement ton formulaire, tu récupères tes données via JS, donc le $_POST ne devrait pas fonctionner, du moins je pense donc si tu as ouvert une session et placé tes variables dedans, je pense que c'est normal

[tonymx15]

Si si, on peut choisir le type de donnés à renvoyer avec la fonction $.ajax présente dans jQuery.

Code :

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

1
2
3
4
5
6
7
8
9
 
$.ajax({
     type: "POST",
     url: "tonurl.php",
     data: "param1="+variable1+"&param2="+variable2,
     success: function(){
          alert("$.ajax success");
     }     
});

[MichaelVDH]

Comme je te l'ai dit jQuery et moi ca fait deux, de mon coté par exemple quand je fais :

Code :

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

objetXHR.open("post","page.php","true");

Donc il utilise la méthode POST mais pour récupérer mes variables dans mon script PHP je dois utiliser $_REQUEST

Si t'es motivé et que ca te tente de tester ca assouvirait ma curiosité je ne te cache pas