Quelle technologie est utilisée?
Fermé
Absot
Messages postés
778
Date d'inscription
mardi 28 octobre 2008
Statut
Membre
Dernière intervention
4 septembre 2020
-
8 déc. 2010 à 14:51
Nanolenain Messages postés 72 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 3 février 2012 - 14 déc. 2010 à 17:42
Nanolenain Messages postés 72 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 3 février 2012 - 14 déc. 2010 à 17:42
A voir également:
- Quelle technologie est utilisée?
- Mémoire utilisée sans raison ✓ - Forum Virus / Sécurité
- Impossible d'allumer la lampe torche car la lumière est utilisée par une autre application ✓ - Forum Sony
- Pilote oed de la technologie intel(r) smart sound ✓ - Forum Windows 10
- Comment savoir quelle police est utilisée dans un pdf - Forum Windows
- Uc utilisée ✓ - Forum Windows
9 réponses
Nanolenain
Messages postés
72
Date d'inscription
lundi 6 décembre 2010
Statut
Membre
Dernière intervention
3 février 2012
11
8 déc. 2010 à 18:31
8 déc. 2010 à 18:31
Ils utilisent bel et bien jquery, mais le langage exact est le javascript qui, en l'occurrence, devient de l'AJAX (navigation sans rafraichissement).
J'espère ne pas t'avoir perdu.
Sinon, c'est du html/css(/PHP/MYSQL) tout bête.
J'espère ne pas t'avoir perdu.
Sinon, c'est du html/css(/PHP/MYSQL) tout bête.
Absot
Messages postés
778
Date d'inscription
mardi 28 octobre 2008
Statut
Membre
Dernière intervention
4 septembre 2020
44
8 déc. 2010 à 21:51
8 déc. 2010 à 21:51
Il y a une question qui me chagrine, ils ont un formulaire mais ne rafraichissent pas leur page, comment ils font pour transmettre les données?
galou00
Messages postés
642
Date d'inscription
jeudi 5 juillet 2007
Statut
Membre
Dernière intervention
13 mai 2016
80
8 déc. 2010 à 22:01
8 déc. 2010 à 22:01
Nanolenain t'as tout dis, ça, c'est de l'ajax... très facile à réaliser avec Jquery
Doctor C
Messages postés
627
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
19 février 2016
396
8 déc. 2010 à 22:25
8 déc. 2010 à 22:25
L'AJAX est en fait une utilisation de Javascript qui permet de faire des requêtes au serveur et de mettre à jour certains éléments de la page Web (un div par exemple; et non toute la page Web) ce qui donne une impression de légèreté à l'utilisateur.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Absot
Messages postés
778
Date d'inscription
mardi 28 octobre 2008
Statut
Membre
Dernière intervention
4 septembre 2020
44
8 déc. 2010 à 22:32
8 déc. 2010 à 22:32
Je me suis baladé un peu sur internet si je ne me trompe pas, ce sont des slides?
Comment ils font pour récupérer les données du formulaire sans passer par un rafraichissement de page?
Est-ce quelque chose comme ça?
https://api.jquery.com/jQuery.data/
Comment ils font pour récupérer les données du formulaire sans passer par un rafraichissement de page?
Est-ce quelque chose comme ça?
https://api.jquery.com/jQuery.data/
jisisv
Messages postés
3645
Date d'inscription
dimanche 18 mars 2001
Statut
Modérateur
Dernière intervention
15 janvier 2017
946
9 déc. 2010 à 01:04
9 déc. 2010 à 01:04
Jette un oeil ici:
http://www.w3schools.com/dom/dom_http.asp
Johan
http://www.w3schools.com/dom/dom_http.asp
Johan
Absot
Messages postés
778
Date d'inscription
mardi 28 octobre 2008
Statut
Membre
Dernière intervention
4 septembre 2020
44
Modifié par Absot le 9/12/2010 à 18:47
Modifié par Absot le 9/12/2010 à 18:47
Je viens de regarder le lien et je n'ai pas trop compris.
Ce que j'ai compris, c'est que quand on clique sur le bouton, on fait appel à la fonction loadXMLDoc() qui créé un objet de type XMLHttpRequest et si la requête par GET est bien excecutée et que le serveur est en bon état, ça renvoit, ce que contient le document xmlhttp_info.txt?
Ce que je ne comprends pas, c'est comment ils font avec un formulaire vu qu'il faut récupérer les valeurs du formulaire pour faire un traitement donc quand on prépare notre requête au serveur en lui disant la méthode e tle fichier que l'on souhaite ( open('GET', 'exemple.php', true); ), je ne vois pas comment on peut faire avec un formulaire surtout que le traitement est du javascript et que l'on ne peut pas transmettre une valeur du variable javascript à une variable en php.. :/
Je me suis créé un petit formulaire où il y a des slides et dans le premier slide, j'y mets un champ texte que j'ai appellé nom où j'y mets n'importe quoi puis au moment où je clique sur le bouton de validation, j'envoi ça à ma page exemple.php avec la méthode GET et dans cette page, j'y fais un "echo $_GET['nom'];" mais il ne se passe rien donc je dois avoir mal compris?
Ce que j'ai compris, c'est que quand on clique sur le bouton, on fait appel à la fonction loadXMLDoc() qui créé un objet de type XMLHttpRequest et si la requête par GET est bien excecutée et que le serveur est en bon état, ça renvoit, ce que contient le document xmlhttp_info.txt?
Ce que je ne comprends pas, c'est comment ils font avec un formulaire vu qu'il faut récupérer les valeurs du formulaire pour faire un traitement donc quand on prépare notre requête au serveur en lui disant la méthode e tle fichier que l'on souhaite ( open('GET', 'exemple.php', true); ), je ne vois pas comment on peut faire avec un formulaire surtout que le traitement est du javascript et que l'on ne peut pas transmettre une valeur du variable javascript à une variable en php.. :/
Je me suis créé un petit formulaire où il y a des slides et dans le premier slide, j'y mets un champ texte que j'ai appellé nom où j'y mets n'importe quoi puis au moment où je clique sur le bouton de validation, j'envoi ça à ma page exemple.php avec la méthode GET et dans cette page, j'y fais un "echo $_GET['nom'];" mais il ne se passe rien donc je dois avoir mal compris?
Absot
Messages postés
778
Date d'inscription
mardi 28 octobre 2008
Statut
Membre
Dernière intervention
4 septembre 2020
44
Modifié par Absot le 10/12/2010 à 10:46
Modifié par Absot le 10/12/2010 à 10:46
J'ai continué un peu plus et j'ai compris que l'on rafraichit notre page avec le contenu que nous renvoi le fichier demandé mais je suis bloqué au passage d'argument.
J'ai créé un formulaire tout simple avec deux lignes, la première avec un nom à remplir et la deuxième avec un prénom.
J'ai regardé plusieurs sujet sur les envois de variables par Ajax mais ca ne fonctionne pas chez moi puis j'hésite à envoyer soit par GET ou par POST?
Voilà mon code:
form.php
traitement.php
Qu'est-ce que je dois corriger svp?
J'ai créé un formulaire tout simple avec deux lignes, la première avec un nom à remplir et la deuxième avec un prénom.
J'ai regardé plusieurs sujet sur les envois de variables par Ajax mais ca ne fonctionne pas chez moi puis j'hésite à envoyer soit par GET ou par POST?
Voilà mon code:
form.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test slide Jquery</title> <link rel="stylesheet" href="style.css" media="all" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> function go() { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari http=new XMLHttpRequest(); } else {// code for IE6, IE5 http=new ActiveXObject("Microsoft.XMLHTTP"); } var nom = document.getElementById("nom").value; var datas = "nom="+nom; http.open("GET","exemple.php",true); http.send(datas); http.onreadystatechange=function() { if (http.readyState==4 && http.status==200) { document.getElementById("slide2").innerHTML=http.responseText; } } } </script> <html> <body> <div id="slideshow"> <div id="slidesContainer"> <div class="slide" id="slide1"> Slide 1 <table border="1"> <tr> <th>Nom : </th> <td><input type="text" id="nom"></input></td> </tr> <tr> <th>Prenom : </th> <td><input type="text" id="prenom"></input></td> </tr> </table> <button type="button" onclick="go()">Cliques-moi</button> </div> <div class="slide" id="slide2"> Slide 2<br/> </div> </div> </div> </body> </html>
traitement.php
<?php echo $_GET["nom"]; ?>
Qu'est-ce que je dois corriger svp?
Nanolenain
Messages postés
72
Date d'inscription
lundi 6 décembre 2010
Statut
Membre
Dernière intervention
3 février 2012
11
14 déc. 2010 à 17:42
14 déc. 2010 à 17:42
Avec jquery, l'utilisation de l'AJAX est grandement simplifiée, la commande suivante suffit a poster une requête et a récupérer ce qu'affiche la page cible dans la variable data :
$.post('cible.php', {'nom1' : val1, 'nom2' : val2, etc : etc}, function(data){
//tes commandes
});