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

Mise en page CSS Discussion :

Figer une partie d'un formulaire


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Mai 2005
    Messages
    33
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 33
    Par défaut Figer une partie d'un formulaire
    Bonjour,

    Actuellement je développe un petit site en JSP avec struts2.
    J'ai une page contenant un gros formulaire qui se découpe en plusieurs fichiers JSP.

    Ma page principale inclut donc les différents formulaires pour en faire qu'un seul pour la saisie.

    Cependant je souhaite figer la première partie du formulaire (correspondant à une page jsp) et que pour le reste du formulaire on puisse scroller comme on le souhaite tout en conservant la 1e partie du formulaire figé tout en haut.

    En gros, je souhaite faire un peu comme on peut faire dans Excel lorsqu'on gide les intitulés des colonnes par exemple.

    J'ai essayé plusieurs solutions mais je m'en sors pas et je pense que la solution doit être donnée par la magie du CSS.

    Est ce que quelqu'un a déjà fait ca? ou aurait un tuyau pour m'aiguiller sur la piste?

    Merci d'avance.

  2. #2
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Par défaut
    Pour rendre une partie scrollable verticalement tu peux la placer dans un div d'une hauteur déterminéet dont l'overflow est scroll.

    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
    <form>
    <!-- Partie non scrollable -->
    <div>
    blah
    <br/>
    <input type="button"/>
    </div>
    <!-- Partie scrollable -->
    <div style="overflow: scroll; height: 30px;">
    <input type="text"/>
    <br/>
    <input type="text"/>
    <br/>
    <input type="text"/>
    <br/>
    <input type="text"/>
    <br/>
    <input type="text"/>
    </div>
    </form>

Discussions similaires

  1. Masquer une partie d'un formulaire
    Par rimama dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/07/2007, 02h38
  2. Opacité sur une partie d'un formulaire
    Par hellspawn_ludo dans le forum Windows Forms
    Réponses: 4
    Dernier message: 12/04/2007, 13h16
  3. Rafraîchir une partie d'un formulaire
    Par KEROZEN dans le forum Access
    Réponses: 17
    Dernier message: 11/05/2006, 14h29
  4. Masquer une partie d'un formulaire
    Par crazydiver_e2 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 06/01/2006, 11h36
  5. Afficher / Cacher une partie d'un formulaire
    Par damjal dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/10/2005, 18h10

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