Programmation JavaScript/Programmer en deux minutes/Une page wiki

Un livre de Wikilivres.
Aller à : navigation, rechercher
Programmation JavaScript
Programmation JavaScript
Sommaire
  1. Introduction 100 percent.svg
  2. Présentation
  3. Syntaxe 50%.svg
    1. Ligne d'instruction 100 percent.svg
    2. Ordre d'évaluation 100 percent.svg
    3. Bloc d'instructions 100 percent.svg
    4. Identificateurs 100 percent.svg
    5. Expression littérale 100 percent.svg
    6. Commentaire 100 percent.svg
    7. Mots réservés et constantes 100 percent.svg
    8. Variables 100 percent.svg
    9. Opérateurs 100 percent.svg
    10. Structures de contrôle 75%.svg
    11. Fonctions utilisateur 100 percent.svg
    12. Évènement 75%.svg
  4. Objets prédéfinis 00%.svg
    1. window 25%.svg
    2. document 25%.svg
    3. navigator 25%.svg
    4. Array 100 percent.svg
    5. Boolean 00%.svg
    6. Date 25%.svg
    7. Error 00%.svg
    8. Function 00%.svg
    9. Math 25%.svg
    10. Number 25%.svg
    11. Object 00%.svg
    12. String 25%.svg
    13. Element 25%.svg
    14. RegExp 00%.svg
  5. Fonctions prédéfinies
  6. Mise en œuvre
  7. Programmation avancée
    1. Opérateurs de bits 00%.svg
    2. Programmation objet 00%.svg
    3. Gestion d'évennements 00%.svg
    4. Exceptions et erreurs 00%.svg
    5. Interface DOM 00%.svg
    6. Objets Microsoft 00%.svg
    7. Applets Java 00%.svg
    8. Notation JSON 00%.svg
    9. AJAX 00%.svg
  8. Frameworks
    1. Dojo
      1. Hello World
      2. Widgets
      3. Ressources
    2. jQuery
    3. Node.js
    4. React
  9. Tests
    1. Ava
    2. Jest
    3. Selenium
  10. Débogage
  11. Références25%.svg
Modifier ce modèle ce sommaire

Munis de votre éditeur de texte avec coloration syntaxique, créez ce document *.html et ouvrez-le avec votre navigateur outillé d'une extension Firebug-like.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
   <head>
	<script type="text/javascript">
          var texte;
	  function Prompt_and_run() {
                   texte = prompt("Bonjour. \nEntrez votre texte :");
                   return affiche_dans_div();
          }
          function affiche_dans_div() {
		   var wikitext = document.getElementById("wikitext");
             	   return wikitext.innerHTML= "Votre texte : " + texte;
          }
	</script>
   </head>
 
   <body>
      <a onmouseover="Prompt_and_run();"> <!-- la fonction est exécutée lorsque la souris est sur l'ancre -->
	Ecrire.
      </a>

      <div id="wikitext"></div>

   </body> 
</html>

Le navigateur prompte et affiche le texte dans une division du document.


Pour obtenir une wikipage, il faut communiquer les changements à un serveur, puis que le serveur enregistre les changements.

Vous l'avez compris, ceci nécessite d'autres technologies que le JavaScript. Rendez-vous sur Programmation Web/Programmer en deux minutes à la sous-page : Un wiki en JavaScript et PHP.