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
- Js style display - Meilleures réponses
- Style.visibility js - Meilleures réponses
- Utilisation de fichiers *.js dans une page html - Conseils pratiques - Javascript
- Visual Basic / VB.NET : Equivalent de visual basic pour l'html et le js - CodeS SourceS - Guide
- PHP : Php to js - conversion d'une variable en php vers javascript - CodeS SourceS - Guide
- Ne pas afficher les messages d'erreur js - Codes sources - Javascript (Trucs & Astuces)
- Fichier js permettant la validation de vos formulaires - Codes sources - Javascript (Divers)
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
122 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.