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 :

Rendre des elements invisibles [Fait]


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre tr�s actif
    Avatar de Wormus
    Inscrit en
    Septembre 2005
    Messages
    262
    D�tails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 262
    Par d�faut Rendre des elements invisibles
    Je souhaites mettre dans ma page web un formulaire diff�rent suivant l'�l�ment 'radio' selectionn�.

    Si l'utilisateur clique sur le 1er �l�ment 'radio', un formulaire s'affiche et si il clique sur l'autre le 1er disparait et le 2nd formulaire apparait.

    Je pense faire cela en rendant invisible les �l�ments d'un formulaire et en les remettant visible gr�ce � une fonction javascript

    Mon probl�me est de connaitre la syntaxe pour rendre visible ou invisible un �l�ment !!


    Je me demande aussi si je vais pas avoir un probl�me li� � la non superposition logique des objets : par exemple j'ai les �l�ments de mon premier formulaire que je met invisible et je remet les �l�ments du 2nd visible. Est ce que les le 2�me formulaire ne va pas s'afficher plus bas en laissant un large blanc au dessus de lui !!!!

    Si qq'un � une autre solution int�ressante � me proposer, je prends aussi !!
    La seul chose que je veux c'est faire correctement ce que j'ai dit au dessus et utiliser du javascript et pas, par exemple recharger une page ....

    Voila, merci !!

  2. #2
    Expert confirm�

    Avatar de denisC
    Profil pro
    D�veloppeur Java
    Inscrit en
    F�vrier 2005
    Messages
    4 050
    D�tails du profil
    Informations personnelles :
    �ge : 45
    Localisation : Canada

    Informations professionnelles :
    Activit� : D�veloppeur Java
    Secteur : Service public

    Informations forums :
    Inscription : F�vrier 2005
    Messages : 4 050
    Par d�faut Re: Rendre des elements invisibles
    Citation Envoy� par Wormus
    Mon probl�me est de connaitre la syntaxe pour rendre visible ou invisible un �l�ment !!
    C'est dans la

  3. #3
    Membre exp�riment�
    Avatar de titoumimi
    Profil pro
    Inscrit en
    D�cembre 2003
    Messages
    3 707
    D�tails du profil
    Informations personnelles :
    �ge : 44
    Localisation : France

    Informations forums :
    Inscription : D�cembre 2003
    Messages : 3 707
    Par d�faut
    sinon, pour faire 'plus propre', tu peux aussi utiliser ajax qui te chargera le bon formulaire au bon endroit en fonction du bouton s�lectionn�

    tr�s bon tuto disponible sur developpez.com : http://siddh.developpez.com/articles/ajax/

    (d�cid�ment, l'essayer, c'est l'adopter ce truc l� )
    Globalement inoffensif
    Merci de respecter les r�gles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  4. #4
    Membre tr�s actif
    Avatar de Wormus
    Inscrit en
    Septembre 2005
    Messages
    262
    D�tails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 262
    Par d�faut
    Arff c'est dans la FAQ !!! je l'ai parcouru ya qq jour et j'ai pas vu �a !! !! soit c'�tait pas l�, soit �a va pas bien moi faut que je dorme un peu plus
    Je me rappel m'�tre dit "tiens j'auriais bien voulu savoir comment on fait pour rendre invisible un �l�ment malheureusement ya rien l� dessus" !!! ^^

    Sinon pour Ajax �a me parait lourd pour si peu mais je dit �a je ne connait que tr�s peu donc je vais tout de m�me jet� un coup d'oeil sur le tuto !!

  5. #5
    Membre tr�s actif
    Avatar de Wormus
    Inscrit en
    Septembre 2005
    Messages
    262
    D�tails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 262
    Par d�faut
    Probl�me r�solu !! jusqu'� ce que je me rendes compte que j'arrive pas � utiliser les solutions du dessus ! ^^

  6. #6
    Membre tr�s actif
    Avatar de Wormus
    Inscrit en
    Septembre 2005
    Messages
    262
    D�tails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 262
    Par d�faut
    Bon j'ai regard� tout �a !!

    Pour Ajax �a attendra encore un peu, c'est tout un concept et j'ai pas trop le temps de pour le moment (mais surment je m'y mettrais plus tard !)

    Donc j'ai utiliser le javascript pour faire ce que je voulais !!
    Je fais un bloc o� je mets les 1er �l�ments et je fais un autre bloc juste derri�re o� je mets mes 2nd �l�ments !!
    Je donne � chaque bloc un id

    Et qd je clique pour choisir quels �l�ments j'affiche je lances une fonction javascript qui affiche un bloc et cache l'autre et vice versa !!!

    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
    <div id='elements1'>..mes éléments 1..</div>
    <div id='elements2'>..mes éléments 2..</div>
     
    <script language='javascript'>
    affElements1();
     
    function affElements1() {
    	document.getElementById('elements2').style.display = "none";
    	document.getElementById('elements1').style.display = "block";
    }
     
    function affElements2() {
    	document.getElementById('elements1').style.display = "none";
    	document.getElementById('elements2').style.display = "block";
    }
    </script>

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [D�butant] rendre des chanps d'un menu invisible
    Par tsarra dans le forum ASP.NET
    R�ponses: 2
    Dernier message: 08/05/2012, 13h39
  2. [SP-2007] Rendre invisible des element du site Sharepoint
    Par stardeus dans le forum SharePoint
    R�ponses: 19
    Dernier message: 23/11/2010, 13h54
  3. comment rendre des commandbutton invisible
    Par neurone01 dans le forum Macros et VBA Excel
    R�ponses: 5
    Dernier message: 19/02/2009, 18h42
  4. Comment rendre visible des formulaires invisibles ?
    Par Taiyaki dans le forum Access
    R�ponses: 3
    Dernier message: 14/12/2006, 11h21
  5. Comment rendre des cellule invisible (inexistante)
    Par pierrot10 dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 26/09/2005, 09h05

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