IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Fixer des div (fonctionnement comme avec un tableur)


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juillet 2004
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Juillet 2004
    Messages : 33
    Par défaut Fixer des div (fonctionnement comme avec un tableur)
    Bonjour,

    Je développe une application de planning et j'aimerais pouvoir "isoler" la partie contenant les données de la div verticale (avec les noms des personnes) et de la div horizontale (avec les journées de la période sélectionnée)

    Mon objectif serait (pour les tableaux avec beaucoup de lignes et de colonnes) qu'en utilisant la barre défilante horizontale, seule la div verticale soit fixée et qu'en utilisant la barre défilante verticale, seule la div horizontale soit fixée. Un peu à l'image de ce qui se fait avec un tableur.

    Je joins une capture de ce que j'ai en ce moment avec des lignes rouges pour bien montrer la séparation entre les 2 div et mes données.

    Comment m'y prendre ? Apparemment, en CSS pur, ce n'est pas possible, donc il ne resterait que le javascript.

    J'imagine que je dois créer 3 div en tout (un pour les noms, un pour les dates et un autre pour les données), mais comment faire interagir ce beau monde ?

    Merci pour vos idées !

    KP
    Images attachées Images attachées  

  2. #2
    Membre averti
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juillet 2004
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Juillet 2004
    Messages : 33
    Par défaut
    Je pense qu'il faudrait appliquer du javascript sur les scrollbars (scrollbars qui n'apparaitraient que sur le div contenant les données)

    Dès qu'on déplace une de deux scrollbars, les 2 div associées bougeraient (celle contenant les données dans tous les cas; la colonne contenant les noms pour la scrollbar verticale ou la ligne contenant les dates pour la scrollbar verticale)

    Mais comment faire ???

    Merci d'avance !

  3. #3
    Membre chevronné Avatar de supermanu
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    330
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 330
    Par défaut
    J'ai trouvé une page où il y a ce genre de tableur.
    http://gatsu.ftp.free.fr/html/test_tableau.html
    Regarde le code source, peut-être que cela suffira

  4. #4
    Membre averti
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juillet 2004
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Juillet 2004
    Messages : 33
    Par défaut
    Ah oui c'est ce que je souhaite !!!
    Merci pour ton conseil supermanu !

    Bonne fin de journée à tous

    KP

Discussions similaires

  1. div fonctionnant comme un livre
    Par Mucsy dans le forum Langage
    Réponses: 3
    Dernier message: 19/12/2005, 08h31
  2. [XHTML][CSS] simuler des frames avec des div
    Par piwai dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/11/2005, 13h26
  3. centrer un bloc avec des div+css
    Par fabrisss dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 27/10/2005, 23h41
  4. Comment créer des onglets comme avec Excel (sheet1/sheet2)
    Par pierrot10 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/09/2005, 16h36
  5. mettre en page avec des div
    Par mathieu_r dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 10/08/2005, 11h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo