Debutant: tableau dynamique:+ de col+de nom+changer couleur etc [Résolu]

Signaler
Messages postés
44
Date d'inscription
vendredi 23 mai 2008
Statut
Membre
Dernière intervention
25 décembre 2009
-
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
-
Bonjour,
j'ai téléchargé( sur javascriptfr.com) ce code permettant d'effectuer le tri des colonnes d'un tableaux et j'ai plusieurs questions (je suis débutant):
1: comment faire pour ajouter des lignes et des colonnes au tableau?

2:j'aimerais faire un tableaux avec des colonnes: Massif, Durée (en lettre:week end, semaine, journée etc),difficultée(donnée chiffrées), prix , type (bien être, sportif etc)

3 pouvez vous me donner les lignes de code qu'il faut modifier?
merci
voic le code que j'ai inséré dans une page html vierge:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<html>

<HEAD>

<SCRIPT>
//    Code créé par francktfr pour www.systeme-d.net
function SortArray(aText,aHtml,Index,Order){
    var Test = Order > 0 ? "aText["+Index+"][b] > aText["+Index+"][a]" : "aText["+Index+"][b] < aText["+Index+"][a]" // Choix de la comparaison
    for (a = 0; a < aText[Index].length; a++)                //    Liste de tous les éléments du tableau
    {    
     for (b = 0; b < aText[Index].length ;b++)        //    Re-liste tous les éléments pour les comparer à Numbers[a]
     {
             if (eval(Test)) {
                    for (i=0; i
<STYLE>
.Table{font: 12 Arial; text-align: center; border: 1 solid black}
.Order{font: 12 Arial; cursor: hand; font-weight: bold; padding-left: 5; padding-right: 5}
</STYLE>

    ----

        &#9660;Date&#9650;,
        &#9660;Données 1&#9650;,
        &#9660;Données 2&#9650;,
        &#9660;Données 3&#9650;,
   
    ----
01/02/2003, 2, 3, Bidule,
    ----
02/02/2003, 1, 2, Machin,
    ----
03/01/2003, 3, 1, Truc,
    ----
06/02/2003, 5, 1, Personne,
    ----
05/02/2003, 2, 4, Autre,
    ----
Total, 13, 11

</html>

4 réponses

Messages postés
44
Date d'inscription
vendredi 23 mai 2008
Statut
Membre
Dernière intervention
25 décembre 2009

salut et désolé de t avoir fait tout ca pour rien.Je me suis mélangé les pinceaux avec une autre source qui se trouvait dans les commentaires du fichier co-dessus. Celui la est beaucoup plus élaboré avec 3 fichiers jScript et un css. Je te donne le lien si tu veux y jeter un coup d'oeil.http://htmltabletools.iassa.com/
merci
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
16
Bonjour,
merci pour le lien, mets ta réponse en
réponse acceptée cela pourra servir à
d'autres...
;O)
Messages postés
32
Date d'inscription
mardi 9 septembre 2003
Statut
Membre
Dernière intervention
27 avril 2010

voici une ligne tu tableau:
  <TR BGCOLOR=#EEEEEE
ID=TableDatas><TD>01/02/2003</TD><TD>2</TD><TD>3</TD><TD>Bidule</TD></TR>

si tu la dupplique dans ton fichier html finale, tu as deux fois la ligne!

mais je ne pourrai pas plus t'aider car, ce n'est pas un coup de pouce qu'il te faut, c'est un analyste/programmeur! as-tu beaucoup argent?
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
16
Bonjour,
<table bgcolor="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, pouvez vous me donner les lignes de code qu'il
faut
modifier?</td>
</td></tr></tbody></table>c'est
pas du code c'est du pur HTML...

Une bonne doc et c'est parti, rien de
bien complexe,par exemple
http://fr.selfhtml.org/html/tableaux/construction.htm

;O)