Discussion :

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

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

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

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

Code :

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

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 :

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

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 :

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

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

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

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 :

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

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>