PHP & HTML & JAVA

6/09/08 — sysmd


v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} p.MsoHeader, li.MsoHeader, div.MsoHeader {margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; tab-stops:center 8.0cm right 16.0cm; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} p {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} @page Section1 {size:595.3pt 841.9pt; margin:19.85pt 19.85pt 19.85pt 19.85pt; mso-header-margin:35.45pt; mso-footer-margin:35.45pt; mso-paper-source:0;} div.Section1 {page:Section1;} –>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Tableau Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:”";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:”Times New Roman”;
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}

Premiers pas


<!–
function AnimalChoice()
{
if(document.ListeAnimaux.animal.value==’vache’)
{
alert(‘La vache est un bovin’);
}
else if(document.ListeAnimaux.animal.value==’mouton’)
{
alert(‘Le mouton est un ovin’);
}
else
{
alert(‘L\’écureuil aime les noisettes :) ‘);
}
}
//–>
Tuto écrit par LionZion, revu par Molokai et Raf en août 2004

Un script Javascript se place (si possible) dans l’en-tête <head></head> de votre page, malgré tout il est aussi possible de le placer ailleurs dans le corps de la page. Notre premier script est un simple affichage de la fameuse phrase : “hello world !”, placez-le où vous voulez :

Code Javascript – Exemple 1

<script language=”JavaScript”>
<!–
document.write(‘Bonjour le monde’);
//–>
</SCRIPT>

Le balisage d’une portion de code JAVASCRIPT commence toujours par : <script language=”JavaScript”> et se termine toujours par : </SCRIPT>, les deux opérateurs <!– et //–> servent à faire ignorer le code par les “vieux” browsers, vous n’êtes pas obligé de les mettre car de nos jours tout le monde utilise (enfin je l’espère :) un navigateur récent supportant le JavaScript.

2 . Passons à notre second exemple qui intègre une variable, dans Javascript les variables doivent être déclarées en tant que telles.

Code Javascript – Exemple 2

<script language=”JavaScript”>
<!–
var prenom=”Fabrice”;
document.write(‘Bonjour ‘+ prenom);
//–>
</SCRIPT>

Comme c’est simple :) … Nous avons déclaré une variable prenom est lui avons affecté la valeur Fabrice, regardez bien la concaténation qui s’effectue avec le signe +. Attention en JS vous devez refermer la chaîne de caractères avec la quote (‘) avant de concaténer votre autre chaîne de caractères, ce n’est pas le cas en PHP. Et bien sûr l’éternel point-virgule termine la syntaxe, là par contre ca ne change pas.

3 . Allez, ça n’est pas le tout ! :

Code Javascript – Exemple 3

<script language=”JavaScript”>
<!–
var animal=”mouton”;

if(animal==’vache’){
document.write(animal +’ = bovin’);
}
else if(animal==’mouton’){
document.write(animal +’ = ovin’);
}
//–>
</SCRIPT>

Ci-dessous nous avons une déclaration de variable (animal) et nous testons si celle-ci est égale à vache ou bovin, on affiche le résulat correspondant.

4 . Voyons la même vérification, mais cette fois la variable n’est pas déclarée, elle provient de la liste déroulante d’un formulaire :

Code Javascript – Exemple 4

<script language=”JavaScript”>
<!–
function AnimalChoice()
{
if(document.ListeAnimaux.animal.value==’vache’)
{
alert(‘La vache est bovin’);
}
else if(document.ListeAnimaux.animal.value==’mouton’)
{
alert(‘Le mouton est un ovin’);
}
else
{
alert(‘L\’écureuil aime les noisettes :) ‘);
}
}
//–>
</SCRIPT>

Le code HTML

Tester le script

<body>
<form name=”ListeAnimaux“>
<select size=”3″ name=”animal“>
<option value=”vache” selected>Vache
<option value=”mouton“>Mouton
<option value=”oiseau“>Ecureuil
</select>

<input type=”button” value=”OK” onClick=”AnimalChoice();“>
</form>
</body>

Vache Mouton Ecureuil

Ici nous avons utilisé une fonction (function) est là encore, le principe est le même qu’en PHP. Ensuite nous passons les conditions en revue, notez comment l’appel au champ s’effectue : document.nom_du_formulaire.nom_du_champ.value==’valeur’. Ensuite regardez dans la balise <form> du formulaire, n’y figure qu’un name=”", puis jettez un oeil sur le bouton de validation qui n’est pas de type Submit mais Button (c’est très important !) de plus c’est la fonction onClick=”" qui va déclencher l’appel de la fonction Javascript (AnimalChoice();).

Voilà, finalement pour une première initiation nous avons déjà bien déblayé le terrain, entraînez-vous à utiliser tout ceci et le reste ne sera que plus simple à comprendre.

Contrôles


