Discussion :

[franber48]

Sur cette page générée en PHP a partir d'une table MySql.


Je voudrais, en cliquant sur l'une ligne proposée au choix transmettre à une fonction javascript des vakeurs contenur dans la tableau PHP qui m'a servi à remplir ma page.

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
21
22
23
<?php
try
{
	$bdd = new PDO('mysql:host=localhost;dbname=poesik;charset=utf8', 'root', '');
 
}
catch (Exception $e)
{
        die('Erreur : ' . $e->getMessage());
}
$reponse=$bdd->query("SELECT * FROM `poesik`");
 
while ($donnees=$reponse->fetch())	
{
$ident=$donnees['id'];
//$titre=$donnees['titre'];
echo "<a href='#' onclick= maFonction($ident)>";
echo $donnees['id']." - "."<b>".$donnees['titre']."</b>"." de ".$donnees['auteur']."<br>";
echo "</a>";
}
 
 
?>

Cela fonctionne bien pour récupérer $ident que je transmet à ma fonction javascript

Code :

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

1
2
3
function maFonction(ident){
alert(ident);
}

Tout cela fonctionne et je récupère bien ma valeur 'ident'
par contre si je veux transmettre une autre valeur, comme le titre (ligne en commentaire) ou l'adresse, cela ne fonctionne pas et j'obtiens l'erreur "Uncaught SyntaxError: Invalid or unexpected token"

J'avoue que je suis un peu perdu !
Si quelqu'un avait la gentillesse de bien vouloir éclairer ma lanterne, je lui en serai infiniment reconnaissant .

[NoSmoking]

Bonjour,

par contre si je veux transmettre une autre valeur, comme le titre (ligne en commentaire) ou l'adresse,

montre nous comment tu procède mais sache que tu peux passer plusieurs paramètres à ta fonction.

Code :

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

1
2
3
function maFonction(param1, param2, param3){
  alert( param1 +" " +param2 +" "  +param3);    // etc
}

[franber48]

Merci pour ta rémponse rapide.
Comment je procède.
A la ligne 15, j'extrais $ident du tableur $donnees
A la ligne 17, je crée un lien pour appeller maFonction($indent).
Dans le javascript, je récupère bien la valeur ident sous la forme d'un nombre, 1, 2, 3 ou +
Cela fonctionne sans problème
Mais lorsque j'essaye de passe une autre valeur comme le titre, tel qu'indiqué en ligne 16 et mis en commentaire, la ca ne marche pas et j'obtiens l'erreur "Uncaught SyntaxError: Invalid or unexpected token".
Je ne comprends pas pourquoi !

[NoSmoking]

Mais lorsque j'essaye de passe une autre valeur comme le titre, tel qu'indiqué en ligne 16 et mis en commentaire, la ca ne marche pas ...

• La première chose à faire est de regarder le code HTML généré ( Ctrl +U) souvent révélateur des erreurs.

• Ensuite montre nous à quoi ressemble ton code.

[Watilin]

Je plussoie. La commande « afficher la source » (ctrl+U) te montrera ce qui est produit par PHP.

De plus, l’inspecteur DOM (touche F12) te montrera comment le navigateur interprète le code HTML. En particulier, regarde si l’attribut onclick a été transformé, ça peut être le signe qu’il y a besoin de rajouter des guillemets.

Quant à l’erreur JS, essaye avec d’autres navigateurs, les messages d’erreur sont parfois différents et contiennent plus d’informations.

[franber48]

Je vais essayer de voir avec "contrl u". Merci a tous

[Invité]

Bonjour,

pour passer une chaine de caractères dans une fonction JavaScript :

• il faut l'entourer d'apostrophes : '...'
• si cette chaine comporte des caractères spéciaux (apostrophes, justement !) : htmlspecialchars()

Code php :

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

echo "<a href='#' onclick= maFonction($nombre, 'htmlspecialchars($chaine)')>";

ou

Code php :

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

echo "<a href='#' onclick= maFonction(".$nombre.", '".htmlspecialchars($chaine)."')>";

• $nombre est numérique : pas besoin d'apostrophes
• $chaine est une chaine : besoin d'apostrophes

[franber48]

OUI je crois bien que c'est quelque chose comme ça. Je testerai ça dès que je serai un peu mieux. Je suis sorti de l'hosto ce matin mais ta piste me semble bien être la bonne en effet!
MERCI pour l'aide et aussi pour les Cours JavaScript