Discussion :

[maitaddi]

Bonjour,

Je suis certain que la réponse ne se trouve pas très loin, mais je fais du sur-place depuis quelques heures :

Voici ma fonction Ajax qui fonctionne correctement :

Code :

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

1
2
3
4
5
6
7
8
9
10
function go() {
  $.ajax({
    url: "requetesql.php",
    ifModified: true,
    success: function (content) {
      $('#fond').html(content);
      var img = document.createElement("IMG");
      img.src = 'files/' + content;
      document.getElementById('fond').appendChild(img);
    }

Et du côté de ma page HTML, j'ai cela :

Code php :

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

1
2
3
4
5
6
7
<?php 
    $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); 
    while($row = mysql_fetch_array($ligne)) 
        {         
          echo '<div class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go();"></div>';
      }
?>

L'idée est de récupérer l'Identifiant de l'enregistrement sur lequel j'ai cliqué, l'envoyer à ma page requetesql.php afin qu'en retour, je reçois l'image qui correspond au ID (dans le div intitulé "Fond").

Une petite idée pour que je puisse avancer serait la bienvenue

Merci à vous

[NoSmoking]

Bonjour,

L'idée est de récupérer l'Identifiant de l'enregistrement sur lequel j'ai cliqué

on ne voit nulle part dans ton code le passage d'un paramètre avec une valeur.

De plus coté PHP ce que tu mets dans ton echo me paraît surprenant vu la façon de l'exploiter coté client.

[maitaddi]

Bonjour,

Je suis tout à fait d'accord avec vous : Mais ou puis-je mettre ma variable ? J'ai essayé ça :

Code php :

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

1
2
3
4
5
6
7
<?php 
    $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); 
    while($row = mysql_fetch_array($ligne)) 
        {         
          echo '<div class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go(ID);"></div>';
      }
?>

et puis dans mon code AJAX :

Code :

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

1
2
3
4
5
6
7
8
9
10
function go() {
  $.ajax({
    url: "requetesql.php?id="+id,
    ifModified: true,
    success: function (content) {
      $('#fond').html(content);
      var img = document.createElement("IMG");
      img.src = 'files/' + content;
      document.getElementById('fond').appendChild(img);
    }

Mais cela ne fonctionne pas. Et puis, je vous avoue que je ne maîtrise pas beaucoup Ajax. En PHP pur, j'aurai utilisé le passage de variable par l'URL et la récupére dans mon fichier requetesql.php par un

Code :

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

$_Get(id);

Merci pour toute aide.

[SpaceFrog]

Je ne vois pas de data: dasn ton ajax ...

[maitaddi]

Effectivement, j'ai oublié d'ajouter le

Code :

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

data:

Voici mon code rectifié, mais qui ne fonctionne toujours pas. Je ne sais pas comment je peux récupérer cette variable depuis mon fichier PHP pour la transmettre à mon fichier requeteSQL

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
	function go(){
 
			var name = document.getElementById('fond').value;
			$.ajax({
        		url: "requetesql.php",
				data: {name},
				type:"post",
       			 ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				var img = document.createElement("IMG");
				img.src = 'files/'+content;
				document.getElementById('fond').appendChild(img);	
			}
    });

[SpaceFrog]

Code :

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

data: {"id_post_de_ma_donnee":name},

[maitaddi]

Bonjour,

Merci pour votre aide. J''ai modifié le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function go(){
	var ID = document.getElementById('idimage').value;
	$.ajax({
        	url: "requetesql.php",
		data: {ID:name},
		type:"post",
       		 ifModified:true,
	     	success: function(content) {
            	$('#fond').html(content);
			var img = document.createElement("IMG");
			img.src = 'files/'+content;
			document.getElementById('fond').appendChild(img);	
		}
    });

Dans le body de ma page j'ai :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
  <div id="scrollpane1" class="scrollpane" style="width:250px">
 
                <?php 
        $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); 
        while($row = mysql_fetch_array($ligne)) 
           {         
 
                        echo '<div id="idimage" class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go();"><input type="hidden" id="idimage" value="'.$row["ID"].'"></div>';
           }
 
        ?>
 
        </div>

Et dans mon fichier requetesql.php :

Code php :

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

1
2
3
4
5
6
7
$ID = $_GET['ID'];				
// sélection de la base
mysql_select_db($nameBD,$db) or die('Erreur de selection de la base '.mysql_error());;
$select = "SELECT Img from bg WHERE ID=$ID";
$result = mysql_query($select);
$ligne = mysql_fetch_array($result);
echo $ligne["Img"];

Je pense avoir plutôt bien avancé non ? et pourtant, rien ne s'affiche dans le retour de ma requête SQL

[SpaceFrog]

Si je te les mets cote a cote ...

Code :

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

$ID = $_GET['ID'];

Code :

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

type:"post",

vois tu ton erreur?

[maitaddi]

Effectivement, c'est une erreur de maladresse Toutefois, je ne recois rien dans mon fichier PHP.

J'ai simplifié mon code, histoire de tester si mon PHP récupére bien la valeur de la variable :

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
function go(){
	var ID = document.getElementById('idimage').value;
	$.ajax({
        	url: "sql.php",
		data: {ID:name},
		type:"GET",
       		 ifModified:true,
	    	success: function(content) {
            	$('#fond').html(content);
			alert(content);
			//var img = document.createElement("IMG");
			//img.src = 'files/'+content;
			//document.getElementById('fond').appendChild(img);	
		}
    });

et du coté de mon fichier PHP :

Code php :

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

1
2
3
4
<?php 
echo $_GET['ID'];
 
?>

Lorsque je clique sur l'image, je ne recois pas la valeur de la variable passée ! Mon code doit être erroné quelque part je pense !

Merci

[SpaceFrog]

fais un var_dump de ton get ...

[maitaddi]

ça me donne :

Code :

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

string(0) ""

[SpaceFrog]

Code :

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

var ID = document.getElementById('idimage').value;

c'est quel element ton idimage ?

[maitaddi]

C'est un <input> mais j'ai même essayé ça :

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
function go(){
 
 
			var ID='Test';
			$.ajax({
 
        		url: "sql.php",
				data: {"ID":name},
				type:'GET',
				DataType:'html',
       			ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				alert(content);
				//var img = document.createElement("IMG");
				//img.src = 'files/'+content;
				//document.getElementById('fond').appendChild(img);	
			}
    });

Et j'ai toujours la même erreur

[SpaceFrog]

on peut voir le code de l'input ?
ça sent la confusion entre name et id ...

[maitaddi]

J'ai du nouveau, voila, j'ai remplacé par ça :

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
function go(){
 
 
			var ID = document.getElementById('idimage').innerHTML;
			$.ajax({
 
        		url: "sql.php",
				data: "ID="+ID,
				type:'GET',
				DataType:'html',
       			ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				alert(content);
				//var img = document.createElement("IMG");
				//img.src = 'files/'+content;
				//document.getElementById('fond').appendChild(img);	
			}
    });

Et du côté de mon HTML j'ai ça :

Code :

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

1
2
3
4
5
6
7
8
9
         <?php 
        $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); 
        while($row = mysql_fetch_array($ligne)) 
           {         
        
                        echo '<div class="scroll-content-item" onclick="go();" id="idimage">'.$row["ID"].'</div>';
           }
        
        ?>

Du coup, ça m'affiche bien la valeur, mais uniquement la 1ére valeur retournée du tableau.

[SpaceFrog]

A quel endroit passes tu l'id reçu à la requete ???
Dans l'absolu ...

Code :

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

$ligne = mysql_query("SELECT * FROM bg WHERE ID=".$_GET['ID'];

sauf que la c'est là porte ouverte aux injections sql

[maitaddi]

A vrai dire, la requête SQL qui apparait dans mon fichier "index.php" me liste l'ensemble des images présentes dans la table, sous forme de vignette.

Lorsque je clique sur une vignette, la fonction doit pouvoir m'afficher l'image sélectionnée dans un

Code :

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

<div>

intitulé #fond.

Voici l'extrait de mon fichier requetesql.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 
$ID = $_GET['ID'];
$host = "localhost";
                                $loginBD = "***";
                                $passwordBD = "**";
                                $nameBD = "***_**_*";
// connexion à la base
        $db = mysql_connect($host, $loginBD, $passwordBD) or die('Erreur de connexion '.mysql_error());
                                
                                // sélection de la base
                                mysql_select_db($nameBD,$db) or die('Erreur de selection de la base '.mysql_error());;
$select = "SELECT Img from bg WHERE ID=$ID";
$result = mysql_query($select);
$ligne = mysql_fetch_array($result);
echo $ligne["Img"];
?>

[maitaddi]

Enfin ! Problème résolu !

J'ai modifié ma fonction go()

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
function go(ID){
 
 
			//var ID = document.getElementById('idimage').value;
			$.ajax({
 
        		url: "requetesql.php",
				data: "ID="+ID,
				type:'GET',
				DataType:'html',
       			ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				alert(content);
				var img = document.createElement("IMG");
				img.src = 'files/'+content;
				document.getElementById('fond').appendChild(img);	
			}
    });

Je lui ai attribué une valeur qui correspond à :

Code :

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

 echo '<div class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go('.$row["ID"].');" ></div>';

Merci beaucoup !