<!–
function ControleVide()
{
if(document.FormExoUn.Nom.value == ”)
{
alert(‘Le champ NOM ne peut pas rester vide !’);
document.FormExoUn.Nom.focus();
}
else
{
alert(‘Le champ NOM n\’est pas vide.\n\nNous postons les infos vers : le_fichier.php’);
}
}
//–>
Tuto écrit par LionZion, revu par Molokai et Raf en août 2004

Comme vous le savez le Javascript s’exécute côté client, cela est très pratique dans le cas où l’on souhaite contrôler les champs d’un formulaire sans avoir à appeler un script pour faire cette vérification, tout est fait dans la même page sans générer de trafic.

Ceci dit, le javascript peut être désactivé. Utilisez-le pour le confort de vos visiteurs mais vérifiez toujours les informations transmises par un script PHP !

1 . Contrôlons un champ pour savoir s’il est vide, alors qu’il devrait contenir quelque chose :

Code Javascript – Contrôle d’un champ vide

<SCRIPT language=”JavaScript”>
<!–
function ControleVide()
{
if(document.Formulaire.Nom.value==”)
{
alert(‘Le champ NOM ne peut pas rester vide !’);
document.Formulaire.Nom.focus();
}
else
{
document.Formulaire.method = “POST”;
document.Formulaire.action = “le_fichier.php”;
document.Formulaire.submit();
}
}
//–>
</script>

Code HTML du Formulaire

Tester le script

<body>
<form name=”Formulaire“>
<input type=”text” name=”Nom” size=”10” maxlength=”8“> <br>

<input type=”button” value=”Valider” onClick=”ControleVide()“>
</form>
</body>


En Javascript on indique l’arborescence complète de l’emplacement de “l’objet” qui doit doit être contrôlé (ici le champ Nom), ce qui donne :
- page.nomduformulaire.nomduchamp.fonction();

Soit en Javascript dans notre exemple :
- document.Formulaire.Nom.value(); // Soit : le champ “Nom” qui se trouve dans le formulaire “Formulaire” de cette page “document“.

Nous utilisons donc la fonction “value()” pour savoir si le champ “Nom” est vide ou pas :
if(document.Formulaire.Nom.value==”) // si le champ Nom est strictement égal à rien (==”), donc vide.
{
alert(‘Le champ NOM ne peut pas rester vide !’); // on affiche une alerte à l’écran.
document.Formulaire.Nom.focus(); // puis on renvoie le curseur (focus) dans le champ Nom.
}

Autrement (else), et si le champ n’est pas vide, nous postons les informations, celà se fait de la manière suivante en Javascript :

document.Formulaire.method = “POST”;
document.Formulaire.action = “le_fichier.php”;
document.Formulaire.submit();

Pour finir regardons le bouton qui déclenche la fonction de vérification :

<input type=”button” value=”Valider” onClick=”ControleVide()“>

Vous notez de suite que le type n’est pas Submit mais Button , vous ne devez JAMAIS employer le type Submit en Javascript, TOUJOURS un type Button !
L’on voit aussi que c’est l’action onClick qui va déclencher la fonction de vérification, ce qui normal dans le cas d’un bouton, il existe d’autres actions que nous verrons dans un autre tutorial.

* NB: La casse est très importante en Javascript ! nom n’est pas Nom , mais vous devez commencer à y être habitués avec PHP :) .

2 . Dans notre second exemple nous allons faire 3 vérifications différentes sur le même champ :

1 - Est-il vide ?
2 – Ne comporte t’il bien que des caractères numériques (0 à 9) ?
3 - Fait-il plus de 6 caractères ?

Code Javascript – Exemple 2

<SCRIPT language=”JavaScript”>
<!–
function Controle()
{
if(document.FormNom.Nom.value==”) // 1
{
alert(‘Le champ Nom ne peut pas rester vide !’);
document.FormNom.Nom.focus();
}
else if(isNaN(document.FormNom.Nom.value)) // 2
{
alert(‘Le champ Nom ne peut être que numérique !’);
document.FormNom.Nom.focus();
}
else if(document.FormNom.Nom.value.length>6) // 3
{
alert(‘Le champ Nom ne peut pas excéder 6 caractères !’);
document.FormNom.Nom.focus();
}
else
{
document.FormNom.method = “POST”;
document.FormNom.action = “le_fichier.php”;
document.FormNom.submit();
}
}
//–>
</script>

Code HTML du Formulaire

<body>
<form name=”FormNom“>
<input type=”text” name=”Nom” size=”10“><br>

<input type=”button” value=”Valider” onClick=”Controle();“>
</form>
</body>

Dans cet exemple nous exécutons trois contrôles succesifs pour vérifier que ce que rentre le visiteur est valide.

1. Nous contrôlons que le champ n’est pas vide.
2. Nous contrôlons que le champ est bien numérique (isNaN = is Not a Numeric).
3. Nous contrôlons que le champ ne dépasse pas 6 caractères en longueur (lenght).
4. Tout est ok, nous postons les informations du formulaire vers la page de notre choix (document.FormPass.method … etc).

