Plusieurs choses:
Afficher une image pendant l’exécution du script
Langage(s) : Html/Javascript(AJAX)/PHP(pour le script final)
Objectif : Afficher une image de transition avant l’exécution du script, pour marquer l’exécution de celui ci aux yeux du client.
Fonction(s) : $.post() et sleep()
Le fichier PHP à afficher .
1) L'objectif ne me semble pas d'une clarté éblouissante : du script (non généralisable) ou d'un script (généralisable).
2) Je mettrais la démo en premier.
3) Une explication du fonctionement de l'ensemble du genre:
on demande à l'utilisateur de taper son nom puis il clique.
L'ordinateur affiche une image pendant un temps (qui représente, je suppose, le temps nécessaire à exécuter une tâche)
Après ce délai, l'ordinateur masque l'image et renvoie un message tiré aléatoirement.
puis les fichiers en donnant leurs noms et en expliquant AVANT ce que chacun fait et en les présentant d'un seul tenant contrairement au premier et à waiter.php (quitte à rajouter du blanc ou des traits de commentaire dans le code pour mieux faire ressortir les parties:
[javascript]<!--- partie javascript-->
<script>
barratin jacvascrpt
</script>
<!--partie HTML-->
barratin[/javascript]
Dans l'ensemble les commentaires ne sont pas assez clairs pour un tutoriel. Je ferais un truc dans ce genre.
<!--Ce fichier comprend des fonction javascript et une partie HTML qui assure l'interface avec l'utilisateur-->
<!--Cette déclaration inclut jquery.js qu' il faut se procurer à ..... et enregistrer à ... Il contient un ensemble de fonctions javascript prédéfines qui sont utilisées ici -->
<script type='text/javascript' src='jquery.js'></script>
<!-- Définition des fonctions originales créées pour cette applicatin-->
<script type='text/javascript'>
/** fonction w1()
paramètres : aucun
valeur de retour: rien
rôle : acquérir la valeur du champ d'identificateur "nom" plus bas. Lancer le script waiter.php qui gère la
temporisation. Au retour de ce script lancer la fonction processResult.
remarque : pour que les champs input puissent être manipulés par javascript, il faut qu'ils aient un identificateur: id ="nom"... unique.
*/
function w1()
{
//$("#nom") : c'est quoi?
var nom=$("#nom").val();// la variable nom contient le texte saisi dans le champ input:
//lance la variable vers la page.php appelée waiter.php et demande d'exectuer processResult au retour.
// fonction jquery, je suppose dont on devrait expliquer les paramètres utilisés
//$.post(url à exécuter, {variables à utiliser}, fonction à exécuter au retour)
$.post("http://ilovephp.dedicom.eu/wp-content/themes/twentyeleven/aps/gifchargement/waiter.php",{ 'nom': nom }, processResult);
}
