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