afficher une variable php dans javascript

**chris52** · 10/04/2012, 12h58

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 :

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

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 :

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

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 ?

**Doopeijii** · 10/04/2012, 14h13

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.

**Kaamo** · 10/04/2012, 14h32

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

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
<?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 javascript :

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

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

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

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>

afficher une variable php dans javascript

JavaScript

Discussions similaires

Partager

Partager