Designed by Maunakea !
57 en ligne
  Forum | Actu | Glossaire | Codes | Tips | Liens | Livres | Annuaire
 

 Recherche





   

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 (201 175 hits)
Didier Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
  • Visual Studio 2010
  • Office 2010
  • Expression Studio 3
  • SQL Server 2008
  • et d'autres...
Au fil des news  
PHP - Drupagora : 1ère edition
Utiliser Reporting Services pour des NewsLetter - SQL Server Reporting Services et les NewsLetters
Le moteur de rapport inclus dans Microsoft SQL Server permet de créer de nombreux rapports ...
Changer la page d'erreur 401 SharePoint - La page d'erreur d'authentification SharePoint
Avec l'authentification classique des sites SharePoint, l'erreur d'authentification est gérée par ...
PHP - Graphique de l'angle du soleil en fonction du lieu
PHP5 - Graphique de l'angle du soleil en fonction du lieu
Adobe - Disponibilité d'Adobe Creative Suite 5.5
Les Thèmes dans SharePoint 2010 - Gérer les thèmes dans SharePoint 2010
SharePoint 2010 apporte de nombreuses modifications dont certaines dans le principe des thèmes.
JavaScript - fonction qui affiche l'heure à travers javascript
Installer SharePoint Foundation 2010 sur Windows 7 - Installer SP Foundation 2010 sur Windows Seven
Lorsque l'on souhaite développer dans le monde SharePoint, il existe plusieurs solutions. La ...
SharePoint et SQL Server 2008 R2 Report Server - Comment accéder à SharePoint depuis SSRS 2008 R2
Depuis la première version, la solution de rapport proposée par Microsoft "SQL Server Reporting ...
JS - Envoi d'un formulaire après chargement d'une image
Divers - Bannir une ip dans le global asax
Dreamweaver CS5 - Nouvelle version Dreamweaver CS5
Déjà plus de 6 mois que le produit est sorti, il fallait bien que je vous en parle un peu. Je vous ...
SharePoint Output Caching dans un site Intranet - Comment utiliser le cache dans un site Publishing
Afin de permettre l'amélioration des performances de sa ferme MOSS utilisée pour le site portail ...
Adobe - Adobe lance le Musée Adobe des Médias Numériques
Adobe - Adobe lance HTML5 Pack pour Illustrator CS5
PHP - Forum PHP 2010 : Le programme
Magazines - Le numéro 133 de programmez est disponible
Adobe - Adobe lance des applications Photoshop Express....
PHP - Détermination de l'intersection entre 2 segments
Magazines - Le N°132 de Programmez est disponible
Les alertes dans SharePoint 2007 - Comment SharePoint 2007 gère les User Alerts
Une des fonctionnalités de base de SharePoint, aussi bien dans Windows SharePoint Services (WSS) ...
Adobe - Photoshop.com Mobile pour Android 1.2
Adobe - Adobe dévoile une technologie de lecture.......
PHP - Experts PHP : participez au Forum PHP 2010 !
PHP - Fobec.com - Code source PHP & javascript
Foliotage alphabétique - Lister sur la première lettre d'un champ
Pour faire suite à l'article de JPierre sur la pagination alphabétique, voici, en ASP et en PHP, ...
Dreamweaver CS4 + Php + Mysql - Pagination alphabétique
Je vous propose la création d'une barre de navigation ou pagination alphabétique pour filtrer les ...
Adobe - HTML5 dans Dreamweaver CS5
VBScript - Déterminer si un chemin est absolu ou relatif
VBScript - Lire/écrire un fichier texte
Magazines - Le N°130 de Programmez est disponible
Hebergement - Hébergement à prix libre
Adobe - Adobe Creative Suite 5
PHP - Calcul de la date de Pâques
Magazines - Le N°128 de Programmez est disponible
Magazines - Le N°127 de Programmez est disponible
Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...
Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1
JavaScript - Ajouter une page dans vos favorites
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
v3b © Didier 2003   
 

Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
 MVP DotNet Project ASP-magazine Groupes Utilisateurs Microsoft TechNet