Appel fonction PHP via Onclick

Bonjour à tous,

alors voilà mon soucis je voulais appeler une fonction php via un Onclick puis je me suis résolu à JQUERY.
J'essaie de réaliser un lecteur de musique depuis une raspberry et via une page web.
Voilà mes 2 parties de codes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
 
<script type="text/javascript">
// ATTEND QUE LE DOM (TOUT TON CONTENU HTML SOIT CHARGE)
$(function(){
    // EXECUTE LA FONCTION ANONYME a chaque clique sur le bouton qui a comme id :"ID_BUTTON_INPUT"
    $("#ID_BUTTON_INPUT").click(function(){
        // envoi une requete GET à "MA_PAGE_PHP_OU_IL_Y_A_TA_PROCEDURE_A_EXECUTER.php"
            //avec comme parametre get GET["action"] == "gpio"
        $.get("MA_PAGE_PHP_OU_IL_Y_A_TA_PROCEDURE_A_EXECUTER.php",{titre:"blabla"});
    });
});
 
</script>

Mon code php

Code:

1
2
3
4
5
$query = $db->query($sql);
          while($row = $query->fetchArray()){
            <img src="media-icon-play.png"/><?php
            echo str_replace(".mp3","",$row[0]);?></div><br><br>
          }

Vous vous en douterez ma requête sql contient des titres de musiques et je voudrais faire un bouton clickable qui execute 'MA_PAGE_PHP_OU_IL_Y_A_TA_PROCEDURE_A_EXECUTER' en changant largument titre par $row[0];.

Voici ce que j'ai essayé mais qui tout naturellement ne fonctionne pas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
 $query = $db->query($sql);
          while($row = $query->fetchArray()){
            <script type="text/javascript">
                // ATTEND QUE LE DOM (TOUT TON CONTENU HTML SOIT CHARGE)
                $(function(){
                    // EXECUTE LA FONCTION ANONYME a chaque clique sur le bouton qui a comme id :"ID_BUTTON_INPUT"
                    $("#id_<?php echo $row[0]; ?>").click(function(){
                        // envoi une requete GET à "TA_PAGE_PHP_OU_IL_Y_A_TA_PROCEDURE_A_EXECUTER.php"
                            //avec comme parametre get GET["action"] == "gpio"
                        $.get("action.php",{titre:"<?php echo $row[0]; ?>"});
                    });
                });
 
                </script>
            <img src="media-icon-play.png"/><?php
            echo str_replace(".mp3","",$row[0]);?><input type="submit" id="id_<?php echo $row[0]; ?>"></div><br><br>
          }

Voilà, si quelqu'un a la solution, je suis preneur ;)

essaye déjà avec du code JavaScript fixe et non généré par PHP

Salut et merci de ta réponse.

Mais je l'avais déjà fait et ça marche parfaitement..

Et la marmotte, elle met le chocolat dans le papier alu, bien sûr.

On peut voir ce code que tu as déjà fait et qui marche très bien ? Curieusement je sens qu'il est tout, sauf la même chose sans PHP.

mélanger HTML PHP et JS donne très vite quelque chose d'illisible.

je te conseille de mettre ton JS dans un fichier .JS
Code:

1 2 3 4 function executer(title) { $.get("MA_PAGE_PHP_OU_IL_Y_A_TA_PROCEDURE_A_EXECUTER.php",{titre:title}); }
il ne reste plus qu'à générer tes boutons
Code:

1 2 echo '<button onclick="execute('."'$row[x]'".')">'.$row[y].'</button>';