Designed by Maunakea !
36 en ligne   Boutique | Sites | Bar | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  


 Recherche

 NewsLetter
   

1er Script (1/4)

Votre premier JavaScript ou VBScript




Didier
Très vite, vous avez dû vous en rendre compte, HTML ne suffit plus...
Tant qu'un site n'est destiné qu'à afficher ses photos de familles, ça va, mais dès que l'on veut un peu l'animer, des besoins nouveaux surgissent... preuve en est le courrier abondant que je reçois sur des "Comment faire pour..." auquel je réponds très souvent "un JavaScript !"

Télécharger tout le tutorial JavaScript/VBScript

1er script - Un langage procédural - Application - Exercice


1er script

Un script est un ensemble de commandes encadrées par les balises <script> et </script> qui seront interprétées par le navigateur.

Recopiez une des sources qui suivent dans votre éditeur
Tester
<HTML>
   <BODY>
      <script language="JavaScript">
         var d=new Date()
         document.write(d.toLocaleString())
      </script>
   </BODY>
</HTML>
 Tester
<HTML>
   <BODY>
      <script language="VBScript">
         document.write now
      </script>
   </BODY>
</HTML>
  • Enregistrez comme une page HTML normale, ouvrez-la dans votre navigateur, la date courante s'affiche...
  • Regardez la source de la page (click droit), la date n'y figure pas bien sûr... mais votre navigateur a interprété votre script et affiché son résultat !
En farfouillant sur internet, en regardant les pages des autres, vous trouverez tout un tas de scripts... Profitez-en pour réutiliser ceux qui semblent bien écrits !...



Où placer les scripts ?

  • Avant <HTML> si le script doit s'exécuter avant la composition de la page ;

  • Dans le <Head> si l'on veut pré-déclarer des procédures ou regrouper ses scripts ;

  • Dans le corps de la page, au fur et à mesure des besoins ;

  • Dans une balise si le script n'est pas trop long...
    <A href="javascript:void(0)" onclick="alert('Salut !')">Bonjour</A>
    donne le lien Bonjour !
    <A href="vbscript:" onclick='vbscript:MsgBox("Salut !")'>Bonjour</A>
    donne le lien Bonjour !

  • Après </HTML> si le script a besoin d'attendre que la page soit totalement construite pour s'exécuter ;

  • Dans la balise <BODY> on peut également appeler un script en fonction d'évènements, principalement :
    <BODY onload="start()"> appellera votre fonction start() à la fin du chargement de la page ;
    <BODY onunload="quit()"> appellera votre fonction quit() lorsque le visiteur quittera votre page.
Ou dans un fichier séparé, pour tout ce qui doit être réutilisé par plusieurs pages... dans ce cas :
- sauvegarder les procédures dans un fichier d'extension .js ;
- ne pas mettre dans ce fichier les balises <script> et </script> ;
- appeler ce fichier par la ligne <script src="monfichier.js"></script> AVANT d'invoquer ses procédures...



A savoir

  • Le séparateur d'instructions est le point-virgule ; en JavaScript et le deux-points : en VBScript

  • Un commentaire sur une ligne commence par // en JavaScript et par l'apostrophe ' en VBScript

  • Le navigateur a besoin de connaître quel est le langage utilisé (JavaScript ou Visual Basic Script), il faut donc lui préciser :
    <script language="JavaScript"> ou <script language="VBScript">

  • Les anciens navigateurs ne connaissent pas ces langages... il faut donc leur cacher les scripts en les encadrant par les mots <!-- et //--> et éventuellement leur prévoir quelque chose encadré par <noscript> et </noscript> !

