Discussion :

[Snooze986]

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 :

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

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 :

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

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 :

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

[mathieu]

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

[Snooze986]

Salut et merci de ta réponse.

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

[thelvin]

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.

[Paul TOTH]

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 :

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

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 :

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

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