onclick et fonction PHP [Résolu]

[escafleak]

Bonjour a tous,

j'ai créer une fonction "AfficheGraph" en php. qui permet de générer des graphes à partir d'une base de données, en quelque sorte chacune de mes tables sera transformée en un graphes.

mon problème est le suivant :

si je veux afficher 3Graphes je suis obligé de faire :

Code :

1
2
3
4
 
AfficheGraph('table1',titre1');
AfficheGraph('table2',titre2');
AfficheGraph('table3',titre3');

je veux ajouter un bouton "suivant" à mon programme comme ceci :

Code :

1
2
 
AfficheGraph('table1');

bouton "afficher graphe suivant"

comme ça lorsque je clique sur mon bouton ça affiche le 2eme graphe au dessous du premier ainsi de suite.


Merci d'avance de vos réponse et je tiens a préciser que je suis un zero en Ajax

[NoSmoking]

Bonsoir,

Code :

1
2
3
4
5
6
var i, param_1 , param_2;
for( i = 1; i < 4; i++){
  param_1 = 'table' +i;
  param_2 = 'titre' +i;
  AfficheGraph( param_1, param_2);
}

[escafleak]

Salut

votre bout de code c'est juste une boucle pour ne pas répéter la fonction, mais ce n'est pas ce que je veux. ce qui m'interesse c'est d'utiliser Ajax ou la bibliothèque xajax pour faire une sorte de :

Code :

<input name="ButtonName" type="button" id="ButtonName" value="Appeler fonction PHP" onclick="MaFonctionPHP();">

ceci est impossble dans mon cas car ma fonction s'exécute coté serveur et le bouton JS c'est coté client, le seul moyen c'est de passer par AJAX

j'espère que mon problème est plus clair maintenant.

[edenreal]

Tu devrais t'orienter vers innerHTML sur le clic du bouton tu rajoute sois une cellule si tu fonctionne en tableau sois un div sois un paragraphe enfin comme tu veux puis tu le remplis via innerHTML (en js).
Et pour savoir le numéro du graph tu peux par exemple avec innerHTML et getElementById te servir de la valeur de ton <input>.
J'espère, avoir était assez clair et surtout ne pas faire fausse route

[escafleak]

Salut,

Merci pour ta réponse, je vais l'essayer.

[escafleak]

Salut,

Merci beaucoup pour votre aide, j'ai fini par trouver une solution grâce aux conseils de edenreal

alors je vais mettre le code pour ceux qui ont le même problème :

Code :

1
2
3
4
5
6
7
8
9
10
11
<script language="Javascript">
// La fonction qui affiche/masque l'élément 
function bascule(elem)
{
// Quel est l'état actuel ?
etat=document.getElementById(elem).style.visibility;
//changer l'état 
if(etat=="hidden"){document.getElementById(elem).style.visibility="visible";}
else{document.getElementById(elem).style.visibility="hidden";}
}
</script>

Code :

1
2
3
4
5
6
7
8
9
10
 
<?php // j'affiche mon premier graphe: 
AfficheGraph(); ?>
 
<--! le bouton pour afficher les suivant : -->
<input type="button" onClick="bascule('boite');" value="On/Off">
<--! je cache mon deuxième graphe, et je l'affiche quand je veux-->
<div name="boite" id="boite" style="visibility: hidden"> 
<?php AfficheGraph(); ?>
</div>

[edenreal]

de rien par contre si tu as de nombreux graphes il pourra peut être, être plus judicieux de les charger sur demande via JS (mais je suis pas expert). En tout cas je suis ravis d'avoir pu t'être utile.