Archives de l’auteur : root

Expression Reguliere en Javascript

Présentation

  • /modele/drapeaux (drapeaux: g, i, gi)
  • new RegExp(« modele »[, « drapeaux »])

Modèles

    • ^ : début de
    • $ : fin de
    • * : 0 à n fois
    • + : 1 à n fois
    • ? : 0 à 1 fois
    • . : un caractère sauf retour chariot
    • | : ou

     

    Modèles

    • (x) : x et mémorise
    • {n} : n fois
    • {n,} : au moins n fois
    • {n,m} : de n à m fois
    • [xyz] : 1 élément de la liste
    • [a-z] : 1 élément de la série
    • [^xyz] : 1 élément n’étant pas dans la liste
    • [^a-z] : 1 élément n’étant pas dans la série
    • \b : frontière de mot
    • \B : non frontière de mot

Modèles

    • \d = [0-9]: chiffre
    • \D = [^0-9]: non chiffre
    • \n : retour à la ligne
    • \s : séparateur de mot
    • \S : non séparateur de mot
    • \t : tabulation
    • \w = [A-Za-z0-9_] : 1 caractère alphanumérique

Méthodes

  • test(chaine)

Chaine de caractere String en javascript

Chaine de caractere String  en javascript 

La manipulation des chaînes de caractère est très fréquente côté javascript pour effectuer des vérifications, obtenir des segments de valeurs, effectuer des transformations, concaténer du texte. L'objet String met à disposition de nombreuses méthodes qui facilitent ces manipulations.

<script>

//Déclaration complète :

var texte = new String("ma chaine de caractère");

//Déclaration simplifiée :

var texte = "ma chaine de caractère";

</script>

Propriétés de l'objet String

Partie1

-prototype: permet d ajouter une propriété personnaliser ou bien méthode au objet javascript

c est par ce que jusqu'a maintenant on n a pas notion d héritage ou class objet comme les autres langages

Ajouter une propriété

String.prototype.age=18;

après

var test=new Sring("hello"); ou simplement var test="hello";

aura aussi la propriété age donc un alert(test.age); donnera 18;

et aussi on peut modifier cette nouvelle propriété

test .age=20;

aler(test.age);//donnera 20

 

TP:

 

De meme on peut avoir une fonction nouvelle avec prototype

String.prototype.afficher=function (){

                alert('salut');

}

 

TP:

 

 

 

 

 

 

 

 

 

PARTIE 2

Méthodes de l'objet String

on a les Method(fonction) suivantes que vous pouvez tester chacun dans un <script></script>

 

 

 

 

 

 

 

Dans les methodes qui suivent Pour match() il faut avant lire c est quoi une expression régulière 

 

 

 

Liste des principales balises Html 4.0

Liste des principales balises Html 4.0

Fichier Html

<HTML>…</HTML> Début et fin de fichier Html
<HEAD>…</HEAD> Zone d’en-tête d’un fichier Html
<TITLE>…</TITLE> Titre affiché par le browser (élément de HEAD)
<BODY>…</BODY> Début et fin du corps du fichier Html
<BODY bgcolor= »#XXXXXX »> Couleur d’arrière-plan (en hexadécimal)
<BODY background= »xyz.gif »> Image d’arrière-plan

 

 

Mise en forme des caractères

<B>…</B> Texte en gras
<BIG>…</BIG> Agrandissement de la taille des caractères
<BLINK>…</BLINK> Texte clignotant (Netscape seul +explorer ancien)
<EM>…</EM> Texte en italique
<FONT color= »#XXXXXX »>…</FONT> Texte en couleur où XXXXXX est une valeur hexadécimale
<FONT size=X>…</FONT> Taille des caractères où X est une valeur de 1 à 7
<I>…</I> Texte en italique
<NOBR>…</NOBR> Empêche les ruptures automatiques de ligne des navigateurs
<PRE>…</PRE> Texte préformaté, soit avec affichage de tous les espaces et sauts de ligne
<SMALL>…</SMALL> Réduction de la taille des caractères
<STRONG>…</STRONG> Mise en gras du texte
<SUB>…</SUB> Texte en indice
<SUP>…</SUP> Texte en exposant
<U>…</U> Texte souligné

 

Mise en forme du texte

