[AJAX] inserer l'identifiant d'un resultat

Version imprimable

04/09/2008, 17h22
redah75

[AJAX] inserer l'identifiant d'un resultat

Bonjour,

une petite question qui vous paraitra peut etre banale :(

j'ai un formulaire de saisie avec une dizaine de champs. parmis ces champs j'ai par exemple 'auteur'.
lorsque je tape une lettre je propose une liste d'auteur, et si on trouve notre auteur on clique dessus. jusqu'ici il y a pas de probleme!

mais comment faire pour inserer uniquement l'identifiant de l'auteur ds ma base de donnees sachant que seulement le nom de l'auteur est visible???

Merci de votre aide
Reda
04/09/2008, 19h33
DoubleU

Dans ta requete qui va chercher les auteurs, tu rajoutes aussi l'id. Ensuite, au moment de l'afficher dans la page, tu rajoutes cet id dans un des attributs de l'objet dom auquel tu l'ajoutes.

Par exemple:

<label id="lIdDeTonAuteur">ton auteur</label>

Comme ca, au moment ou tu cliques sur ton auteur, tu peux récupérer son id.
05/09/2008, 10h58
redah75

Merci pour ta reponse :)

je ne vois pas trop comment je peux faire avec le label, j'ai aufait un champ text ou je saisis pour avoir la liste des auteurs:
<input type="text" name="auteur" onKeyUp="...">

comment pourrais je faire ??
05/09/2008, 12h12
Bovino

Qu'appelles-tu identifiant de l'auteur ???
05/09/2008, 12h53
redah75
j'ai une table auteurs:
Code:

1 2 3 4 5 id | nom 1 Martin 2 Dupont 3 Blabla ...
lorsque qlq un tape la letre 'm' j'afficherai tous les auteurs qui commencent par 'm', dans mon exemple il s'agit de 'Martin', qui a comme identifiant '1'.
lorsque je clique sur 'Martin', ce nom se placera ds mon champ text, mais quand je valide le formulaire pour inserer les donner ds ma base de donnees, je ne veux pas inserer 'Martin', mais plutot son identifiant qui est le '1'
05/09/2008, 13h21
Bovino

Et bien avant d'insérer dans la base de données, tu récupères l'id qui correspond au nom.
05/09/2008, 14h07
redah75

c'est justement ca ma question, comment recuperer cet identifiant???
ne me dis pas qu'il faut faire un select where nom like '$nom_auteur'! cela dois etre hyper lent!!
05/09/2008, 14h38
Bovino

Une solution pourrait être de créer un tableau global associatif en javascript, lors de ta requête Ajax, tu renvoies une chaine du style 'Auteur-identifiant' (le - ne sert que de séparateur) tu fais un responseText.split('-'), tu stockes dans ton tableau (tableau[responseText.split('-')[0]]=responseText.split('-')[1]) et tu affiches le nom.
Ensuite, au submit, tu remplaces le nom par son identifiant.
05/09/2008, 15h47
redah75

bonne idee :) merci ;)
j'ai trouve une autre solution, c'est de mettre un champ cache qui contiendra l'identifiant de l'auteur choisi...

est ce mieux de recuperer les resultats en text ou plutot xml?
05/09/2008, 16h02
Bovino

Dans ton cas, le text me semble plus adapté.
05/09/2008, 16h37
redah75

OK, mais j'aurais encore d'autres cas plus compliques, ou j'aurais plus d'infos a afficher, je pense que la faut passer par un xml???
si oui, comment pourrais je faire??
merci
05/09/2008, 17h02
Bovino

Et bien tu construis ton xml coté serveur comme tu le ferais pour du html, tu fais le echo, puis en javascript, tu récupères responseXML que tu peux manipuler avec les méthodes du DOM (getElementById etc.)

j'ai trouve un exemple mais j'arrive ps a le faire marcher :(
pourrais tu me dire stp ce qui ne va pas??

Code:

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
function xhr_preview_article(id)
{
 
 
	if(window.ActiveXObject) var xhr = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer
	else var xhr = new XMLHttpRequest(); // Firefox, Mozilla, ...
 
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
        /* xhr.responseXML permet d'obtenir le fichier XML
		xhr.responseText aurait retourné le fichier sous format texte */
        response = xhr.responseXML;
 
 
 
	   /* Récupérer la liste des items donc la liste des DVD */
var items    = response.getElementsByTagName("item");
var html     = ''; /* Présentation HTML de la liste des DVD */
/* Nombre de DVD */
count        = items.length;
for(i = 0; i < count; i++) { /* POUR CHAQUE item */
    html += '<div class="item">';
    html += '<h1>' + items[i].getElementsByTagName("title")[0].firstChild.nodeValue + '</h1>';
    html += '<div class="author">Realisateur : ';
    html += items[i].getElementsByTagName("director")[0].firstChild.nodeValue + '</div>';
    html += '<div class="price">Prix : ';
    html += items[i].getElementsByTagName("price")[0].firstChild.nodeValue + ' €</div>';
    html += '</div>';
}
alert(html);
document.getElementById('content_preview').innerHTML += html;
    }
};
 
xhr.open("POST", "articles/xhr_article.php, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
xhr.send();
}

pour faire des tests, le fichier xhr_article.php contient ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$results = '<?xml version="1.0" encoding="utf-8"?>
<dvd>    
    <item>
        <title>Princesse Mononoké</title>
        <director>Hayao Miyazaki</director>
        <price>14,99</price>
    </item>
    <item>
        <title>Mon voisin Totoro</title>
        <director>Hayao Miyazaki</director>
        <price>19,99</price>
    </item>
    <item>
        <title>Blood, The Last Vampire</title>
        <director>Hiroyuki Kitakubo</director>
        <price>11,99</price>
    </item>
</dvd>';
echo $results;

le alert(html); est vide, je ne sais pk :(