Masquer/ afficher dynamiquement une div (ou autre element) en Js [Résolu]
rhan_659
Membre Dernière intervention
30 juin 2011
- - Dernière réponse :
cs_kopax
Membre Dernière intervention
2 mai 2012
- 12 avril 2010 à 12:44
- Messages postés
- 85
- Date d'inscription
- lundi 1 novembre 2004
- Statut
- Messages postés
- 15
- Date d'inscription
- dimanche 16 mai 2004
- Statut
A voir également:
- $ en js
- Javascript faire apparaitre une div - Meilleures réponses
- Js style display - 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
- Statut
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
143 internautes nous ont dit merci ce mois-ci
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Statut
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
- Statut
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Messages postés
- 15
- Date d'inscription
- dimanche 16 mai 2004
- Statut
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
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
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 !