Code PHP au sein de JavaScript

Version imprimable

04/10/2016, 02h23
Fredy007

Code PHP au sein de JavaScript
Bonjour,

Je suis entrain de faire une page multilangue, du coup, je ne veux pas déclarer les variables 2 fois du côté JS et PHP, je veux les déclarer une seule fois sur PHP et les récupérer en JS:

varsPHP.php
Code:

1 2 3 $userMinChars = 3; $userMaxChars = 20;
et sur varsJS.js
Code:

1 2 var userMinChars = <?php echo $userMinChars; ?>
ça retourne une erreur:

Citation:

jQueryVars.js:23 Uncaught SyntaxError: Unexpected token <

Y a-t-il un moyen de les déclarer?

Merci a vous
04/10/2016, 04h37
Toufik83

bonsoir,
on ne peux pas écrire du Php dans javascript, par-ce que le premier est un langage serveur, et le deuxième est un langage client .
utilise $.ajax().
04/10/2016, 05h15
Fredy007

Merci Toufik83, je cherchais une méthode pour ne pas déclarer mes variables plusieurs fois

Salut,

Comme l'a precise Toufik83, tu ne peux pas interpreter du PHP dans un fichier JS. Par contre, rien ne t'interdis de melanger du php avec du JS dans le HTML genere :
Code:

1 2 3 4 5 6 7 8 9 10 11 <html> <head> </head> <body> <p><?php echo $exemple; ?></p> <script type="text/javascript"> var userMinChars = <?php echo $userMinChars; ?>; </script> <script type="text/javascript" src="ton_js.js"></script> </body> </html>

Bonjour,

soyons PRECIS.

1/

Citation:

Envoyé par Toufik83

bonsoir,
on ne peux pas écrire du Php dans javascript...

FAUX. Pour la même raison que celle invoquée : PHP est interprété avant.
Donc, il est possible d'utiliser du PHP dans un script JavaScript, POUR PEU que ce script soit dans fichier avec l'extension .php !

2/

Citation:

Envoyé par Doksuri

Comme l'a precise Toufik83, ...

FAUX : ce n'est pas exactement ce qu'a dit Toufik83

Citation:

Envoyé par Doksuri

...tu ne peux pas interpreter du PHP dans un fichier JS.

VRAI : SI l'extension du fichier est .js, le PHP ne peut pas être interprété.

3/

Citation:

Envoyé par Doksuri

Par contre, rien ne t'interdis de melanger du php avec du JS dans le HTML genere

VRAI : ...
...et FAUX : pas "dans le HTML genere", mais "POUR générer le HTML, DANS un fichier dont l'extension est .php"

le-fichier.php :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <?php $userMinChars = 3; $uneChaine = 'C\'est bientôt l\'hiver... :('; // ...... ?> <html> <head> <script type="text/javascript"> var userMinChars = <?php echo $userMinChars; ?>; var uneChaine = '<?php echo htmlspecialchars( $uneChaine, ENT_QUOTES); ?>'; // ne pas oublier les ' autour, et l'échappement des ' dedans ! // ...... </script> </head> <body> </body> </html>
4/ UNE SOLUTION, avec un fichier js externe :

il faut que l'extension du fichier soit .php
il faut mettre en début de fichier :

(ex. mon-script-js.php)
Code:

1 2 3 4 5 6 7 8 9 <?php header("Content-type: application/javascript; charset: utf-8"); // ----------------------------------------------------------- // CONFIGURATION : require_once('./_config/fichier-de-config.php'); // le fichier dans lequel sont définies les variables PHP // ----------------------------------------------------------- // ...... ?> // ici : du code JavaScript...
L'intégration se fait comme avec un fichier js classique :

Code:

<script type="text/javascript" src="js/mon-script-js.php"></script>

N.B. Quant à l'utilisation d'AJAX, c'est une toute autre histoire...

Citation:

Envoyé par jreaux62

Bonjour,

VRAI : SI l'extension du fichier est .js, le PHP ne peut pas être interprété.

FAUX c'est tout a fait possible
ce n'est qu'une question de conf toute extension de son choix
Code:

1 2 3 4 5 6 7 8 AddType application/x-httpd-php .php5 AddType application/x-httpd-php .php42 AddType application/x-httpd-php .php4 AddType application/x-httpd-php .php3 AddType application/x-httpd-php .php AddType application/x-httpd-php .phtm AddType application/x-httpd-php .phtml AddType application/x-httpd-php .asp
il suffit donc de faire

