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

jQuery Discussion :

Afficher une div sous condition de largeur disponible


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    pas grand chose
    Inscrit en
    Septembre 2018
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : pas grand chose
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Septembre 2018
    Messages : 131
    Par défaut Afficher une div sous condition de largeur disponible
    Bonjour

    Je souhaiterai créer un menu sur une seule ligne avec des liens sépares par un padding et n afficher cette ligne que si l'espace disponible permet de l'afficher en un seul bloc et sans débordement.

    Je prévois un site Multi langue et par exemple créer un compte qui comprend 15 caractères en français en compte 28 en ukrainien ( Створіть мій обліковий запис ) ceci rend donc impossible (en tous les cas pour le débutant que je suis) de prévoir une taille fixe.

    Avez vous une idée ?

    Merci de votre aide

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 661
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 76
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 661
    Billets dans le blog
    1
    Par défaut
    overflow auto ... ce qui ajoute un scroll sur ton div ??

    du coup après tu testes le scroll height
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Homme Profil pro
    pas grand chose
    Inscrit en
    Septembre 2018
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : pas grand chose
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Septembre 2018
    Messages : 131
    Par défaut
    Merci pour ta réponse.

    J'ai testé l overflow et ça affiche un ascenseur vertical et ce n est pas ce que je recherche.

    J aimerai que la div s affiche en un seul bloc ou ne s affiche pas comme on peut le faire en la masquant à l aide de breakpoint mais mon pb est que le contenu de mon menu n est pas de taille fixe mais variable en fonction de la langue ....

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 661
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 76
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 661
    Billets dans le blog
    1
    Par défaut
    j'ai parlé de test ...
    compare le scrollheigth et le height ... si ils ne sont pas identiques => ben tu n'affiches pas ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 661
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 76
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 661
    Billets dans le blog
    1
    Par défaut
    ou le scollwidth et le width pour la largeur ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Tu parles de "masquer un menu" en fonction de la langue (???), de "prévoir une taille fixe"...

    Tu n'as jamais entendu parlé de "site responsive" ?

    Par exemple, ton menu pourrait être en display:table ou display:flex.


    Sinon, montre des copies d'écran, qu'on visualise...
    Ou mieux : une page en ligne.

  7. #7
    Membre confirmé
    Homme Profil pro
    pas grand chose
    Inscrit en
    Septembre 2018
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : pas grand chose
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Septembre 2018
    Messages : 131
    Par défaut
    @SpaceFrog Effectivement je n avais pas compris. Merci, cette solution convient parfaitement.

    @jreaux62 Le responsive design... oui d ailleurs j utilise cette grille https://blueprintcss.dev/ mais étant donné que je ne connais pas aujourd’hui les langues que j utiliserai (peut etre que le français d ailleurs mais je prévois 'large'), cela ne m est pas d une grande utilité car il faut determiner des breakpoint, ce dont je suis incapable à ce jour pour la raison pré-citée. L avantage avec l appoche que j envisage est une plus grande flexibilité et un ré emploi plus facile, enfin d’après ma logique.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 18/02/2013, 13h09
  2. [MySQL] Afficher une div que sur certaine page
    Par bond70 dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 22/11/2011, 10h33
  3. [AJAX] Ecartement d'une <div> (et de son contenu)
    Par Paul75 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 31/10/2007, 12h41
  4. Réponses: 6
    Dernier message: 13/06/2007, 10h05
  5. [VBA-E] Ecrire dans une cellule sans écraser son contenu
    Par skystef dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 12/02/2007, 16h43

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