Discussion :

[dirty_harry]

Bonjour a tous,
Mon problème est à la limite du php et de l'html mais comme je code en php et que c'est plus un problème de boucle je prefere demander ici:j'ai un tableau qui peut devenir assez grand à afficher, j'ai donc décider d'utiliser les bares de défilments. en gros voici ce que sa donne, hyper simplifié:

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
19
20
21
22
23
24
 
<?php
echo'<table>';
echo'<tr><thead><th></th>';
        for($j=0;$j<215;$j++)
        {
                
                echo '<th>'.$j.'</th>';
        }
        echo'</thead></tr>';
for($i=0;$i<50;$i++)
{
        echo'<td>'.$i.'</td>';
        echo'<div class="boiteDefilement">';
        for($j=0;$j<215;$j++)
        {
                $num=rand(1,100);
                echo '<td>'.$num.'</td>';
        }
        echo'</div></tr>';
}
echo '<table>';
 
?>

le problème c'est que je voudrais que la barre de défilement ne se mette que sur la partie centrale du tableau: donc pas sur la premier ligne et pas sur la colonne de droite, j'ai essayé sa mais sa ne marche pas du tout:

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
19
20
21
22
23
<?php
echo'<table>';
echo'<tr><thead><th></th>';
        for($j=0;$j<215;$j++)
        {
                
                echo '<th>'.$j.'</th>';
        }
        echo'</thead></tr>';
for($i=0;$i<50;$i++)
{
        echo'<td>'.$i.'</td>';
        echo'<div class="boiteDefilement">';
        for($j=0;$j<215;$j++)
        {
                $num=rand(1,100);
                echo '<td>'.$num.'</td>';
        }
        echo'</div></tr>';
}
echo '<table>';
 
?>

Si quelqu'un a une idée, merci d'avance.

[s.n.a.f.u]

Il te faudra en fait faire plusieurs tables, ces tables étant contenues dans des div, et non le contraire.

C'est effectivement un problème HTML (ou CSS), et je te redirige vers le bon forum.

[dirty_harry]

j'ai effectivement penser a cette methode mais comment faire pour creer l'illusion d'un seul tableau?
En faite ce qu'il me faudrait c'est faire un peu comme sous excel quand on fixe une colonne ou une ligne, ce que je voudrais c'est fixer la colonne de gauche. mais vu comme se construise les tableau je sais pas si c'est possible

[s.n.a.f.u]

Simuler un seul tableau est somme toute assez facile : il suffit de bien coller les deux divs.
Le problème qui est souvent rencontré est au niveau de la largeur des colonnes : les deux tableaux étant indépendants, tu ne pourra pas compter sur la mise en forme automatique et tu devras spécifier les largeurs de colonnes, en dynamique (%) ou en fixe.

Fais des essais et reviens nous voir.

Le problème avait déjà été évoqué dans ce même forum, tu peux essayer une recherche. Je crois même me rappeler que c'est Deallyra qui avait fourni une solution possible.

[dirty_harry]

J'arrive a les collées mais je n'arrive pas a appliquer les barres de défilement comme je le voudrais, en faisant le point sur le cahier des charges il faudrait: la colonne de gauche fixe horizontalement mais si il y a trop de ligne, elles défile, toutes les colonnes qui suivent peuvent bouger horizontalement horizontalement et verticalement sauf les 3 dernière qui sont comme la première.
je me rend bien compte que sa doit être complètement dingue a comprendre et encore pire a faire, c'est pas vraiment mon idée, mon je ne suis la que pour réaliser. il faudrait emmeler les div entre eux et tous sa mais bon, si quelqu'un a une petite idée. merci de m'en faire part

[s.n.a.f.u]

En gros ils veulent que tu leur fasse l'équivalent d'un tableau excel avec des volets figés. Ca va être coton.

[dirty_harry]

Oui effectivement, je viens de trouver un POST sur le forum ou il disent que sa n'est pas vraiment possible:
http://www.developpez.net/forums/d75...lonne-tableau/

[s.n.a.f.u]

J'ai retrouvé la discussion dont je te parlait plus haut, elle peut te donner des idées :

http://www.developpez.net/forums/d65...seur-vertical/

[dirty_harry]

j'étais assez loin d'avoir trouvé mais bon au moins grâce a toi mon utilisateur sera content, j'ai plus qu'a comprendre comment sa marche et a l'appliquer à mon tableau (j'ai l'impression d'être le seul a avoir un cas vraiment aussi tordu) en tout cas merci beaucoup pour ton aide. bonne journée.

[s.n.a.f.u]

A mon avis, ton problème va être de simuler le fractionnement vertical : cela implique aussi deux divs. Mais comment faire défiler ces deux divs à l'unisson ?

That will be the question !

[voleurdecarottes]

En javascript on peut permettre de scroller sur plusieurs éléments en même temps. Par exemple avec ceci:

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
    <head>
        <style type="text/css">
            #div1,#div2
                    {    width:50%;
                        height:30%;
                        overflow: auto;
                        border: 1px solid;
                    }
            #div1 {    background-color:#FFFFDD;    }
            #div2    {     background-color:#DDFFFF;    }
        </style>
        <script type="text/javascript">
            function synchro(s,t)
            {    t.scrollTop = s.scrollTop;    }
            function attchEvt()
            {    if ( d1.addEventListener )
                        {    d1.addEventListener( 'scroll', function() { synchro( d1, d2 ); } ,false );
                            d2.addEventListener( 'scroll', function() { synchro( d2, d1 ); } ,false );
                        }
                else    {    d1.attachEvent( 'onscroll', function() { synchro( d1, d2 ); } );
                            d2.attachEvent( 'onscroll', function() { synchro( d2, d1 ); } );
                        }
            }
        </script>
    </head>
    <body onload="attchEvt();">
        <div id="div1">
            <script type="text/javascript">
                var d1=document.getElementById('div1');
                for ( var l=0;l<100;l++)
                {    document.writeln("ligne:"+l+"<br />");    }
            </script>
        </div>
        <div id="div2">
            <script type="text/javascript">
                var d2=document.getElementById('div2');
                for ( l=0;l<100;l++)
                {    document.writeln("même chose:"+l+"<br />");    }
            </script>
        </div>
    </body>
</html>

Je m'en suis servi pour développer un tableau scrollable un peu comme dirty_harry a besoin, sauf que dans mon tableau il y a juste la première ligne qui est figée. La première colonne ne l'est pas, mais ça doit bien pouvoir se rajouter.