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
- Statut
- Membre
- Dernière intervention
- 30 juin 2011
- Messages postés
- 15
- Date d'inscription
- dimanche 16 mai 2004
- Statut
- Membre
- Dernière intervention
- 2 mai 2012
A voir également:
- $ en js
- Div visibility - Meilleures réponses
- Javascript faire apparaitre une div - Meilleures réponses
- Fichier js - Conseils pratiques - Javascript
- Calculatrice js - Guide
- Morpion js - Guide
- Calendrier js - Conseils pratiques - Javascript
- Jeux js - Guide
16 réponses
Meilleure réponse
- Messages postés
- 3472
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Membre
- 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
190 internautes nous ont dit merci ce mois-ci
- Messages postés
- 3472
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Membre
- Dernière intervention
- 28 février 2014
- Messages postés
- 3472
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Membre
- 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
- 3472
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Membre
- Dernière intervention
- 28 février 2014
- Messages postés
- 3472
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Membre
- Dernière intervention
- 28 février 2014
- Messages postés
- 3472
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Membre
- Dernière intervention
- 28 février 2014
- Messages postés
- 15
- Date d'inscription
- dimanche 16 mai 2004
- Statut
- Membre
- 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
- Statut
- Membre
- 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
- Statut
- Membre
- 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 !