afficher une variable php dans javascript

Version imprimable

Bonjour,

Je souhaiterai afficher le contenu de ma variable $titreAlbum dans mon javascript afin de pouvoir la mettre dans une colonne de mon tableau.

voici ce que je fais pour ajouter une ligne (sa fonctionne)
Code:

1 2 3 4 5 6 7 8 function AddOneRow(){ var newRow = document.getElementById("matable").insertRow(-1); var newCell = newRow.insertCell(0); newCell.innerHTML = "emplacement de ma variable";
J'ai essayer de faire ceci:
Code:

1 2 3 4 5 6 7 8 function AddOneRow(){ var newRow = document.getElementById("matable").insertRow(-1); var newCell = newRow.insertCell(0); newCell.innerHTML = <?php echo $titreAlbum; ?>;
Mais sa ne fonctionne pas. Une idée ?

10/04/2012, 13h13
Doopeijii

Tu peux pas récupérer tes variables php dans du javascript ! Du moins pas de la sorte, la solution la plus simple étant de les passer en paramètres.

Il faut générer le code javascript coté PHP, et non générer le code php dans le document javascript, comme tu l'as fait.

par exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <?php $titreAlbum = 8; echo '<!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="utf-8"> <script> function AddOneRow(){ var newRow = document.getElementById("matable").insertRow(-1); var newCell = newRow.insertCell(0); newCell.innerHTML = '.$titreAlbum.'; } </script> </head> <body> <div>test</div> </body> </html>'; ?>
Sinon il y a une autre méthode. Tu renommes ton fichier js en fichier php. Tu lui mets un "header" pour qu'il soit interprété comme du js une fois généré par php, et tu l'inclus comme un fichier js classique.

Exemple :

Fichier "fonction.php" (qui est en fait ton fichier javascript)
Code:

1 2 3 4 5 6 7 8 header("Content-type: application/x-javascript"); function AddOneRow(){ var newRow = document.getElementById("matable").insertRow(-1); var newCell = newRow.insertCell(0); newCell.innerHTML = <?php echo $titreAlbum; ?>; }
Fichier "index.html", pour l'inclure dans les <head> :
Code:

1 2 3 4 5 6 7 8 9 10 11 <!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="utf-8"> <script src="fonction.php"></script> </head> <body> <div>test</div> </body> </html>