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 :

Attacher image ou champ dans un <div>


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 11
    Par défaut Attacher image ou champ dans un <div>
    Bonjour,

    Nouveau sur le forum, je viens déjà avec un pitit souci.

    J'ai une page contenant un formulaire. Ce formulaire est divisé en <DIV> que je fais apparaître et disparaitre par boutons en haut de la page.

    Dans une de mes <DIV>, en fonction des choix de l'utilisateur, un bouton-image ou un champ <INPUT> deviennent visible/invisible.

    Le souci maintenant : quand je change de <DIV>, le champ ou le bouton-image reste visible (devant ou sous les champs des autres <DIV>)

    Est-il possible d'obliger l'image ou le champ à rester attacher à la <DIV> ?

    Par avance merci (en espérant que je me suis montré assez clair),

  2. #2
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 11
    Par défaut
    Précisions supplémentaires :

    - L'invisibilité ( ) est générée par un "style='visibility..." pour mon champ ou bouton-image. Modifiée par javascript.

    -J'ai essayé "display" , a pô marcher des masses.

    - Ai essayé en virant l'invisibilité, en jouant sur le "width" de chaque objet (en le mettant à "0" ou pas si je veux le faire disparaitre ou non). Là, cela donne quelque chose, c good mais il reste des petits bouts affichés (pas très clean).

    Merci d'avance pour toute aide,

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    Bonjour et bienvenue

    Citation Envoyé par protos69
    -J'ai essayé "display" , a pô marcher des masses.
    Peut-être que j'en faisais une utilisation plus simple mais je n'ai jamais eu de problème en switchant entre "display='none';" et "display='';".

  4. #4
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 11
    Par défaut
    Merci et salut,

    Le souci c'est que le "display" agit comme le "visibility" dans mon cas.

    J'ai toujours le champ qui se balade sur les autres <DIV>.

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    As-tu vérifié que tes balises étaient bien fermées ?
    Pour être sur d'avoir du code propre, rien de tel qu'une petite validation W3C:
    http://validator.w3.org/

  6. #6
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 11
    Par défaut
    Merci pour le lien, mis dans mes favoris.

    Non, je n'ai pas de souci de balises. C'est moi qui balise là, .

    J'ai continué à chercher la petite bête. Ce sont tous les éléments ayant le "style='invisibility.." ou "style='display..." qui posent souci.

    Je sèche sur cette colle ....

  7. #7
    Membre averti
    Inscrit en
    Novembre 2004
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 11
    Par défaut
    Mis suis remis aujourd'hui.

    A trouver enfin pourquoi : j'ai mélangé les "display" et les "visibility".
    Du coup, comme certains styles n'existaient pas, le JS ne les prenait pas en compte.

    Problème réglé en mettant "display" dans les 'style' des champs et en utilisant ce style dans le JS.

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 30/04/2015, 08h15
  2. Réponses: 3
    Dernier message: 27/06/2011, 20h32
  3. Image de fond dans une balise div
    Par gids01 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 05/02/2007, 14h03
  4. [CSS] Image de fond dans un élément <div>
    Par Yogui dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 16/05/2006, 13h05
  5. image dans une iframe div qui ne s'efface pas
    Par Invité(e) dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 26/10/2005, 11h19

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