Peut-être commencer par mettre un événement sur chaque objet du DOM qui va doit faire ouvrir la DIV du type onclick="ouvreDiv()" ou onblur="ouvreDiv()"...
Ensuite, tu dois avoir dans ta page l'ID ou quelques chose comme ça de la personne pour afficher les bonnes infos. Une possibilité serait par exemple de le mettre dans un champs HIDDEN du type:
<input type="hidden" name="ID" value="65" id="takeID" />
Ou bien sûr le 65 est récupéré de façon dynamique suivant la personne connectée.
Ta DIV où tu veux afficher les infos, cachée par défaut.
<div id="DivInfos" style="display:none"></div>
Un fonction avec AJAX possible:
[javascript]
function ouvreDiv(){
var id = $('#takeID').val();
jQuery.ajax({
type: 'GET',
url: 'InfosDiv.php?ID='+id,
async:true,
dataType: 'text',
contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
beforeSend: function(xhr) {
xhr.overrideMimeType('text/html; charset=UTF-8');
},
success: function(data,textStatus){
$('#DivInfos').show();
$('#DivInfos').html(data);
},
error: function (xhr, ajaxOptions, thrownError){
jAlert("Erreur de traitement Ajax");
}
});
}
[/javascript]
Le fichier infosDiv.php récupère l'ID et va chercher les infos nécessaires dans la table et renvoie les valeurs. Si tu renvoies une seule valeur (un string, un nombre) un dataType 'text' doit suffire ( A la fin du fichier PHP tu fais un simple echo de la valeur à renvoyer.
Si tu dois ramener plusieurs infos et donc un tableau, il faudra encoder côté PHP en JSON (il suffit de prendre ton tableau PHP que tu souhaites renvoyer et faire json_encode($lTableau))_et côté AJAX utiliser un dataType 'json' pour décoder.
Peut-être commencer par mettre un événement sur chaque objet du DOM qui va doit faire ouvrir la DIV du type onclick="ouvreDiv()" ou onblur="ouvreDiv()"...
Ensuite, tu dois avoir dans ta page l'ID ou quelques chose comme ça de la personne pour afficher les bonnes infos. Une possibilité serait par exemple de le mettre dans un champs HIDDEN du type:
[html]
<input type="hidden" name="ID" value="65" id="takeID" />
[/html]
Ou bien sûr le 65 est récupéré de façon dynamique suivant la personne connectée.
Ta DIV où tu veux afficher les infos, cachée par défaut.
[html]
<div id="DivInfos" style="display:none"></div>
[/html]
Un fonction avec AJAX possible:
[javascript]
function ouvreDiv(){
var id = $('#takeID').val();
jQuery.ajax({
type: 'GET',
url: 'InfosDiv.php?ID='+id,
async:true,
dataType: 'text',
contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
beforeSend: function(xhr) {
xhr.overrideMimeType('text/html; charset=UTF-8');
},
success: function(data,textStatus){
$('#DivInfos').show();
$('#DivInfos').html(data);
},
error: function (xhr, ajaxOptions, thrownError){
jAlert("Erreur de traitement Ajax");
}
});
}
[/javascript]
Le fichier infosDiv.php récupère l'ID et va chercher les infos nécessaires dans la table et renvoie les valeurs. Si tu renvoies une seule valeur (un string, un nombre) un dataType 'text' doit suffire ( A la fin du fichier PHP tu fais un simple echo de la valeur à renvoyer.
Si tu dois ramener plusieurs infos et donc un tableau, il faudra encoder côté PHP en JSON (il suffit de prendre ton tableau PHP que tu souhaites renvoyer et faire json_encode($lTableau))_et côté AJAX utiliser un dataType 'json' pour décoder.
