[AJAX] Ajax - 'Envoyer à un ami'

Bonjour,

voilà je suis en train de faire un site et je voudrais introduire une fonction où lorsque une

personne clique sur 'envoyer à un ami', une sorte de formulaire s'ouvre sur la même page sans

quel nécessite l'actualisation de la page. Et ceci c'est seulement possible avec Ajax. Voici

une image où je montre ce que je veux dire pour ceux qui ne me comprenne pas :) .

le lien: http://webplaza.pt.lu/buffy1/demande.PNG

J'ai des connaissances en html et javascript mais en Ajax je débute c'est pour cela que je le

pose aux pro.

Merci

Commence par lire les tutoriels AJAX, ils sont très bien expliqués. Si tu rencontres un problème particulier, plus de gens seront disposés à t'aider.

En gros :

• tu crées un lien ou un bouton ou une image ... Envoyer à un ami sur lequel tu mets une fonction onclick="envoyerAmi()"
• dans ta fonction javascript envoyerAmi() : tu récupères le code de ce que tu veux afficher ailleurs (xml, php) à l'aide d'un appel ajax (cf tutoriels)
• tu mets ce que tu veux afficher dans ta page

Si tu n'as aucun besoin de récupérer du code ailleurs (ton formulaire ne dépend peut-être pas d'une base de données ou d'infos extérieures) , tu peux mettre directement ton formulaire dans ta page dans un <div id="formulaire" style="display:none;">... formulaire ...</div> et sur le onclick tu rends le formulaire visible en mettant dans ta fonction document.getElementById('formulaire').style.display = "inline" ; // ou "block"

Merci :king: