Les formulaires html ou web proposent le plus souvent d’envoyer et de recevoir des données d’un serveur de base de données. L’exemple ci-dessous est une implémentation d’un formulaire web html avec une gestion « statique » de la saisie avec javascript. Les éléments web html ci-dessous peuvent être personnalisés avec des librairies externes (bootstrap…). Pour cet exemple,… Poursuivre la lecture Javascript Lecture d’un formulaire web html avec javascript – exemple
javascript
Javascript Formulaire web avec AJAX et l’API FETCH
AJAX est une technologie de développement web qui est utilisée pour mettre à jour une page web sans recharger tout le contenu de la page web. AJAX met à jour seulement des parties d’une page web par exemple les données, avec lesquelles l’utilisateur interagit. Cette intéraction est qualifiée d’asynchrone. La méthode FETCH() est également un… Poursuivre la lecture Javascript Formulaire web avec AJAX et l’API FETCH
Formulaire web avec AJAX (avec jquery)
Cette page reprend la page précédente Formulaire web avec AJAX et JQuery. L’exemple ci-dessous montre un calcul avec plusieurs valeurs envoyées à un script php de manière asynchrone avec ajax et le résultat est retourné au navigateur client sous forme d’une seule valeur texte. JQuery est une bibliothèque javascript de fonctions et méthodes qui peut… Poursuivre la lecture Formulaire web avec AJAX (avec jquery)
Javascript Formulaire web avec AJAX (sans jquery)
AJAX est une technologie de développement web qui est utilisée pour mettre à jour une page web sans recharger tout le contenu de la page web. AJAX met à jour seulement des parties d’une page web par exemple les données, avec lesquelles l’utilisateur interagit. Cette intéraction est qualifiée d’asynchrone. XMLHttpRequest (en abbrégé XHR) fait partie… Poursuivre la lecture Javascript Formulaire web avec AJAX (sans jquery)
Javascript, Présentation AJAX – XHR
AJAX ou Asynchronous JavaScript and XML (abbrégé XHR) est une technologie de développement web qui est utilisée pour mettre à jour une page web sans recharger tout le contenu de la page web. En d’autres mots, AJAX XHR est utilisé pour mettre à jour seulement des parties d’une page web par exemple les parties avec… Poursuivre la lecture Javascript, Présentation AJAX – XHR
Javascript Formulaire web – exemple
Les formulaires html ou web proposent le plus souvent d’envoyer et de recevoir des données d’un serveur de base de données. Javascript permet de contrôler les données échangées et par exemple d’éviter le rechargement de la page et l’affichage d’un formulaire « vide ». Ci-dessus, les éléments les plus courants d’un formulaire web. Il est possible de… Poursuivre la lecture Javascript Formulaire web – exemple
Les pages web, l’insertion de script dans le navigateur
Une page web peut contenir différents éléments et parmi ces éléments, des scripts javascript. Les balises <script> et </script> peuvent contenir des scripts Javascript. Des fichiers externes peuvent contenir des scripts javascript et être appelés dans une page web html. <script src= »chemindossier/script.js »></script> L’emplacement d’un script javascript ou de l’appel d’un fichier javascript peut avoir… Poursuivre la lecture Les pages web, l’insertion de script dans le navigateur
Javascript, L’environnement de JavaScript
Un navigateur web peut être considéré comme le principal environnement d’exécution du langage javascript. Javascript évolue également pour fonctionner côté serveur, comme « composant » dans un système d’exploitation. Javascript côté navigateur Les navigateurs sont principalement des applications graphiques d’un système d’exploitation qui permettent d’envoyer et recevoir des données web (HTML). Les navigateurs web existent également sous… Poursuivre la lecture Javascript, L’environnement de JavaScript
Les pages web, L’interface DOM (Document Object Model)
Le BOM (Browser ou navigateur Object Model) représente les objets du navigateur à l’extérieur du document (DOM). Par exemple, les fenêtres d’intéraction alert/confirm/prompt appartiennent aux objets du navigateur. La méthode setTimeout() est une méthode définie par le navigateur. Le BOM n’est pas définit par un standard et chaque navigateur web est libre d’implémenter une version.
Les pages web, l’interface BOM (Browser Object Model)
Le DOM représente le contenu de la page web qui peut être modifié. Le DOM explique la structure d’un document HTML ou XML et les relations entre les différents « noeuds ». Les feuilles de style (CSS ou Cascading Style Sheet pour HTML ou XSLT pou XML) utilisent une définition spécifique qui est compatible avec le DOM.… Poursuivre la lecture Les pages web, l’interface BOM (Browser Object Model)