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 :

[DOM] [Div] redim width si retour ligne


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Développeur informatique
    Inscrit en
    Mars 2004
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mars 2004
    Messages : 257
    Par défaut [DOM] [Div] redim width si retour ligne
    Bonjour!

    J'ai un div, l'un de 200px servant de "fenetre", l'autre à l'interieur de ce div de 500px servant de bandeau defilant.

    Le deuxieme div fait defiler des images de gauche a droite et cela fonctionne.

    Mon probleme est le suivant.

    Si j'ajoute une image supplémentaire dans mon div, je suis obligé de modifier à la main le width du deuxieme div. Or, je voudrais que des personnes ne touchant pas au code puisse rajouter des images.

    Il faudrait donc que je puisse en javascript modifier le width du div si on detecte que tout n'est pas afficher, donc qu'il y a un retour chariot.

    Je ne peux pas mettre le deuxime div en width:auto puisque le premier div est defini a 200px pour servir de fenetre...

    Connaissez-vous une solution?

    Merci par avance!

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    même en tentant d'adapter la largeur, tu ne feras que reporter le problème : il faudra bien bloquer la largeur à un moment ou un autre

    Un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style="overflow-x:scroll;"
    ne suffirait pas ?

    A+

  3. #3
    Membre éclairé
    Profil pro
    Développeur informatique
    Inscrit en
    Mars 2004
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mars 2004
    Messages : 257
    Par défaut
    Salut et merci pour ta réponse.

    Je ne peux pas bloqué la largeur puisqu'elle va changer a chaque fois qu'un utilisateur va rajouter une image.

    Il n'y a pas moyen de dire au div d'être le plus grand possible (même si il est dans un div de 200px)?

    Pour le scroll, ce n'est pas bon car c'est pour faire une bannière qui défile et de toute façon ça ne résout pas le problème de la largeur.
    Si je la fixe a 500px et qu'un utilisateur rajoute une image, cette image va se trouver à la ligne. Si je mets une largeur trop grande, mon animation de bannière ne va pas se faire correctement puisqu'il y aura un moment où rien ne va défiler.

    Merci pour ton aide.

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par akito Voir le message
    Pour le scroll, ce n'est pas bon car c'est pour faire une bannière qui défile et de toute façon ça ne résout pas le problème de la largeur.
    Ben si : ton div fait la largeur nécessaire (sans retour à la ligne), mais tu n'en affiches qu'une partie pour conserver ta mise en page ...
    Ce n'est que pour la conception de la bannière, et donc pas gênant, si j'ai bien compris ?

    A+

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    j'ai du coller dans les contributions un truc pour recupérer la longueur en pixels d'un texte ...
    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
    Membre éclairé
    Profil pro
    Développeur informatique
    Inscrit en
    Mars 2004
    Messages
    257
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mars 2004
    Messages : 257
    Par défaut
    E.Bzz :
    En fait, mon div fenetre fait 200 px.
    Mon deuxieme div qui defile à l'interieur fait 500px. Cela fonctionne.
    Mais si on ajoute d'autre image, 500px c'est trop petit, il faut donc modifier la largeur du div qui est à l'interieur.

    SpaceFrog :
    Ton code permet également de connaitre la taille de toutes les images du div?

    En tout cas merci d'essayé de m'aider

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

Discussions similaires

  1. [CSS] "td width=" et "div style=width:"
    Par akecoocoo dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 10/11/2005, 16h33
  2. Retour ligne
    Par Anduriel dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 05/10/2005, 23h44
  3. retour ligne intélligent avec l'utilisation de DIV
    Par bébé dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 22/08/2005, 17h46
  4. Comment faire un retour ligne entre des " ??
    Par DrTank dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 09/05/2005, 09h35
  5. [Writer] Retour ligne
    Par Mister Nono dans le forum Entrée/Sortie
    Réponses: 3
    Dernier message: 23/01/2004, 15h23

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