Expressions régulières Expressions régulières

Expressions régulières
♦ Les codes pour une expression régulière
♦ expReg.test(texte)
– Vrai ou faux, le texte correspond à l’exp. rég.
♦ texte.search(expReg)
– retourne l’index, dans le texte ou une sous-chaîne correspond
à l’expression régulière, -1 si pas trouvé.
♦ texte.match(expReg)
– retourne un tableau avec toutes les occurrences de
l’expression régulière
♦ texte.replace(expReg, chaîne)
– remplace, dans le texte, les occurrences de l’expression
régulière par la chaîne.
Expressions régulières
♦ Un code postal
– ([A-Z]\d){3} ou encore
– [A-Z]\d[A-Z] ?\d[A-Z]\d
♦ Un code permanent
– [A-Z]{4}\d{8}
♦ Un numéro de téléphone du Qc
– \((514|450|819|408)\) ?\d{3}-\d{4}
1
Cookies
♦ Petite quantité d’information conservée sur le disque
du client qui sera transmise au serveur lors d’une
requête pour une page web y ayant accès.
♦ Syntaxe:
– Set Cookie name=<nom>; expires=<date>;
path=<chemin>; domain=<domaine>; secure
•
•
•
•
•
name : le nom donné au cookie
expires : la date à laquelle le cookie ne sera plus valide
path : répertoire du serveur pour lequel le cookie est valide
domain : domaine pour lequel le cookie est accessible
secure : accessibilité du cookie nécessite une transaction sécurisée
Cookies
♦ Consultation d’un cookie
– Tous les cookies accessibles pour la page web sont
disponibles à travers document.cookie
– conservés dans une chaîne de caractères sous la forme de
paires nom=valeur séparées par un ;
♦ Modifier un cookie : définir avec même nom et
nouvelle valeur.
♦ Supprimer un cookie : définir avec date d’expiration
passée.
♦ escape() : ajoute des séquences d’échappement
♦ unescape() : enlève les séquences d’échappement
2
Chargement en cache des images
♦ Créer un objet image
– var nouvelleImage = new Image()
♦ initialiser son attribut src
– nouvelleImage.src = "36.pnp"
♦ affecter la source à une balise <img>
– document.images[0].src = nouvelleImage.src
Feuilles de style en cascade (CSS)
♦ Pour la gestion de la mise en forme des
documents HTML
♦ Dans fichier .css
– <LINK href="fichier.css" REL="stylesheet"
TYPE="text/css">
♦ Dans l’en-tête
– <STYLE TYPE="text/css"> … </STYLE>
♦ Attribut STYLE d’une balise
3
Feuilles de style en cascade (CSS)
♦ propriétés: paires de nom:valeur séparés par ;
♦ Quelques propriétés:
– border-color. ex: border-color:blue
– font-family. font-family:arial
– font-style.
font-style: italic
– font-weight. font-weight : bold
– font-size.
font-size : 12pt
…
Feuilles de style en cascade (CSS)
♦ Pour balise (conteneur)
<style ="text/css">
H1 {color: red; font-family: "ms sans serif"}
</style>
♦ Classe et identificateur
<style ="text/css">
.rouge {color: red; font-family: "ms sans serif"}
#rose {color:pink}
</style>
<p CLASS= "rouge " >…</p>
<p ID= "rose " >…</p>
4
Feuilles de style en cascade (CSS)
♦ <span> </span> : pour isoler une partie d’un
conteneur
♦ <div></div> : pour regrouper plusieurs éléments
♦ Plusieurs règles conflictuelles : plus près de
l’élément l’emporte.
– attribut style de la balise
– conteneur <style>…</style>
– fichier .css
5