Discussion :

[hisy]

Bonjour,

J'ai besoin de cacher et afficher des éléments d'un formulaire.
Je parviens a cocher les éléments on utilisant cette fontion :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function hiddeElementByName(elem, isAjaxChooser){
    var element = document.getElementsByName(elem);
 
    element[0].style.display='none';
    var TD = element[0].parentNode;
    for(i=0; i < TD.childNodes.length; i++) {
      var element = TD.childNodes[i];
      if(element.nodeName == "IMG" || element.nodeName == "A" || element.nodeName == "SELECT" || element.nodeName == "TEXTAREA" || element.nodeName == "INPUT") {
        element.style.display='none';
      }
    }
    var prevTD = TD.previousSibling;
    if(isAjaxChooser == true ) var prevTD = prevTD.previousSibling;
    var SPAN = prevTD.firstChild;
    SPAN.style.visibility='hidden';
 
   }

et je souhaiterai les ré-afficher avec cette fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function showElementByName(elem, isAjaxChooser){
    var element = document.getElementsByName(elem);
    element[0].style.display='block';
    var TD = element[0].parentNode;
    for(i=0; i < TD.childNodes.length; i++) {
      var element = TD.childNodes[i];
      if(element.nodeName == "IMG" || element.nodeName == "A") {
        element.style.display='block';
      }
    }
    var prevTD = TD.previousSibling;
    if(isAjaxChooser == true ) var prevTD = prevTD.previousSibling;
    var SPAN = prevTD.firstChild;
    SPAN.style.visibility='visible';
 
      }
}

Mais le probleme c'est que les éléments (alignés avant d'être cachés)réapparaissent les uns en dessou des autres....

Je précise que je travaille avec un framework qui construit les pages avec des tableaux html ... mais ca je peux pas y couper.
nota : la cellule qui contient les élément à un nowrap ...

Merci pour votre aide.

[Baldy]

"display" et "visibility" ne fonctionne pas de la même façon, tu as essayé de jouer avec les 2 pour voir si changeais quelque chose?

[Bovino]

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if(element.nodeName == "IMG" || element.nodeName == "A") {
    element.style.display='block';
}

les balises a et img sont des balises de type inline, si tu les mets en display block, c'est normal que ça perturbe l'affichage
Il est plutôt conseillé de mettre une chaine vide comme valeur :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if(element.nodeName == "IMG" || element.nodeName == "A") {
    element.style.display='';
}

du coup, c'est le type d'affichage par défaut (ou celui défini dans la feuille de style) qui est appliqué.
Cette technique est particulièrement utile pour des éléments dont le display par défaut n'est pas ou mal géré en CSS (éléments de table par exemple).

[hisy]

Tip top ... merci beaucoup ...