<!–…–> Commentaire ignoré par le navigateur
<BR> A la ligne
<BLOCKQUOTE>…</BLOCKQUOTE> Citation (introduit un retrait du texte)
<CENTER>…</CENTER> Centre tout élément compris dans le tag
<DIV align=center> …</DIV> Centre l’élément encadré par le tag
<DIV align=left> …</DIV> Aligne l’élément à gauche
<DIV align=right> …</DIV> Aligne l’élément à droite
<Hx>…</Hx>

<Hx align=center>…</Hx>

<Hx align=left>…</Hx>

<Hx align=right>…</Hx>

Titre où x a une valeur de 1 à 7

Titre centré

Titre aligné à gauche

Titre aligné à droite

<P>…</P>

<P align=center>…</P>

<P align=left>…</P>

<P align=right>…</P>

Nouveau paragraphe

Paragraphe centré

Paragraphe aligné à gauche

Paragraphe aligné à droite

 

Listes

<UL>

<LI>

</UL>

Liste non numérotée (dite à puces)

Elément de liste

 

<OL>

<LI>

</OL>

Liste numérotée

Elément de liste

 

<DL>

<DT>…</DT>

<DD>…</DD>

</DL>

Liste de glossaire

Terme de glossaire (sans retrait)

Explication du terme (avec retrait)

Ligne de séparation

<HR> Trait horizontal (centré par défaut)
<HR width= »x% »> Largeur du trait en %
<HR width=x> Largeur du trait en pixels
<HR size=x> Hauteur du trait en pixels
<HR align=center>

<HR align=left>

<HR align=right>

Trait centré (défaut)

Trait aligné à gauche

Trait aligné à droite

<HR noshade> Trait sans effet d’ombrage

 

 

 

Hyperliens

<A href= »http://… »>…</A> Lien vers une page Web
<A href= »mailto:… »>…</A> Lien vers une adresse Email
<A href= »fichier.htm »>…</A> Lien vers la page locale fichier.htm située dans le même dossier
<A name= »xyz »>…</A> Définition d’une ancre
<A href= »xyz »>…</A>

<A href= »fichier#xyz »>…</A>

Lien vers une ancre

 

 

Images

<IMG src= »xyz.gif »>

<IMG src= »xyz.pjg>

Insertion d’une image au format Gif ou Jpg

(voir liens pour l’adressage)

<IMG … width=x height=y> Mise à l’échelle de l’image en pixels
< IMG … border=x> Définition de la bordure d’une image avec lien
<IMG … alt= »votre texte »> Texte alternatif lorsque l’image n’est pas affichée
<IMG … align=bottom>

<IMG … align=middle>

<IMG … align=top>

<IMG … align=left>

<IMG … align=right>

Aligne l’image en bas

Aligne l’image au milieu

Aligne l’image en haut

Aligne l’image à gaughe

Aligne l’image à droite

<IMG … hspace=x>

<IMG … vspace=y>

Espacement horizontal entre l’image et le texte

Espacement vertical entre l’image et le texte

 

Tableau

<TABLE>…</TABLE> Définition d’un tableau
<TABLE width= »x% »> Largeur du tableau en %
< TABLE width=x> Largeur du tableau en pixels
<TABLE border=x> Largeur de la bordure
<TABLE cellpadding=x> Espace entre la bordure et le texte
<TABLE cellspacing=x> Epaisseur du trait entre les cellules
<TR>…</TR> Ligne du tableau
<TD>…</TD> Cellule du tableau
<TD bgcolor= »#XXXXXX »> Couleur d’une cellule de tableau
<TD width= »x% »>

<TD width=x>

Largeur de colonne en %

Largeur de colonne en pixels

<TD align=center>

<TD align=left>

<TD align=right>

Texte dans la cellule centré

Texte dans la cellule aligné à gauche

Texte dans la cellule aligné à droite

<TD valign=bottom>

<TD valign=middle>

<TD valign=top>

Alignement vers le bas du contenu d’une cellule

Centrage vertical du contenu d’une cellule

Alignement vers le haut du contenu d’une cellule

<TD colspan=x>

<TD rowspan=x>

Nombre de cellules à fusionner horizontalement

Nombre de cellules à fusionner verticalement

 

Frames

<FRAMESET>…</FRAMESET> Définit une structure de frames(remplace alors le tag BODY)
<FRAMESET rows= »x%,y%,… »> Division horizontale de la fenêtre en %
<FRAMESET cols= »x%,y%,… »> Division verticale de la fenêtre en %
<FRAME src= »fichier.htm »> Fichier affiché dans une fenêtre de frames
<NOFRAMES>…</NOFRAMES> Contenu pour les browsers non prévus pour les frames