Scribd
Importer
6 vues1 page

Développement de Scripts JavaScript pour HTML

Le document décrit un projet de développement d'un site web pour gérer des opérations d'échange de données à partir d'une base de données 'international_flights'. Il fournit des instructions sur la configuration des fichiers HTML, CSS et JavaScript, ainsi que sur la création de scripts de contrôle pour vérifier les informations des passagers. Les étapes incluent la préparation des fichiers et l'implémentation de fonctions de vérification dans le fichier JavaScript.

Transféré par

amal.riahi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
6 vues1 page

Développement de Scripts JavaScript pour HTML

Le document décrit un projet de développement d'un site web pour gérer des opérations d'échange de données à partir d'une base de données 'international_flights'. Il fournit des instructions sur la configuration des fichiers HTML, CSS et JavaScript, ainsi que sur la création de scripts de contrôle pour vérifier les informations des passagers. Les étapes incluent la préparation des fichiers et l'implémentation de fonctions de vérification dans le fichier JavaScript.

Transféré par

amal.riahi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Module 2 : Systèmes, technologies et Internet

JavaScript

TP N°8 Html, Css et JavaScript


Important : Enregistrer les fichiers dans votre dossier sous bac2023 sous C:\xampp\htdocs

Suite à la création de la base de données « internationel_flights » en mode assisté (Tp 3 et 4 bases),


on souhaite créer un site web qui gère les différentes opérations d'échange de données .
 Pour accélérer les taches de développement, un dossier de ressources est disponible pour accomplir le travail
 Le site contient une page index qui comporte des balises structurantes (Header, Nav, Section et Footer)
 Nav « [Link] » contient des liens vers les autres pages
 Section pour afficher les autres pages (l’intégration se fait à l’aide de la balise « iframe »
Avant de démarrer, il est indispensable de mener à bien les tâches suivantes.
 Copier le contenu du dossier « Ressources » sous le lecteur C:/ dans votre dossier de travail
 Ouvrir votre dossier de travail avec l’environnement Vscode
 Les fichiers HTML sont prêts à la modification selon vos besoins.
 Le fichier CSS est déjà prêt à l’utilisation « [Link] ».
 Le fichier JS « [Link] » contient une portion de code à compléter selon vos besoins.

Travail demandé
Savoir faire
On commence à développer des scripts de contrôle pour la page
 HTML « [Link] »
« [Link] »
 Le clique sur le bouton « Inserer » fait appel à une fonction <!--Ajouter le lien pour le fichier Css-->
JavaScript intitulée « verifpassager()» qui vérifie les champs <link rel="stylesheet" href="[Link]">
ci-dessous : <!--Ajouter le lien pour le fichier Javascript-->
<script src="[Link]"></script>
<!—Ajouter des id pour les champs à contrôler -->
<input type="text" name="" id="nom»/>
<!—Appel de la fonction verifPassager() avec
l’évènement onclick et le bouton inserer -->
<input type="submit" value="inserer"
onclick="return verifPassager();" />

 JavaScript « [Link] »
//Fonction alpha déjà développée (Tp précédent)
function alpha(chaine){……………………}
//Fonction numerique (Tp précédent)
function numerique(chaine){……………………}
//Fonction pour vérifier le nom de passager
function verifNom(chaine) {………………………}
//Fonction pour vérifier l’email de passager
function verifEmail(chaine) {………………………}
//Fonction pour vérifier tout le formulaire
function verifPassager()
{
………………………
→Appel alpha
→Appel numerique
→Appel verifNom
→Appel verifEmail
………………………
return true;
}

Niveau : 4EME Sciences de l’informatique 1 Prof : [Link]

Vous aimerez peut-être aussi