Code:

AddType application/x-httpd-php .js

ce que je déconseille fortement.
j'ai écris un moteur dans les années 90 qui faisait en TCL ce que fait php (intégrer du code exécutable dans html)
lorsque js est né la tentation de générer des script js en TCL c'est faite sentir. avec l'arrivé quelque année après de PHP il en fut de même.

pourtant depuis cette époque préhistorique je n'ai absolument jamais (pas une seule fois) trouvé de cas qui ne puise être pas fait sans mélanger php et JS.
dans tous les cas que j'ai rencontré de mélange de php et JS une solution plus simple et plus efficace a été trouvé pour faire d'un côté du php de l'autre du JS statique.
le seul point de rencontre entre les deux se situant dans l'échange de donnée via JSON
(passage d'un paquet JSON du php
Code:

1 2 3 4 $scriptData = Array( 'resultCode' => 200, 'message' => "Jusqu'ici tout va bien !") );
dans la page HTML
Code:

1 2 3 <script type="text/javascript"> scriptData = <?php echo json_encode($scriptData ); ?>; </script>
)

A+JYT

04/10/2016, 20h53
Invité

Citation:

Envoyé par sekaijin

...ce que je déconseille fortement...

VRAI : on est d'accord. :mrgreen:

Citation:

...je n'ai absolument jamais (pas une seule fois) trouvé de cas qui ne puise être pas fait sans mélanger php et JS...

Houlà... il faut réfléchir, là... Ce qui donne... :koi: :aie:
05/10/2016, 04h42
Fredy007

Merci a vous, je précisais que le fichier est sous forme de vars.js pour le JS et vars.php pour le PHP, donc c'est quoi la méthode la plus convenable?
06/10/2016, 04h08
ABCIWEB
Soit tu déclares ta variable comme déjà dit :
Code:

1 2 3 <script type="text/javascript"> var lang = <?= $lang ?>; </script>
Et ta variable sera directement disponible en javascript.

Ou encore tu peux mettre un input de type hidden dans ton html <input type="hidden" id="lang" value="<?= $lang ?>" /> dont tu pourras ensuite récupérer la valeur (suivant son id) avec javascript.
06/10/2016, 04h15
Fredy007

Merci a vous, je pense que je vais utiliser la méthode traditionnelle de déclarer les variables entre les balise javascript au lieu de les séparer dans un fichier JS

Oui, l'autre solution qui consiste à faire interpréter un fichier js avec php et un header js comme cité en n°4 dans le post de jreaux62 ne permet pas de mettre le fichier en cache puisqu'il doit être réinterprété à chaque chargement de page. Et comme cela crée au moins autant de dépendances entre les fichiers que les autres méthodes au final c'est rarement intéressant (tout en étant globalement un peu moins performant).

Au passage, évites de définir séparément tes variables js en provenance de php. Car pour que ces variables js puissent être interprétées elles doivent avoir une portée globale, et on évite de multiplier ce genre de variables pour se protéger des conflits avec d'autre scripts. D'où l'intérêt d'utiliser json_encode côté php comme mentionné par sekaijin pour regrouper tes variables dans un tableau php.

A noter que si tu veux faire afficher un tableau avec json_encode dans ton html et pouvoir le récupérer avec javascript tu devras utiliser JSON.parse().

Un exemple avec les deux méthodes :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <?php $userMinChars = 3; $userMaxChars = "2'f*ô0"; $php_var['userMinChars'] = $userMinChars; $php_var['userMaxChars'] = $userMaxChars; ?> <!DOCTYPE html> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <input type="hidden" id="php_var" value="<?=htmlspecialchars(json_encode($php_var))?>"/> </body> <script> var php_var = <?=json_encode($php_var)?>; alert(php_var.userMinChars+' - '+php_var.userMaxChars); var php_var_input = JSON.parse(document.getElementById("php_var").value); alert(php_var_input.userMinChars+' - '+php_var_input.userMaxChars); </script> </html>
Pour certains usages - cibler certaines pages ou certains comportements - la seconde méthode est parfois plus pratique car il suffit d'ajouter ou supprimer l'input dans le html plutôt que d'avoir à modifier le contenu du tableau en php.

07/10/2016, 05h29
Fredy007

