Discussion :

[trealais]

Bonjour,
Je dois creer un "phonebook" en ajax et perl. Lorsque j'entre le nom Alex ou Celine dans un champ de texte sur ma page web et clique sur un boutton pour le soumettre, un script perl retourne l'adresse, le numero de téléphone et l'adresse email correspondant au nom entré.

Voici mes 2 problèmes...le script perl doit également retourner une image correspondant au nom entré dans le champ de texte, je ne sais pas comment faire... Et si le nom en entré n'existe pas dans le fichier perl, une message d'erreur doit être afficher sur la page web.


Voici une partie de mon programme perl:

Code :

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

1
2
3
4
5
6
7
8
9
10
$searchname = $query{"firstname"};
 
%addressdb = ('Alex' => '105 rue mentanna, vancouver, BC, Canada',
            'Celine' => '95 rue clark toronto, ontario, Canada');
 
%phonedb = ('Alex' => '1-888-000-0000',
              'Celine' => '1-888-111-1111');
 
%emaildb = ('Alex' => 'alex@adress.com',
              'Celine' => 'Celine@adress.com');

Voici une partie de mon ajax-javascript:

Code ajax :

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

1
2
3
4
5
6
7
8
9
10
11
if (http.readyState == 4){
 
       var response = http.responseText;
       var update = new Array()
 
if (response.indexOf('|')) {
            update = response.split('|')
document.getElementById('theName').innerHTML=document.getElementById('first').value
document.getElementById('address').innerHTML = update[0]
document.getElementById('phone').innerHTML = update[1]
document.getElementById('email').innerHTML = update[2]

Merci!

[Philou67430]

J'ai une remarque sur le programme perl.
Une structuration de ce type me semblerait mieux "organisée" :

Code :

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

1
2
3
4
5
6
7
8
9
10
%phonebook = (
  'Alex' => { address => '105 rue mentanna, vancouver, BC, Canada',
              phone => '1-888-000-0000',
              mail => 'alex@adress.com',
              image => 'http://.../Alex.jpg', },
  'Celine' => { address => '95 rue clark toronto, ontario, Canada',
                phone => '1-888-111-1111',
                emaildb => 'Celine@adress.com',
                image => 'http://.../Celine.jpg',
);

Quant à la partir Javascript, est-ce que la mise à jour de l'image ne peut pas se faire de la sorte ?

Code :

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

document.getElementById('photo').src = update[3]