Ajax
4 messages
• Page 1 sur 1
-

sff - WRInaute occasionnel

- Messages: 336
- Inscription: 2 Fév 2005
Ajax
Bonjour, j'ai un problème.
J'aimerais que lorsque je clique sur un bouton input, ca m'affiche une alert Javascript présent dans une page php, sans recharger la page, c'est à dire avec ajax.
Voici le code actuel :
bouton :
Fonction ajax :
Alert que l'on doit afficher après le clic sur le bouton :
J'aimerais que lorsque je clique sur un bouton input, ca m'affiche une alert Javascript présent dans une page php, sans recharger la page, c'est à dire avec ajax.
Voici le code actuel :
bouton :
- Code: Tout sélectionner
<form action="" method="post" name="post" onsubmit="ajax(); return false">
<input onclick="document.getElementById(\'bloc_affichage\').innerHTML = \'\';" name="name" value="" type="submit">
</form>
<div id="bloc_affichage"></div>
Fonction ajax :
- Code: Tout sélectionner
function ajax() {
// Je ne sais pas quoi mettre ici.
}
Alert que l'on doit afficher après le clic sur le bouton :
- Code: Tout sélectionner
function submit_map() {
echo 'alert("text")';
}
-

spout - WRInaute accro

- Messages: 4104
- Inscription: 14 Mai 2003
Si tu regardais du côté de jQuery et de la fonction load()?
http://api.jquery.com/
Ajax > Ajax Requests > load(url, data, callback)
http://api.jquery.com/
Ajax > Ajax Requests > load(url, data, callback)
- ménovicien
- Nouveau WRInaute

- Messages: 29
- Inscription: 12 Jan 2009
- Code: Tout sélectionner
function ajax(){
var xhr=null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open("GET", "http://www.tonsite.com/ajax/script.php", false);
xhr.send(null);
obj = document.getElementById("bloc_affichage");
// remplir la div
obj.innerHTML = xhr.responseText;
// ou un alert
alert(xhr.responseText);
}
- Code: Tout sélectionner
<form action="" method="post" name="post" onsubmit="">
<input onclick="ajax()" name="name" value="" type="submit">
</form>
<div id="bloc_affichage"></div>
-

sff - WRInaute occasionnel

- Messages: 336
- Inscription: 2 Fév 2005
suite
Ok ca fonctionne, mais comment faire pour exécuter des alert js en fonction du bouton.
Genre dans la page php on aurait ceci au lieu d'avoir une seule alert js:
Et au lieu d'avoir 1 bouton, on en a 4 :
Genre dans la page php on aurait ceci au lieu d'avoir une seule alert js:
- Code: Tout sélectionner
if (isset($_POST["bouton1"])) { echo 'alert("bouton 1")';}
if (isset($_POST["bouton2"])) { echo 'alert("bouton 2")';}
if (isset($_POST["bouton3"])) { echo 'alert("bouton 3")';}
if (isset($_POST["bouton4"])) { echo 'alert("bouton 4")';}
Et au lieu d'avoir 1 bouton, on en a 4 :
- Code: Tout sélectionner
<input onclick="ajax()" name="bouton1" value="" type="submit">
<input onclick="ajax()" name="bouton2" value="" type="submit">
<input onclick="ajax()" name="bouton3" value="" type="submit">
<input onclick="ajax()" name="bouton4" value="" type="submit">
4 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
