Masquer/ afficher dynamiquement une div (ou autre element) en Js [Résolu]
rhan_659
- Messages postés
- 85
- Date d'inscription
- lundi 1 novembre 2004
- Dernière intervention
- 30 juin 2011
- Messages postés
- 15
- Date d'inscription
- dimanche 16 mai 2004
- Dernière intervention
- 2 mai 2012
A voir également:
- $ en js
- Javascript element style - Meilleures réponses
- Masquer/Afficher Div ✓ - Forum - Javascript / DHTML
- Masquer/afficher un div via un menu select ✓ - Forum - Javascript / DHTML
- Masquer/afficher/fermer les fenetres actives - Codes sources - Visual Basic / VB.NET (API)
- Masquer-afficher tous les select d'une page - Codes sources - Javascript (Formulaire)
- Masquer / afficher les icones du bureau et la barre de tache en mfc avec vc++6 - Codes sources - C / C++ / C++.NET (Système)
16 réponses
Meilleure réponse
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Dernière intervention
- 28 février 2014
avec en JS : document.getElementById('iddiv').style.visibility = "visible"; //pour rendre visible
soit un
avec en JS : document.getElementById('iddiv').style.display = "block"; //pour afficher
a++
Si la réponse vous convient, pensez : <gras>Réponse acceptée !
soit un
avec en JS : document.getElementById('iddiv').style.display = "block"; //pour afficher
a++
Si la réponse vous convient, pensez : <gras>Réponse acceptée !
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
117 internautes nous ont dit merci ce mois-ci
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Dernière intervention
- 28 février 2014
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Dernière intervention
- 28 février 2014
en fait display si tu le met a block, ça affiche et si tu le met a none ça le cache !
et le visibility, c'est différent, si tu le met a hidden, le div se cache mais prend toujours de la place et si tu le met a visible, le div est visible !
a++
Si la réponse vous convient, pensez : Réponse acceptée !
et le visibility, c'est différent, si tu le met a hidden, le div se cache mais prend toujours de la place et si tu le met a visible, le div est visible !
a++
Si la réponse vous convient, pensez : Réponse acceptée !
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Dernière intervention
- 28 février 2014
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Dernière intervention
- 28 février 2014
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Dernière intervention
- 28 février 2014
- Messages postés
- 15
- Date d'inscription
- dimanche 16 mai 2004
- Dernière intervention
- 2 mai 2012
Bonjour, ce code m'intéresse, je cherche un tuto pour faire la même chose.
J'aimerai que suite à un clic ça affiche, et suite à un autre clic ça le cache (et pas que ça prenne de l'espace).
Dommage que la personne n'a pas donné de nouvelle après résolution de ses problèmes.
J'aimerai aussi savoir si il est possible de modifié le texte du lien en question suite à l'affichage/masquage de la DIV.
par exemple
Si DIV pas affiché le liens est (+)info
Si DIV affiché le liens est (-)info.
Sinon à quoi ressemble le CSS? existe il encore des incompatibilité avec IE au jour d'aujourd'hui?
J'espère ne pas avoir déterrer une antiquité et que les gens aillant participé à ce thread son encore de se monde :P
J'aimerai que suite à un clic ça affiche, et suite à un autre clic ça le cache (et pas que ça prenne de l'espace).
Dommage que la personne n'a pas donné de nouvelle après résolution de ses problèmes.
J'aimerai aussi savoir si il est possible de modifié le texte du lien en question suite à l'affichage/masquage de la DIV.
par exemple
Si DIV pas affiché le liens est (+)info
Si DIV affiché le liens est (-)info.
Sinon à quoi ressemble le CSS? existe il encore des incompatibilité avec IE au jour d'aujourd'hui?
J'espère ne pas avoir déterrer une antiquité et que les gens aillant participé à ce thread son encore de se monde :P
- Messages postés
- 85
- Date d'inscription
- lundi 1 novembre 2004
- Dernière intervention
- 30 juin 2011
bonjour
je m'aperçois avec horreur que j'ai oublié ce post, toute mes excuses.
voila le code
function isShow(element){
if(element "undefined" || element null){return true}
if (element.getAttribute('style') "undefined" || element.getAttribute('style') null || element.getAttribute('style') == ""){return true;}
var etat = false;
if(element.getAttribute('style').toLowerCase().indexOf('visibility') >0){etat true;}
else if (element.getAttribute('style').toLowerCase().indexOf('block') >0){etat true;}
return etat;
}
function show(element,show, style){
if(element "undefined" || element null){return;}
if(show"undefined" || show null){return;}
if(show !true){show false;}else{show = true;}
if(style"undefined" || style null || style == ""){style = "";}
if (element.getAttribute('style') "undefined" || element.getAttribute('style') null || element.getAttribute('style') == ""){
if(style == ""){return;}
switch(style.toLowerCase()){
case 'v':
case 'visible':
case 'visibility':
if (show == true){
element.style.visibility = "visible";
}else{
element.style.visibility = "hidden";
}
break;
case 'd':
case 'disp':
case 'display':
if (show == true){
element.style.display = "block";
}else{
element.style.display = "none";
}
break;
}
}else{
if(element.getAttribute('style').toLowerCase().indexOf('visibility') >= 0){
if (show == true){
element.style.visibility = "visible";
}else{
element.style.visibility = "hidden";
}
}else if(element.getAttribute('style').toLowerCase().indexOf('display') >= 0){
if (show == true){
element.style.display = "block";
}else{
element.style.display = "none";
}
}
}
}
je m'aperçois avec horreur que j'ai oublié ce post, toute mes excuses.
voila le code
function isShow(element){
if(element "undefined" || element null){return true}
if (element.getAttribute('style') "undefined" || element.getAttribute('style') null || element.getAttribute('style') == ""){return true;}
var etat = false;
if(element.getAttribute('style').toLowerCase().indexOf('visibility') >0){etat true;}
else if (element.getAttribute('style').toLowerCase().indexOf('block') >0){etat true;}
return etat;
}
function show(element,show, style){
if(element "undefined" || element null){return;}
if(show"undefined" || show null){return;}
if(show !true){show false;}else{show = true;}
if(style"undefined" || style null || style == ""){style = "";}
if (element.getAttribute('style') "undefined" || element.getAttribute('style') null || element.getAttribute('style') == ""){
if(style == ""){return;}
switch(style.toLowerCase()){
case 'v':
case 'visible':
case 'visibility':
if (show == true){
element.style.visibility = "visible";
}else{
element.style.visibility = "hidden";
}
break;
case 'd':
case 'disp':
case 'display':
if (show == true){
element.style.display = "block";
}else{
element.style.display = "none";
}
break;
}
}else{
if(element.getAttribute('style').toLowerCase().indexOf('visibility') >= 0){
if (show == true){
element.style.visibility = "visible";
}else{
element.style.visibility = "hidden";
}
}else if(element.getAttribute('style').toLowerCase().indexOf('display') >= 0){
if (show == true){
element.style.display = "block";
}else{
element.style.display = "none";
}
}
}
}
- Messages postés
- 15
- Date d'inscription
- dimanche 16 mai 2004
- Dernière intervention
- 2 mai 2012
Mrci beaucoup, j'ai de la chance on dirai.
Je comprend pas grand choses, je ne fais que du php et pas de javascript (mais alors pas du tout)
Pourquoi j'ai l'impression que y a du double?
Dans le meilleur des cas dans le meilleur des mondes, serai-il possible de indenté le code pour qu'il puisse être modifié et améliorer, et de le posté dans la librairie de code?
(Ça peut être intéressant, on vois se code souvent et pourtant aucun tuto, code facilement trouvable sur google, pour dire je suis venu à chercher ici ^-^)
Merci bien dans tout les cas !
Je comprend pas grand choses, je ne fais que du php et pas de javascript (mais alors pas du tout)
Pourquoi j'ai l'impression que y a du double?
Dans le meilleur des cas dans le meilleur des mondes, serai-il possible de indenté le code pour qu'il puisse être modifié et améliorer, et de le posté dans la librairie de code?
(Ça peut être intéressant, on vois se code souvent et pourtant aucun tuto, code facilement trouvable sur google, pour dire je suis venu à chercher ici ^-^)
Merci bien dans tout les cas !
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.