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 :

Champ qui se réduit sur une page web


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Chargé d'affaire
    Inscrit en
    Novembre 2015
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Chargé d'affaire

    Informations forums :
    Inscription : Novembre 2015
    Messages : 49
    Par défaut Champ qui se réduit sur une page web
    Bonjour, mon problème réside dans la difficulté d'exprimer ce que je cherche à faire.

    Il faudrait un genre de DIV, un rectangle en haut de ma page faisant toute la largeur, et avec des boutons dedans. Il faudrait qu'il y ai une petite flèche qui permettre de masquer ou d'afficher les boutons. Si possible, avec un effet déroulant / remontant qui ne rende pas l'action instantané. Auriez vous juste une piste ?

    Merci

  2. #2
    Membre actif
    Homme Profil pro
    Futur développeur, étudiant
    Inscrit en
    Juillet 2012
    Messages
    67
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 26
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Futur développeur, étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2012
    Messages : 67
    Par défaut
    Bonjour,

    J'espère que ce n'est pas trop tard. Je pense que tu peux utiliser la propriété CSS "left" de ta div afin de changer sa position et de la faire se rabattre (cela ne fonctionne que si sa position CSS est "absolute"). De cette manière, avec une transition, tu peux faire un joli effet de glissement.

    Je pense que ce que tu souhaites doit ressembler à ça : https://jsfiddle.net/Cyxo/v7eo07g8/
    (après je ne sais pas si tu voulais que le mouvement soit horizontal ou vertical, moi je l'ai fait horizontal mais si tu veux de l'aide pour le vertical, n'hésite pas à me demander)

  3. #3
    Membre averti
    Homme Profil pro
    Chargé d'affaire
    Inscrit en
    Novembre 2015
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Chargé d'affaire

    Informations forums :
    Inscription : Novembre 2015
    Messages : 49
    Par défaut Merci
    Merci, j'avais fait l'impasse mais ça me sera utile quand j'y reviendrai.

Discussions similaires

  1. Réponses: 6
    Dernier message: 08/03/2012, 17h54
  2. Champs date sur une page web
    Par jpdolloils dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/07/2006, 13h13
  3. Recherche sur une page web
    Par Itori dans le forum Langage
    Réponses: 3
    Dernier message: 22/09/2005, 13h32
  4. Obtenir des infos sur une page web en ligne
    Par Logan_Cale dans le forum Web & réseau
    Réponses: 1
    Dernier message: 20/08/2005, 15h36
  5. application qui connecte sur une page web
    Par spoolz dans le forum Entrée/Sortie
    Réponses: 6
    Dernier message: 14/04/2004, 09h47

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