Merci ABCIWEB, je vais tester cette méthode

Après quelques tests, j'ai opté la solution de jreaux62 pour premier pas, alors ce que j'ai fais:

- Créer un fichier index dont j'ai inclus mon fichier tests.php avec le type javascript (comme inclusion de js)
index.php
Code:

1 2 <script type="text/javascript" src="tests.php"></script>
- Un fichier tests.php qui contient un encodage utf avec le content type javascript,
- Une inclusion du fichier langue.php (dont je vais mettre toutes mes variables en PHP),
- Déclarer une variable javascript en provenance de la même variable du fichier langue.php

tests.php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <?php header("Content-type: application/javascript; charset: utf-8"); // ----------------------------------------------------------- // CONFIGURATION : require_once('langue.php'); // le fichier dans lequel sont définies les variables PHP // ----------------------------------------------------------- // ...... ?> var var1 = '<?php echo $var1; ?>'; console.log(var1);
langue.php (fichier des variables)
Code:

1 2 3 4 5 6 7 <?php $var1 = 'this is var1'; $var2 = 'this is var2'; $var3 = 'this is var3'; $var4 = 'this var4'; ?>

La regex d'une adresse e-mail

Bonjour,

Je voudrais développer la regex des adresses e-mail en précisant les domaines d'extension (com, fr, etc), en testant avec des exemple étranges, les e-mails sont acceptés:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
 
	function checkMail(){
 
    var focused = $(':focus');
    var getClass = focused.attr('class').split(' ')[1];
    var getValue = $('.'+getClass).val();
 
    var tldsExt = '(AC|AD|AE|AERO|AF|AG|AI|AL|AM|AN|AO|AQ|AR|ARPA|AS|ASIA|AT|AU|AW|AX|AZ|BA|BB|BD|BE|BF|BG|BH|BI|BIZ|BJ|BM|BN|BO|BR|BS|BT|BV|BW|BY|BZ|CA|CAT|CC|CD|CF|CG|CH|CI|CK|CL|CM|CN|CO|COM|COOP|CR|CU|CV|CW|CX|CY|CZ|DE|DJ|DK|DM|DO|DZ|EC|EDU|EE|EG|ER|ES|ET|EU|FI|FJ|FK|FM|FO|FR|GA|GB|GD|GE|GF|GG|GH|GI|GL|GM|GN|GOV|GP|GQ|GR|GS|GT|GU|GW|GY|HK|HM|HN|HR|HT|HU|ID|IE|IL|IM|IN|INFO|INT|IO|IQ|IR|IS|IT|JE|JM|JO|JOBS|JP|KE|KG|KH|KI|KM|KN|KP|KR|KW|KY|KZ|LA|LB|LC|LI|LK|LR|LS|LT|LU|LV|LY|MA|MC|MD|ME|MG|MH|MIL|MK|ML|MM|MN|MO|MOBI|MP|MQ|MR|MS|MT|MU|MUSEUM|MV|MW|MX|MY|MZ|NA|NAME|NC|NE|NET|NF|NG|NI|NL|NO|NP|NR|NU|NZ|OM|ORG|PA|PE|PF|PG|PH|PK|PL|PM|PN|PR|PRO|PS|PT|PW|PY|QA|RE|RO|RS|RU|RW|SA|SB|SC|SD|SE|SG|SH|SI|SJ|SK|SL|SM|SN|SO|SR|ST|SU|SV|SX|SY|SZ|TC|TD|TEL|TF|TG|TH|TJ|TK|TL|TM|TN|TO|TP|TR|TRAVEL|TT|TV|TW|TZ|UA|UG|UK|US|UY|UZ|VA|VC|VE|VG|VI|VN|VU|WF|WS|YE|YT|ZA|ZM|ZW)';    
 
    var tldsExt = tldsExt.toLowerCase();
 
    var mailRegex = new RegExp("[\\w]{2,4}\@[\\w]{2,}\\."+tldsExt+"{1,5}");
 
    return mailRegex.test(getValue);
 
  		return mailRegex.test(getValue);
 
  }
 
$('.mail').on('keyup', function(){
 
// var value = 'toto@gmail.lol'; // et ça marche
	var value = $(this).val();
	console.log(checkMail(value));
 
});

Merci de me montrer où se trouve exactement l'erreur

10/10/2016, 11h19
Invité

