Rendre des elements invisibles

Version imprimable

08/02/2006, 15h44
Wormus

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 !! :wink:
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 !!
08/02/2006, 16h26
denisC

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 :faq:
08/02/2006, 16h32
titoumimi

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à :wink: )
08/02/2006, 17h11
Wormus

Arff c'est dans la FAQ !!! je l'ai parcouru ya qq jour et j'ai pas vu ça !! 8O !! 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 !!
08/02/2006, 17h13
Wormus

Problème résolu !! jusqu'à ce que je me rendes compte que j'arrive pas à utiliser les solutions du dessus ! ^^ :D :lol: :lol:

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:

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>