Masquer/ afficher dynamiquement une div (ou autre element) en Js [Résolu]
rhan_659
85
Messages postés
lundi 1 novembre 2004Date d'inscription
30 juin 2011
Dernière intervention
-
25 juil. 2008 à 08:23 - Dernière réponse :
cs_kopax
15
Messages postés
dimanche 16 mai 2004Date d'inscription
2 mai 2012
Dernière intervention
- 12 avril 2010 à 12:44
- Masquer/ afficher dynamiquement une div (ou autre element) en Js
- Masquer/Afficher Div [Résolu] (Résolu) » Forum - Javascript / DHTML
- Masquer/afficher un div via un menu select [Résolu] (Résolu) » Forum - Javascript / DHTML
- Probleme masquer / afficher div » Forum - Javascript / DHTML
- Php afficher/masquer boite de dialogue div » Forum - PHP
- Masquer/afficher/fermer les fenetres actives » Codes sources - Visual Basic / VB.NET (API)
16 réponses
Meilleure réponse
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 !
Avec quelques mots c'est encore mieux Ajouter un commentaire
a aidé 97 internautes ce mois-ci
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 !
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
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";
}
}
}
}
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.