Code PHP au sein de JavaScript

**Fredy007** · 04/10/2016, 01h23

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
$userMinChars = 3;
$userMaxChars = 20;

et sur varsJS.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var userMinChars = <?php echo $userMinChars; ?>

ça retourne une erreur:

jQueryVars.js:23 Uncaught SyntaxError: Unexpected token <

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

Merci a vous

**Toufik83** · 04/10/2016, 03h37

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().

**Fredy007** · 04/10/2016, 04h15

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

**Doksuri** · 04/10/2016, 08h13

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Invité · 04/10/2016, 09h03

Bonjour,

soyons PRECIS.

1/

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/

Envoyé par Doksuri

Comme l'a precise Toufik83, ...

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

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/

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

**sekaijin** · 04/10/2016, 18h20

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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

dans la page HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

)

A+JYT

Invité · 04/10/2016, 19h53

Envoyé par sekaijin

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

VRAI : on est d'accord.

...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...

**Fredy007** · 05/10/2016, 03h42

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?

**ABCIWEB** · 06/10/2016, 03h08

Soit tu déclares ta variable comme déjà dit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Fredy007** · 06/10/2016, 03h15

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

**ABCIWEB** · 06/10/2016, 17h36

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Fredy007** · 07/10/2016, 04h29

Merci ABCIWEB, je vais tester cette méthode

**Fredy007** · 07/10/2016, 08h54

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Fredy007** · 10/10/2016, 09h03

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Invité · 10/10/2016, 10h19

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.

**Fredy007** · 11/10/2016, 03h03

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var regex = '[\w\.\-]{3,}\@[\w]{3,}\.[\w]{2,}';

**ABCIWEB** · 11/10/2016, 14h52

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**sekaijin** · 11/10/2016, 19h12

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+

**Fredy007** · 13/10/2016, 03h34

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é.