NB: Attention chose importante en Javascript le elseif s’écrit : ELSE IF (avec un espace entre ELSE et IF à la différence de de PHP où ELSEIF est attaché), faites bien attention à cela, car il m’est arrivé de chercher pendant un bout de temps ce genre d’erreurs bêtes.

<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} p.MsoHeader, li.MsoHeader, div.MsoHeader {margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; tab-stops:center 8.0cm right 16.0cm; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} a:link, span.MsoHyperlink {color:blue; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {color:purple; text-decoration:underline; text-underline:single;} p {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} code {font-family:”Courier New”; mso-ascii-font-family:”Courier New”; mso-fareast-font-family:”Times New Roman”; mso-hansi-font-family:”Courier New”; mso-bidi-font-family:”Courier New”;} @page Section1 {size:595.3pt 841.9pt; margin:19.85pt 19.85pt 19.85pt 19.85pt; mso-header-margin:35.45pt; mso-footer-margin:35.45pt; mso-paper-source:0;} div.Section1 {page:Section1;} –>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Tableau Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:”";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:”Times New Roman”;
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}

Bonjour à tous !!
Voila je cherche quelqu un qui pourrai me dire comment faire pour réaliser ce projet ? Ce projet consiste à cryter et decryter un message. Merci d’avance de me répondre

ps : sur le code ci-dessous vous pouvez voir comment je pense le faire

<?
// coupe le message crypté 010100111111111 tout les 5 caractere pour former abc

$coupe = 5;
$a = 01010;
$b = 01111;
$c = 11111;

$crypt = 010100111111111;
$decrypt = abc;

echo ” le message crypté 010100111111111 correspond à abc “;
?>

Le point est utilisé pour concaténer des chaînes, variables etc. Prenons l’exemple d’une phrase où un texte doit être collé au bout d’une variable, (voyez ci-dessous), pour que php sache que le nom de la variable s’arrête à un endroit précis, nous utiliserons le point.

Le code PHP

Donne comme résultat à l’écran

<?
$date = gmdate("H\hi");
print("Il est $date"."gmt.");
?>

Il est 19h05gmt.

Vous le voyez pour éviter que PHP pense que la variable porte le nom $dategmt , il faut refermer la double quote, mettre un point puis la rouvrir pour mettre le restant du texte (gmt). Notez également que le second point est lui placé entre les doubles quotes, donc, sera interprété comme du texte simple et non pas comme une demande de concaténation.

Nous allons maintenant voir la difference entre du texte entre ‘ ‘ dites simples quotes et du textes entre double quotes ” “

Le code PHP

Donne comme résultat à l’écran

<?
$nom = "Martin";

echo "Mon nom est $nom";
?>

Mon nom est Martin

<?
$nom = "Martin";

// affichage avec des simple quote
echo 'Mon nom est $nom';
?>

Mon nom est $nom

<?
$nom = "Martin";

// affichage avec des simple quote
echo 'Mon nom est '.$nom;
?>

Mon nom est Martin


Vous l’aurez compris, PHP n’interprète pas ce qui se trouve entre simple quotes, ainsi, ce n’est pas la valeur de $nom qui est affiché, mais $nom. Il faut donc utiliser un opérateur de concaténation (le .) pour avoir l’affichage voulu.
Pensez aussi que si vous voulez afficher un ‘ dans un texte entre deux ‘ ‘ , alors il faudra faire:
echo ‘Aujourd\’hui’;
Ainsi le \ (backslash ou antislash) indique à php qu’il ne faut pas considerer le ‘ du mileu comme celui qui délimite la fin de la chaîne de caractères, mais juste un caractère comme un autre. Il en va de même pour afficher un ” entre deux ” “.

Ci-dessous vous allez voir qu’il est possible de concaténer directement une fonction et une chaîne de caractères.

Le code PHP

Donne comme résultat à l’écran

<?
print('Nous somme le '.gmdate('d-m-Y').'...');
?>

Nous somme le 15-09-2000…

Nous avons réduit le code d’une ligne, ce qui n’est pas négligeable pour les gros développements, par contre j’admet que ceci est moins lisible pour quelqu’un qui débute totalement, c’est à vous de choisir.

Dans certains exercices futurs, nous verrons comment appeler une page en passant quelques variables, dans ce cas la concaténation nous servira je propose donc de regarder le tableau ci-dessous :

Ce qu’il faut éviter de faire :

Ce qu’il est conseillé de faire :

<?
$fichier = "fichier.php3?var=$var&data=$data";
?>

<?
$fichier = 'fichier.php3?var='.$var.'&data='.$data;
?>

En d’autres termes, chaque fois que vous collez du texte et une variable (ou fonction), n’oubliez pas de mettre le point. Je ne dis pas que la première méthode ne fonctionne pas, mais elle n’est pas orthodoxe, et autant prendre les bonnes habitudes tout de suite :) .

http://www.commentcamarche.net/protect/firewall.php3

http://www.phpdebutant.org/theme35.php

Laisser un commentaire »

Laisser un commentaire