Discussion :

[michaeljeru]

Voila, dans mon fichier html, j'affiche un tableau statique, qui contient la valeur de retour d'une dizaine de requetes sql.
J'ai une ligne total, qui donne le nombre total de demandes par catégorie.
Je voudrais rajouter un bouton à côté de Total, qui, lorsque l'on cliquerait dessus, afficherait une nouvelle ligne, Détail, qui donnerait la décomposition du total sur les demandes Traitées ou non Traitées.

Comment faire?

Avant :

Après :

[le_chomeur]

cf la faq : http://javascript.developpez.com/faq...ble#AjoutLigne

[michaeljeru]

OK, c'est parfait, très bien expliqué, et ça me permet de découvrir le javascript.
J'ai amélioré le truc pour que si je clique, ça m'affiche une ligne, et si je reclique, ça me la supprime.
Par contre, comment coupler le javascript pour qu'il applique le CSS que j'ai défini à mon tableau?
Edit : précision : je n'ai pas qu'une seule class css, mais 3 : une pour les titres de ligne/colonne (bleus), une pr les lignes paires, une pour les lignes impaires

[Matthieu2000]

className

+

%2

[le_chomeur]

+1
une petite recherche t'aurais permis de trouver tout seul les réponses à tes questions

[michaeljeru]

J'ai bien trouvé des exemples, comme celui là :

document.getElementById('monDiv').className='maClass';

mais je ne veux pas appliquer un css global à ma table, mais un css différent selon la cellule concernée, et là, je ne vois pas comment faire...

à moins que javascript permette l'accès à une cellule x précise, du genre

document.getElementById('monDiv').Cell(x).className='maClass';

[Matthieu2000]

document.getElementById('monDiv').Cell(x).className='maClass';

Code :

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

1
2
3
document.getElementById('matable').getElementsByTagName("tr")[y].getElementsByTagName("td")[x].className='maClass'; 
ou
document.getElementById('maligne').getElementsByTagName("td")[x].className='maClass';

au cas où : la taille du tableau c'est length
pour savoir si c'est pair ou impaire voir la fac ou contribution

[michaeljeru]

non, ça ne marche pas. Peut être ne trouve t il pas la classe css.
Y a-t-il en javascript une commande à écrire (comme en html) pour préciser la feuille css utilisée?

[le_chomeur]

oui donnée plus haut : className