Recherche d'information sans rechargement de page : remote scripting
Techniques
Cette section permet de regrouper un ensemble de techniques ou de scripts qui ont l'originalité d'arriver à résoudre une difficulté avec le moindre effort ou qui sont particulièrement efficaces...
Techniques / Remote Scripting
- Recherche d'information sans rechargement de page : Remote Scripting
En cliquant sur le bouton devant réaliser l'opération, donc celui possédant la valeur "=", nous allons réaliser l'envoi des informations vers une page qui effectuera la somme et affichant le résultat dans le champs "C". Pour cela nous allons écrire une fonction JavaScript nommée "redirectCalcul()" :
<!-- Appel de la fonction --> <INPUT TYPE='BUTTON' onclick='redirectCalcul()' VALUE='=' > <BR>
<!-- Définition de la fonction -->
<SCRIPT language="JavaScript">
function redirectCalcul() {
//On redéfinit le fichier cible du formulaire
document.formulaire.action = 'calcul.asp';
//On spécifie que les informations seront postées dans l'iframe
document.formulaire.target = 'execution';
//On envoie le formulaire
document.formulaire.submit();
//On redéfinit le fichier cible d'origine
document.formulaire.action = 'traitement.asp';
//On redéfinit la fenêtre cible d'origine
document.formulaire.target = 'RIGHT';
}
</SCRIPT>
A ce niveau nous avons donc réalisé l'envoi des valeurs saisies dans les champs "A" et "B", il nous reste à récupérer ces valeurs dans le fichier "calcul.asp" :
<%
'Récupération des champs A et B
A = request.Form("A")
B = request.Form("B")
'Calcul de la somme:
Res = A + B
'On fixe la valeur du champs C:
Response.write "<SCRIPT LANGUAGE='JAVASCRIPT'>" &_
"window.parent.document.formulaire.C.value='" & Res & "';"&_
"</SCRIPT>"
%>
A ce niveau nous pouvons tester le résultat de notre opération qui se réalise côté serveur mais sans rechargement de la page.
Pour toute question, n'hésiter pas à utiliser le forum.