Bonjour,

tu ne pourras jamais lister de manière exhaustive toutes les extensions d'adresses email.
De toute façon, tu n'empêcheras personne d'écrire une "fausse" adresse email, du type : blabla@test.fr

Donc, contente-toi de vérifier en JavaScript que l'email est syntaxiquement correct.

Le mieux pour être sûr qu'un email rentré est valable, est d'envoyer un mail, avec lien de confirmation.
11/10/2016, 04h03
Fredy007
Citation:

Envoyé par jreaux62

Le mieux pour être sûr qu'un email rentré est valable, est d'envoyer un mail, avec lien de confirmation.

Oui je confirme avec un e-mail, ce n'est que pour aider l'utilisateur à bien écrire son adresse, j'ai un format globale qui est:
Code:

1 2 var regex = '[\w\.\-]{3,}\@[\w]{3,}\.[\w]{2,}';
11/10/2016, 15h52
ABCIWEB
Salut,

C'est pas terrible de valider une adresse mail avec un regex. La syntaxe peut évoluer et dans ce cas il faudra que tu modifies ton script en conséquence, sans compter qu'il faut que tu te tienne au courant des éventuelles évolutions...

C'est le genre de trucs qu'il vaut mieux faire avec php avec une fonction dédiée qui elle pourra évoluer dans le temps en fonction des versions de php, par exemple :
Code:

1 2 3 4 5 function validMail($email) { $domaine = explode('@',$email); return (filter_var($email, FILTER_VALIDATE_EMAIL) !== false && isset($domaine[1]) && checkdnsrr($domaine[1]) === true); }
Eventuellement pour une validation en temps réel tu peux faire une requête ajax, onchange sur le champ mail.
Et au passage comme dit plus haut par Toufik83 les requêtes ajax peuvent être aussi un moyen de récupérer des variables php. Suivant le contexte (notamment si tu utilises ajax par ailleurs pour la validation de ton formulaire) cela peut être plus pratique que les méthodes décrites précédemment, ou parfois les deux systèmes peuvent être nécessaires/complémentaires.
11/10/2016, 20h12
sekaijin

Quoi que tu fasse il faut toujours valider côté serveur.
Côté client c'est pour le confort. Ce n'est jamais a considérer comme valide.
A+
13/10/2016, 04h34
Fredy007

Effectivement, j'utilise jQuery que pour le confort du client et d'absorber un peu le poids sur le serveur, je fais 3 validations:

1- Validation côté client jQuery,
2- Validation PHP via Ajax,
3- Validation PHP SEUL, si JavaScript est désactivé.
13/10/2016, 08h27
sekaijin

Citation:

Envoyé par Fredy007

3- Validation PHP SEUL, si JavaScript est désactivé.

Validation PHP SEUL, même si JavaScript est activé !!!!
14/10/2016, 05h48
Fredy007

3- Validation PHP SEUL, si JavaScript est désactivé.
14/10/2016, 09h53
Invité

Tu n'as pas compris.

Que JavaScript soit activé ou pas, il FAUT IMPERATIVEMENT faire une validation en PHP,
car c'est LA SEULE GARANTIE.

JavaScript n'est qu'une "aide au remplissage" des champs du formulaire.
Rien d'autre.
14/10/2016, 23h19
ABCIWEB

Oui en fait le dernier message de sekaijin est à la fois juste et ambigu.

Juste dans le sens où en terme de "validation réelle" seul le serveur doit être le maître du jeu puisque les données et autres vérifications javascript peuvent être piratées.

Ambigu dans le sens où cela n'empêche pas de faire une pré validation en javascript côté client pour permettre au visiteur d'avoir un retour d'information plus rapide. Mais il faut bien considérer que c'est juste une aide au remplissage comme le dit jreaux62. La validation réelle, définitive, doit toujours être faite par le serveur.

De sorte que pour être plus clair, on ne devrait pas utiliser le terme de "validation" de formulaire pour javascript côté client mais plutôt "aide au remplissage" (ou autres variantes), et réserver le terme "validation" pour le serveur car lui seul est en mesure d'effectuer réellement et efficacement cette tâche.
15/10/2016, 11h12
sekaijin

j'utilise assistance à la saisie côté client
validation côté serveur
15/10/2016, 12h40
Invité

En effet,

"assistance à la saisie" sonne mieux que "aide au remplissage". :aie: