Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TUTORIEL : PHP - JAVASCRIPT - HTML (DÉBUTANT)


Information sur la source

Catégorie :Astuces Niveau : Débutant Date de création : 29/07/2004 Date de mise à jour : 30/07/2004 19:41:46 Vu : 27 355

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (29)
Ajouter un commentaire et/ou une note


Description

Suite a plusieurs messages postés dans le forum je me permet de poster un tutorial pour expliquer les différents languages a utiliser suivant les besoins. Il faut bien se rendre compte de l'évidence, lorsque l'on débute, la différence "côté serveur/côté utilisateur" n'est pas forcément claire.

Le PHP :
======


http://www.php.net :
---------------------------
"PHP, est un acronyme récursif, qui signifie "PHP: Hypertext Preprocessor" : c'est un langage de script HTML, exécuté coté serveur. Sa syntaxe est empruntée aux langages C, Java et Perl, et est facile à apprendre. Le but de ce langage est de permettre aux développeurs web d'écrire des pages dynamiques rapidement, mais vous pouvez faire beaucoup plus avec PHP. "


Le php est donc un language qui s'execute côté serveur, ce qui veut dire que c'est le serveur qui héberge la page qui va traduire le PHP. Le rendu visible sur un site n'est que du HTML ou du Javascript.
La page visionnée ne contient donc au final aucune balise PHP.

Exemple:
------------
           . Côté serveur (la page PHP qui va être lue par le serveur):
           <html>
           <?php
          
           echo ("bonjour !");
          
           ?>
           </html>
          


           . Côté utilisateur (le résultat envoyé par le serveur a l'utilisateur) :
           <html>
           bonjour !
           </html>


Nous sommes bien d'accord, le code recu par l'utilisateur ne contient pas de PHP.
Donc pour éxecuter de nouveau un code PHP dans la page il faut la recharger. Ce n'est pas possible d'executer un code PHP sans recharger la page.


C'est la que le Javascript intervient :


Le Javascript :
==========

Le javascript est un language dynamique qui a la différence du PHP s'execute sur la machine et non pas sur le serveur.

Exemple simple :
---------------------
Pour affichier un texte ou le faire disparaîrte, le PHP n'est pas la bonne solution, vu qu'une fois la page chargé il n'agit plus. Donc pas la peine de chercher des fonctions PHP pour ce faire, le javascript par contre lui est fait pour s'exectuer sur la machine même donc est dynamique sur la machine de l'utilisateur. Ce language est donc parfait pour executer une action alors que la page est déja chargé, comme par exemple afficher ou faire disparaître un texte.

Il ne faut dont pas confondre l'utilité du Javascript et du PHP. Ces deux languages n'ont pas la même fonction et le même but.

Donc pas la peine de chercher des fonctions PHP qui s'executent une fois la page chargée, ca n'existe pas.

Il est par contre possible de mêler PHP et javascript, pour un fonctionnement côté serveur et utilisateur.


Le HTML
======
Le HTML est très important dans le PHP puisque c'est sous forme de HTML que vont paraîtres les résultats des différentes fonctions PHP ou Javascript utilisées dans la page.
Dans un premier temps nous allons étudier le PHP par l'HTML :

la fonction permettant d'afficher du HTML est la fonction echo()
par exemple :

  echo "bonjour";
  echo "<a href=\"page.php\">Clique ici !</a>";

Astuce : lorsque l'on ouvre les " " , il ne faut pas oublier de mettre des \" a l'interieur et non pas des " (voir au dessus) sinon ca coupe la fonction et ca bug !



 

Source

  • // Comment inclure du PHP dans du javascript ?
  • // ---------------------------------------------------------
  • // Dans cet exemple, on va afficher une MessageBox, avec un texte que l'on a récupéré dans un fichier.
  • // Soit le fichier : message.txt
  • <?php
  • $fp = fopen("message.txt","r");
  • $msg = fread($fp,filesize("message.txt"));
  • fclose($fp):
  • ?>
  • // nous avons déja récupéré le contenu du fichier, maintenant nous allons l'insérer dans le javascript
  • <script language="javascript">
  • var message;
  • message = "<?php echo $msg; ?>";
  • alert(message);
  • </script>
  • // le résultat de ce script sera l'affichage d'une MessageBox contenant le texte
  • // contenu dans le fichier préalablement lu.
  • // Absoluement inutile, certe, mais cet exemple représente l'integration du PHP
  • // dans le Javascript.
  • // Comment inclure du HTML dans une fonction PHP ?
  • <?php
  • $repertoire="images/";
  • $o = dir($repertoire); //on lit le contenu du répertoire "images/"
  • if(!is_object($o)) return false; // on s'assure du contenu de $o
  • echo "<table>"; // on craie un tableau HTML pour stocker les résultats
  • while($file = $o -> read()) {
  • if($file != '.' && $file != '..') {
  • if(is_file($repertoire .'/' . $file)) {
  • $poids_fichier = filesize($repertoire . '/' . $file);
  • echo "<tr>"; //on insère une ligne dans le tableau en HTML
  • echo "<td>$file</td>"; //On affiche le nom du ficher dans une case du tableau
  • echo "<td>$poids_fichier</td>"; //On affiche la taille du fichier dans la case d'a côté.
  • echo "</tr>"; // On referme la ligne
  • }
  • }
  • }
  • echo "</table>"; // enfin on referme le tableau
  • // Et nous obtenons un joli tableau contenant les fichiers présents dans le répertoire
  • // ainsi que leur taille. Et tout affiché en HTML
// Comment inclure du PHP dans du javascript ?
// ---------------------------------------------------------
// Dans cet exemple, on va afficher une MessageBox, avec un texte que l'on a récupéré dans un fichier.
// Soit le fichier : message.txt

<?php
$fp = fopen("message.txt","r");
$msg = fread($fp,filesize("message.txt"));
fclose($fp):
?>

// nous avons déja récupéré le contenu du fichier, maintenant nous allons l'insérer dans le javascript

<script language="javascript">

var message;
message = "<?php echo $msg; ?>";
alert(message);

</script>

// le résultat de ce script sera l'affichage d'une MessageBox contenant le texte 
// contenu dans le fichier préalablement lu.
// Absoluement inutile, certe, mais cet exemple représente l'integration du PHP 
// dans le Javascript.





// Comment inclure du HTML dans une fonction PHP ?

<?php
$repertoire="images/";

$o = dir($repertoire); //on lit le contenu du répertoire "images/"

if(!is_object($o)) return false; // on s'assure du contenu de $o

echo "<table>"; // on craie un tableau HTML pour stocker les résultats

while($file = $o -> read()) { 
        if($file != '.' && $file != '..') { 
            if(is_file($repertoire .'/' . $file)) {


                $poids_fichier = filesize($repertoire . '/' . $file);

                echo "<tr>"; //on insère une ligne dans le tableau en HTML
                echo "<td>$file</td>"; //On affiche le nom du ficher dans une case du tableau
                echo "<td>$poids_fichier</td>"; //On affiche la taille du fichier dans la case d'a côté.
                echo "</tr>"; // On referme la ligne

           }
       }
}

echo "</table>"; // enfin on referme le tableau

// Et nous obtenons un joli tableau contenant les fichiers présents dans le répertoire
// ainsi que leur taille. Et tout affiché en HTML
            

Conclusion

Quelques liens :
-------------------------

D'autres tutoriel sur phpcs.com : http://www.phpcs.com/gma/sdx/TUTORIAL

Le site de référence pour le PHP, chaque fonction est analysée, décrite, et des éxemples sont fournis :
http://www.php.net




Voila, c'était un tutorial de fortune, j'éspère que ca servira, et dorénavent avant de poser des questions dans le forum, réfléchissez au language que vous vouler utiliserez.
 

Historique

29 juillet 2004 16:39:06 :
Ajout d'exemple
29 juillet 2004 17:13:33 :
Ajout exemple
29 juillet 2004 19:09:19 :
Mise a jour des codes
29 juillet 2004 20:17:02 :
RAS
30 juillet 2004 19:41:47 :
Modif du code

Commentaires et avis

signaler à un administrateur
Commentaire de GRenard le 29/07/2004 16:13:06

Ou est l'HTML comme mentionné dans le titre ;)?
Tu peux peut-etre dire que si tu fais disparaitre du texte qui n'est pas dans une textbox, il s'agit alors du DHTML (layer).

Ensuite, il serait bien de montrer comment faire une inclusion de PHP dans du JS et PAS L'INVERSE car cette quesiton revient très souvent sur les forums !

signaler à un administrateur
Commentaire de WhiteDwarf le 29/07/2004 17:15:17

Voila j'ai fais quelques modifs, et j'en ferai d'autres, mais fo pas hésiter a rajouter d'autres exemples...

Merci a ceux qui participerons a ce tuto.

signaler à un administrateur
Commentaire de Gargowen le 29/07/2004 17:20:14

j'savais pas ke ca marché comm ca le PHP...
Bravo pour ce tutorial

Gragowen

signaler à un administrateur
Commentaire de _FLaShBaCK_ le 29/07/2004 18:06:45

Bravo pour ce tutoriel c'est clair et précis!
J'aimerais ajouter une question... comment éxecuter du PHP sur sa propre machine pour le tester ? Merci

signaler à un administrateur
Commentaire de GRenard le 29/07/2004 18:16:08

Je ferai peut-etre un tutorial un jour comment installer apache, mysql, et PHP. Mais pour le moment tu peux utiliser EasyPHP.org

signaler à un administrateur
Commentaire de WhiteDwarf le 29/07/2004 19:07:52

Je peu te suggérer Easy PHP, comme l'as dit GRenard, pour des test en local, je pense que c'est le meilleur.

Tu l'installe, tu copie tous tes fichiers dans le répertoire WWW et tu lance le site par internet explorer :
http://www.localhost/
et la ca te lance ta page index.php

signaler à un administrateur
Commentaire de GRenard le 29/07/2004 19:52:20

:| c'est la nouvelle version ou t'as fait une faute ? c'est http://localhost/ ...

signaler à un administrateur
Commentaire de WhiteDwarf le 29/07/2004 20:10:05

ooops sorry c'était une faute... dsl...
j'suis un peu distrait et fatigué en ce moment merci de m'avoir repris

signaler à un administrateur
Commentaire de nico606 le 30/07/2004 10:51:48

ah oui moi en ce qui concerne easy php 1.7 je suis sous xp pro et easyphp bug il me met tout le temp des erreur du type: Notice: Undefined variable: msg in c:\program files\easyphp\www\mikanet.org\contact.php on line 128

???

signaler à un administrateur
Commentaire de WhiteDwarf le 30/07/2004 11:21:46

ouais, je sais j'avais la même erreur, c'est pour ca que je suis repassé au 1.6, mais pour ca il faut voir avec GRenard, il a de bons conseils, et peu surement te dire a quoi c'est du...
(il a posté une source y'a qq jours, regarde la la réponse est peu être dedans)

signaler à un administrateur
Commentaire de nico606 le 30/07/2004 12:23:47

avec la version 1.6 ça marche impec??? sinon je vais regarder tout ça

signaler à un administrateur
Commentaire de WhiteDwarf le 30/07/2004 12:55:18

oui ca marche, enfin sur mon PC ca marche (Win XP Pro)

signaler à un administrateur
Commentaire de coraziari le 30/07/2004 15:59:33

Une petite erreur ici :

echo "<td>$repertoire</td>"; //On affiche la taille du fichier dans la case d'a côté.

Il faut remplacer par :
echo "<td>$poids_fichier</td>"; //On affiche la taille du fichier dans la case d'a côté.

Sinon plutôt sympa ton tuto pour débutant ;-)

signaler à un administrateur
Commentaire de GRenard le 30/07/2004 17:40:42

Si tu as des notice c'est que c'est mal programmé...
Si tu n'as rien touché et que tu as des notice quand même c'est EasyPHP qui est nul de sortir une release avec des erreurs :P

(WhiteDwarf t'aurais pu donner le post, mais bon jle fais :P)
Vois ce post : http://www.phpcs.com/code.aspx?ID=24870

signaler à un administrateur
Commentaire de odyssey le 31/07/2004 15:23:42

easyphp fonctionne tres bien chez moi (XP).

Mais c'est le prog d'installation qui est merdique.
Je n'est pus l'installer que sous C:\phpeasy1-7 pour qu'il fonctionne.

Le firewall est a configurer pour ne pas utiliser le port 80. (je ne l'ai pas encore fait).



signaler à un administrateur
Commentaire de WhiteDwarf le 02/08/2004 01:15:01

Moi j'ai un firewall, je m'était dis que le problème pouvais venir de la, je l'ai donc désactivé pour voir ma ca n'a rien changé... je crois tout simplement que sur la nouvelle version d'EasyPHP, c'est la nouvelle version PHP, et que pour les variables ca marche différement (a voir...)

signaler à un administrateur
Commentaire de Samiby le 04/08/2004 20:38:38

Pour éviter les 'notice: ...', il faut regarder le lize-moi.txt (je ne suis pas sûr que le fichier porte ce nom), tout y est expliqué. Cela est expliqué aussi sir la FAQ :
http://www.easyphp.org/faq.php3#44

signaler à un administrateur
Commentaire de nico606 le 04/08/2004 22:04:14

et puis de toute facon c'est réglé j'ai charger la version 1.6 elle marche impec !!! @++

signaler à un administrateur
Commentaire de lavazzo le 30/07/2005 08:50:47

Nico606 (Enfin plutot pour quelq'un qui passera par là et qui aurait le meme probleme vu que le dernier post date d'un an).
Pour l'erreur "Undefined variable: msg in c:\program files\easyphp\www\mikanet.org\contact.php"
sous EasyPHP 1.7 alors que ca marchais tres bien en 1.6 c'est tout à fait normal:

1.6 => Les register globals sont à ON
1.7 => Les register globals sont à OFF
1.8 => Les register globals sont à OFF

En fait ca vient du fait que la version de PHP n'est pas la meme depuis ces deux derniere versions, et pour une raison de sécurité les variables globales (registers globals) sont desormais par default à OFF.

Dans le cas present j'imagine que la variable $msg provenait d'un "input" d'un formulaire html
(du genre <input type="text" name="msg"/> et donc toi logiquement tu recupere la variable du meme nom que celui du "input", mais sans les variables globales tu ne peut pas le faire de cette facon, il faut modifier ton code en utilisant $_POST['msg'] ou $_GET['msg'] (selon la method de ton formulaire). Je te conseil donc de mettre au debut de ton script $msg = $_POST['msg']; afin de ne pas avoir a modifier tout le code.

Toutesfois si vraiment tu n'as pas envie de modifier tout ton code tu peut toujours regler les variables globales à ON, pour ca edite le fichier php.ini et recherche la ligne:
"register_globals = Off" et change la par "register_globals = On"
, redemarre easyPHP et ca devrai fonctionner, mais je te recommande quand meme de modifier ton code etant donné que dans la derniere version de PHP (PHP 5) les variables globales sont completement supprimées du fait quel engendre une faille de sécurité notoire ;)

++

signaler à un administrateur
Commentaire de eliass00 le 15/04/2007 22:28:02

bonjour !
j'espere que  vous allez bien ,
le prebleme que j'ai rencontrer c le fait d'afficher un message d'erreur au moment de l'authentification ;je m'explique:j une page index.html ou j creé un formulaire (login , password) et je fai un test dans la page verifier.php, si le login n'existe pas je veus avoir une alert comme dans la meme page index.html ( login ou mot passe inexistant) j essaiyer avec ( echo "<script>alert('Login ou mot de passe incorect');</script>"; ) mais ca marche pas , ce message s'affiche dans la page verifier.php   :voila la page verifier.php

<?php
include("connexion.php");
$login=$_POST["login"];
$password=$_POST["pass"];
   $user="select * from users where Login='$login' and Password='$password'";  
$Res_user=mysql_query($user);

if($Res_user==false)
  {die("Erreur dans la requete :$Res_user");
  }

$nb_user=mysql_num_rows($Res_user);

   $r=mysql_fetch_row($Res_user);
  if (($nb_user>0) && ($r[0]==1))
     { header("location:page.html");exit;}
if (($nb_user>0) && ($r[0]!=1))
     { header("location:user.html");exit;}

  if ($nb_user==0)
   { //header("location:index.html");exit;
   echo "<script>alert('Login ou mot de passe incorect');</script>";  }
?>  

si ya quelqu'un qui pe me venir en aide c gentil et merci bcp, bonne journée à tous

signaler à un administrateur
Commentaire de WhiteDwarf le 16/04/2007 15:34:57

Effectivement il y a un problème, tu ne peux pas faire fonctionner ton script de cette façon la.

La fonction header("location:...") redirige directement la page et ne prends plus en compte le code html/js en sortie.

A ce moment la il faut faire différemment, ce que je te conseille c'est de faire ça :

if ($nb_user==0)
   {
   echo "
<html>
<body onload=\"rediriger();\">
<script>
function rediriger() {
alert('Login ou mot de passe incorect');
document.URL = 'index.html';
</script>
</body>
</html>";  }

le fait d'ajouter onload="rediriger();" fait que cela lance un code à la fin du chargement de la page sur le pc client.

J'espère que cela à pu t'aider.

++

signaler à un administrateur
Commentaire de eliass00 le 16/04/2007 17:31:39

merci bcp  WhiteDwarf ca fonction à merveille ,mais es ce ke ya moyen d'avoir le message d'erreur dans la page index , car il s'affiche dans la page de verification , ( verifier.php) , merci bcp et bonne journée ,

signaler à un administrateur
Commentaire de WhiteDwarf le 16/04/2007 18:35:42

A ce moment la il faut que ta page soit en PHP et ce que tu peux faire c'est lui envoyer une variable genre, dans ta page verifier.php :

  if ($nb_user==0)
   {
   header("location:index.php?err=not_connected");
   }  

et dans ta page index.php :
<?php
if ($err=="not_connected") {
    echo "Login ou mot de passe incorrect";
}
?>

signaler à un administrateur
Commentaire de eliass00 le 17/04/2007 00:20:55

salut!!
merci bien , j essaiyer ce ke vous m'avez envoiyer mais il m'affiche ke la variable $err est indefini   :Notice: Undefined variable: err in c:\program files\easyphp1-8\www\fmt11\index.php on line 56
ke dois je faire ? , desolé pour le derangement

signaler à un administrateur
Commentaire de WhiteDwarf le 17/04/2007 13:44:45

bah il faut déclarer la variable : var $err;

enfin je crois ^^

signaler à un administrateur
Commentaire de eliass00 le 17/04/2007 14:14:16

j essaiyer de declarer la variable mais ca marche pas , merci infiniment  ,

signaler à un administrateur
Commentaire de WhiteDwarf le 18/04/2007 00:27:05

c'est un problème de variables globales, tu trouvera des infos ici :
http://www.developpez.net/forums/showthread.php?p=1933675

signaler à un administrateur
Commentaire de eliass00 le 18/04/2007 01:07:50

ok whitedwarf , merci infiniment

signaler à un administrateur
Commentaire de eliass00 le 23/04/2007 19:40:24

bonjour j'espere que  vous allez bien , si vous permettez bien je voudrais bien savoir comment afficher une option selectionnée d'une select dans une autre page php ,c juste la premiere option que j'arrive à afficher mais on selectionnant d'autre option c tjrs la premiere qui s'affiche .

je sais ke je pose bcp de question je suis desolé et bonne journée ,

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,125 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.