Didier le 30/05/2003 (162 318 hits)
Didier Gratuit : Téléchargez 7 logiciels Microsoft !!!
du 29/09 au 05/11 les MS Days gratuits dans votre ville !!!
Gratuit : Téléchargez SQL Server 2008 !
Au fil des news  
[MAJ] Inscription contrôlée à une NewsLetter ou Service - Abonnement avec confirmation et désabonnement
Correction d'un point-virgule manquant (merci de m'avoir obligé à chercher JPierre) dans le module ...
[MAJ] PHP - Administrer en ligne - Protection des pages
Ajout d'un code de validation généré aléatoirement.
PHP - Premier lundi d'une semaine et d'une année
JavaScript - Premier lundi d'une semaine et d'une année
ASP - Premier lundi d'une semaine et d'une année
Alphabet Radio et Code Morse - Alpha Zulu appelle Tango Charlie !
Encoder-Décoder en "Alphabet Radio" ... "Alpha Zulu appelle Tango Charlie !" ou en Code Morse ... ...
Filtrer les modèles de site SharePoint - Filtrer l'affichage des modèles de site SharePoint
Je vous propose de découvrir à l'aide de cet article quels mécanismes peuvent vous permettent de ...
ASP/PHP - Crypter/Décrypter - par table de correspondance
(ASP/PHP) Une méthode pour crypter/décrypter des données par l'utilisation d'une table de ...
PHP - Listes liées (1 table) - version2
JavaScript - Rendre Visible ou Invisible des éléments d'un form
PHP - Listes liées (1 table) - version1
JavaScript - Intercepter le click sur vidéo WMP ou flash SWF
[MAJ] Une base de données sans base de données - Comment travailler avec des fichiers texte ?
Modification du paramétrage du dossier à scanner dans le popup qui permet de sélectionner l'image.
Jeux de l'été (et de 5) - Un jeu de Motus (mots de 8 lettres)
C'est reparti pour un tour... Comme je venais de proposer un jeu de Mastermind, je me suis dit que, ...
PowerShell - Extraire toutes les collections SharePoint en CSV
PowerShell - Lister les collections pour une WebApp SharePoint
PowerShell - Lister les utilisateurs d'un site SharePoint
PowerShell - Connaître le code version de votre SharePoint
Connaître la version de SharePoint installée - Comment savoir la version de SharePoint en cours
Dans le cadre de la maintenance de plusieurs fermes SharePoint, il est indispensable de connaître ...
PowerShell - Travailler avec une base de données SQL Server
.NET - Visual Studio 2008 sur Facebook : çà rock's
PowerShell - Ajouter des liens sur deux niveaux dans SharePoint
Un petit annuaire perso avec photo - en PHP et MySQL
Avoir des copains et des amis c'est bien que dis-je c'est même vital pour le bien être de chacun. ...
Une base de données sans base de données - Comment travailler avec des fichiers texte ?
Suite à une question sur le forum (les habitués me connaissent), je propose une mini-gestion de ...
ASP/PHP : Affichage de données en tableau html - Afficher proprement des données dans un tableau
Création d'un tableau "à la volée" pour afficher ses données. Affichage "en ligne" ou "en ...
PowerShell - Ajouter une liste dans un site SharePoint
Annuaire d'entreprise en PHP - Très pratique pour ne plus rien perdre
Mon petit annuaire d'entreprise, je m'en sers tous les jours alors autant vous en faire profiter. ...
PHP-MySQL : Formulaire - pour le script 'Bon anniversaire' de DB77
Formulaire et script d'enregistrement pour le script « Bon anniversaire » de DB77 en PHP/MySQL ...
.NET - Introducing Microsoft Silverlight 2.0, 2nd Edition
PHP5 - Upload de fichiers - Classe PHP
PHP - PHP 5 /MYSQL® 5
PHP - Calcul de la surface d'un polygone
Comment supprimer des items d'une liste SharePoint - Supprimer les informations d'une liste SharePoint
SharePoint permet bien sur de stocker des données. Parfois, on peut vouloir effacer certaines de ...
Dreamweaver CS4 - Nouvelle version Béta
Voici la nouvelle mouture, annoncée en juin, juste 6 mois après la sortie de la version CS3. Je ...
PowerShell - Synchronisation répertoire par répertoire
PowerShell - Ajouter des items dans une liste SharePoint
Localisation des développements avec SharePoint - Rendre ses applications SharePoint internationales
Lorsque l'on développe des applications avec SharePoint, on se confronte très souvent à une ...
PowerShell - Supprimer tous les items d'une liste SharePoint
PowerShell - Vider la Corbeille SharePoint d'une collection
Modification de l'adresse du Search Center - Définir la page de résultat d'une ferme MOSS
Lorsque l'on installe MOSS dans une ferme SharePoint et que l'on configure le moteur de recherche ...
Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
  Scripts : Scripting | ASP-PHP | ASP.net | Divers
  Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats 		v3 © Didier 2003   
 

Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
 Codes Sources TechNet Groupes Utilisateurs Microsoft MVP The Inquirer FR ASP-magazine DotNet Project El Roubio Wygwam CodePPC