Bonjour développeur(s),

Je crée une application web dans la quelle je dois avoir une page de recherche de candidat. je créer un formulaire de recherche qui me permet d'aller chercher le candidat voulu par un code qui lui a été attribué. il dois nous afficher le nom, poste nom, prénom, et sa photo. mon problème, j'arrive à tout récupérer et afficher sauf la photo. a propos de la photo, sa variable me donne que le nom de la photo stocker dans la bdd. comment faire pour afficher le tout et la photo du candidat . les photos sont logées dans un répetoire que j'ai renommé 'uploads_photo' je le fais en ajax et php

voici mon code.

pour la page recherche.php

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>AJAX : Exemple de client</title>
<script>
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
var http; // Notre objet XMLHttpRequest
function createRequestObject(){
    var http;
    if(window.XMLHttpRequest){ // Mozilla, Safari, ...
        http = new XMLHttpRequest();
    }
    else if(window.ActiveXObject){ // Internet Explorer
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return http;
}
 
function gestionClic(){
	document.getElementById("textProgess").innerHTML= 'Recherche en cours, attendre svp...';
    http = createRequestObject();
	/*var code_eleve = 1;*/
	var code_eleve = encodeURIComponent(document.getElementById("code_eleve").value);
    http.open("GET", "traitement_affi_rech.php?code_eleve=" + code_eleve, true);
    http.onreadystatechange = handleAJAXReturn;
    http.send(null);
}
 
function handleAJAXReturn(){	
	if(http.readyState == 4 && http.status == 200){
		var tmp = http.responseText.split("/");
		if(tmp[0] ==100){
			document.getElementById("nom_eleve").innerHTML=tmp[1];
			document.getElementById("postnom_eleve").innerHTML=tmp[2];
			document.getElementById("prenom_eleve").innerHTML=tmp[3];
			document.getElementById("code_classe").innerHTML=tmp[4];
			document.getElementById("lib_option").innerHTML=tmp[5];
			document.getElementById("tuteur_nom").innerHTML=tmp[6];
			document.getElementById("ad_physik_eleve").innerHTML=tmp[7];
			document.getElementById("email_eleve").innerHTML=tmp[8];
			document.getElementById("tel_eleve").innerHTML=tmp[9];
			document.getElementById("date_enregi_eleve").innerHTML=tmp[10];
			document.getElementById("date_naiss_eleve").innerHTML=tmp[11];
			document.getElementById("lieu_naiss_eleve").innerHTML=tmp[12];
			document.getElementById("nom_photo").innerHTML=tmp[13]; 
			document.getElementById("cache_table").style.display="block";
			document.getElementById("textProgess").innerHTML="";
			alert("Recherche trouve.");
			return true;
		}
		else if(tmp[0] ==101){
			alert("Attention! Recherche non conluant.");
			return false;
		}
	}
	else if(http.readyState == 4 && http.status != 200){ 
		// En cas d'erreur ! 
         alert("Attention, une erreur soit, de coupure réseau ou, de données invalides est survenue lors du chargement.");
    }
}
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
</script>
<style>
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
.table_rch{
		width:100%; height:100%; display:none; font-size: 13px;
 
		}
.table_rch th { 
		background:#999;
		text-align:left;
	}
.table_rch td{ 
		background:#CCC;
		border:1px solid #333; 
}
Code html : 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
</style>
</head>
<body>
<p>
<form method="get">
<input type="text" name="code_eleve" id="code_eleve"  value="" />
<input type="button" onclick="gestionClic(); return false;" value="Chercher" />
</form>
 
<div id="textProgess"></div>
<br /><br />
<div ></div>
<div ></div>
 
 
<table border="0" id="cache_table" class="table_rch">
 
<tr>
<th> Nom</th><td id="nom_eleve"> </td><th> Poste nom</th><td id="postnom_eleve"> </td> <th> Pr&eacute;nom</th><td id="prenom_eleve"> </td><td rowspan="4"> 
<img src='#' width="150" id="nom_photo"></td>
</tr>
<tr>
<th> Classe</th><td id="code_classe"> </td> <th> Option</th><td id="lib_option"> </td> <th> Tuteur</th><td id="tuteur_nom"> </td>
</tr>
<tr>
<th> Adresse </th><td id="ad_physik_eleve"> </td> <th> Email</th><td id="email_eleve"> </td> <th> Phone</th><td id="tel_eleve"> </td>
</tr>
<tr>
<th> Date d'enregitrement</th> <td id="date_enregi_eleve"></td> <th> Date de naissance</th><td id="date_naiss_eleve"> </td> <th>Lieu de naissance</th><td id="lieu_naiss_eleve"> </td>
</tr>
 
</table>
 
<img src="#" alt="" id="displayhere">
</body>
</html>
Code php : 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
37
38
39
40
41
42
43
44
-------------------pour la page traitement.php----------------------
<?php
    sleep(1);
 
    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
    header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
    header("Cache-Control: no-store, no-cache, must-revalidate");
    header("Cache-Control: post-check=0, pre-check=0", false);
    header("Pragma: no-cache");
 
 
	$code_eleve =(isset($_GET["code_eleve"])) ? $_GET["code_eleve"] : NULL;
mysql_connect("localhost","root","");
mysql_select_db("fraiscolaire");
 
$eq=mysql_query("SELECT * FROM eleve WHERE code_eleve='$code_eleve'");
if($rep=mysql_fetch_array($eq)){
	$nom_eleve=$rep['nom_eleve'];
	$postnom_eleve=$rep['postnom_eleve'];
	$prenom_eleve=$rep['prenom_eleve'];
	$code_classe=$rep['code_classe'];
	$lib_option=$rep['lib_option'];
	$tuteur_nom=$rep['tuteur_nom'];
	$ad_physik_eleve=$rep['ad_physik_eleve'];
	$email_eleve=$rep['email_eleve'];
	$tel_eleve=$rep['tel_eleve'];
	$date_enregi_eleve=$rep['date_enregi_eleve'];
	$date_naiss_eleve=$rep['date_naiss_eleve'];
	$lieu_naiss_eleve=$rep['lieu_naiss_eleve'];
	$nom_photo=$rep['nom_photo']; 
 
/*	$nom_photo="<img src='uploads_photo/'".$nom_photo."' title='".$rep['nom_photo']."' width='150' height='180' class='photo'/>";*/
 
 
	$affichage=100;
	echo $affichage.'/'.$nom_eleve.'/'.$postnom_eleve.'/'.$prenom_eleve.'/'.$code_classe.'/'.$lib_option.'/'.$tuteur_nom.'/'.$ad_physik_eleve.'/'.$email_eleve.'/'.$tel_eleve.'/'.$date_enregi_eleve.'/'.$date_naiss_eleve.'/'.$lieu_naiss_eleve.'/'.$nom_photo;
}
else{
	# Recherche non conluant.
	$affichage=101;
	echo $affichage;
}
 
?>

Merci d’avance pour votre aide!

Patrick