Apprendre facilement le Javascript

SANTE

Bienvenue ! 19/04/2024 @ 02:28:08 - IP : 18.118.166.98 -

Microsoft

Télécharger

SQL Server 2012

Pinpoint

Visual Studio

Choisir son PC

Developpement

Visual Basic

Langage C

Java

Assembleur

Delphi

SQL

Python

WinDev

Systèmes OS

Ms Dos

Windows 9.x

Windows Nt

Windows Vista

Unix

Linux

Mac Os

Conception Web

PHP

ASP

Html

XmL

Flash Adobe

Director Adobe

WebDev

Java Script

Livre GRATUIT:

Sommaire :

Introduction - Les fonctions - Passer une variable - Protection de pages

Passer une variable (JavaScript) entre fenêtres

Cours du Javascript pour les débutants

Passer une variable (JavaScript) entre fenêtres

Développer et déployer facilement vos sites web

Télécharger gratuitement Office 2013

Héberger votre site web sur des serveurs gratuits

Visual Studio 2013

Télécharger et apprenez gratuitement

Trucs et Astuces

Découvrez Windows 8.1 et télécharger le gratuitement

Il n'existe pas en JavaScript d'objet plus haut placé que la fenêtre. Dès qu'une fenêtre est refermée tout ce qui appartenait à Cette fenêtre est perdu. Comment peut-on passer une variable d'une fenêtre à l'autre ?

Les cookies sont une réponse mais si les cookies sont refusés par le navigateur alors il faut user d'un autre moyen. Nous allons utiliser l'adresse comme véhicule...

Notre première page doit recueillir la variable data et la transmettre à la suivante. Nous initialisons la variable dans l'en-tête :

<HEAD>

<TITLE> PAGE UNE </TITLE>

<SCRIPT language="JavaScript">

data = null;

</SCRIPT>

</HEAD>

Plus bas dans notre document nous laissons à l'utilisateur le soin de renseigner cette variable à l'aide d'un champs de formulaire vide :

</FORM>

<INPUT type="text" value="" onChange="data=this.value">

...

On pourra choisir une autre voie mais l'important c'est que nous allons transmettre à la page suivante le contenu de la variable.

Ici nous utilisons un bouton de formulaire pour accéder à la page deux mais nous aurions pu utiliser un lien. Dans tous les cas on ajoute à l'URL de renvoi notre variable sous forme de chaîne search c'est à dire précédée par un point d'interrogation.

<INPUT TYPE="button" VALUE="Aller page suivante" ONCLICK="document.location='deux.html' + '?' + data">

</FORM>

</BODY>

Si le lien doit conduire à une ancre de la page deux, on pourra très bien écrire aussi :

<INPUT TYPE="button" VALUE="Aller page suivante" ONCLICK="document.location='deux.html?' + data +

'#haut' ">

Dès lors au clic sur ce bouton, si le champs a été modifié, notre barre d'adresse affichera sa nouvelle valeur après un point d'interrogation (voir image plus haut).

Cette adresse est parfaitement fonctionnelle et mène en effet à la page deux. Voyons maintenant comment sur celle-ci nous récupérons la variable stockée ainsi dans l'URL.

C'est dans l'en-tête de la page deux que nous plaçons le code suivant afin d'extraire très tôt la chaîne requise.

<HEAD>

<TITLE> PAGE DEUX </TITLE>

<SCRIPT LANGUAGE="JavaScript">

toto = location.search.substring(1, location.search.length);

if (toto=="null") toto="aucune valeur passée";

</SCRIPT>

</HEAD>

On aurait pu être tenté de se contenter d'écrire "document.location.search" mais le navigateur renvoie dans ce cas la chaîne search précédée de son point d'interrogation. La méthode "substring()" permet d'extraire les caractères depuis le second (indexé 1) jusqu'à la fin (search.length).

La variable toto contient désormais la chaîne de caractères passée avec l'URL. Nous pourrions désire d'exploiter toto afin de remplir un champs de formulaire auquel cas nous affecterions toto comme valeur à celui-ci :

<FORM>

<INPUT TYPE="TEXT" VALUE="&{toto};" NAME="unChamps">

</FORM>

l'expression qui nous sert à rappeler toto est ici une entité JavaScript. On connaît surtout ces entités HTML pour afficher les accents. JavaScript use ici de la même syntaxe.

Si nous souhaitons insérer notre variable dans le corps du texte, nous utiliserons dans le HTML :

voici la variable : <SCRIPT LANGUAGE="JavaScript"> document.write(toto); </SCRIPT>

Devenez membre ZNsoft : La communauté Informatique

Cours - Etudiants - Concours - Congrès - Téléchargement - Formations

_________________________________________________________________________________________________________
Qui sommes-nous ? | Contact | | Inviter un ami | Soutenir ZNsoft | Revue de press | Références
ZNsoft Corporation, Tous Droits Réservés Â© 2002/ 2024
Dernière mise Ã jour : 16/04/2024