[Résolu]Javascript, div, visibility et position

Marsh Posté le 28-11-2007 à 10:28:28

Bonjour,

J'ai une petit soucis d'affichage de balise Div. J'ai 2 tableaux et 2 lines dans ma page, chaque lien affichant le tableau correspondant ou le masquant. J'utilise pour cela une fonction javascript.
Le problème est qu'il modifie bien l'attribut position mais pas visibilty. Je me retrouve avec la place réservée pour mon tableau, mais cette zone est vide :heink:

Ma jsp, exemple d'un tableau

Code :

<tr>
<td>
<div style="position:relative">
<div id="sortant" style="visibility:hidden;position:absolute">
<logic:empty name="currentListePatienteleSortant">
<bean:message key="activite.patientelemedecintraitant.texte.noSortant"/>
</logic:empty>
<logic:notEmpty name="currentListePatienteleSortant">
<display:table name="currentListePatienteleSortant">
<display:column property="nom" title="<%= titleNom %>"/>
<display:column property="prenom" title="<%= titlePrenom %>"/>
<display:column property="dateNaissance" title="<%= titleDateNaissance %>"/>
<display:column property="nir" title="<%= titleNir %>"/>
<display:column property="dateDeclaration" title="<%= titleDateDeclaration %>"/>
<display:column property="dateSortie" title="<%= titleDateSortie %>"/>
</display:table>
</logic:notEmpty>
</div>
</div>
</td>
</tr>

Un bout de ma fonction javascript correspondant à ce tableau

Code :

if(document.getElementById(sortant).style.visibility=='hidden')
{
alert('sortant=visible, entrant=hidden');
document.getElementById(sortant).style.visibility='visible';
document.getElementById(sortant).style.position='relative';
document.getElementById(entrant).style.visibility='hidden';
document.getElementById(entrant).style.position='absolute';
}else
{
alert('sortant=hidden');
document.getElementById(sortant).style.visibility='hidden';
document.getElementById(sortant).style.position='absolute';
}
}

Je suis sûr que c'est une connerie, mais j'arrive pas à trouver.
Une idée ?

Merci d'avance

Message édité par Maelkoth le 28-11-2007 à 11:03:19

Reply

Marsh Posté le 28-11-2007 à 10:28:28

Reply

Marsh Posté le 28-11-2007 à 10:41:39

Normal, faut pas utiliser l'attribut visibility mais l'attribut display.
Avec pour valeur none pour masquer.

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

Reply

Marsh Posté le 28-11-2007 à 11:02:32

Impeccable !

Rapidité, efficacité : dwogsi, you're a god among men

Reply

Marsh Posté le 28-11-2007 à 12:43:52

none pour masquer et display='' pour afficher comme ça ca remet la valeur par défaut du tableau, car un tableau sous IE c'est display:block et sous FF, opera, Safari c'est display:table

Reply

Marsh Posté le 29-12-2007 à 23:06:09

je te remercie Gatsu. Tu m'a confirmé mes doutes sur le faite que ~~Firefox~~ IE ne sait pas gerer la propriété table-row ...

La solution est donc de try et de catcher en cas d'erreur et ainsi d'executer la methode IE (mode block)

Code :

try {
projet2.style.display = 'table-row';
}
catch(err) {
projet2.style.display = 'block';
}

Message cité 1 fois
Message édité par weed le 30-12-2007 à 00:11:35

Reply

Marsh Posté le 29-12-2007 à 23:46:21

weed a écrit :

je te remercie Gatsu. Tu m'a confirmé mes doutes sur le faite que Firefox ne sait pas gerer la propriété table-row ...

La solution est donc de try et de catcher en cas d'erreur et ainsi d'executer la methode IE (mode block)

Code :

try {
projet2.style.display = 'table-row';
}
catch(err) {
projet2.style.display = 'block';
}

c'est IE qui ne ne sait pas faire, alors que firefox, justement connait table-row

Reply

Marsh Posté le 30-12-2007 à 00:11:03

euhhh oui en effet Gasu35, je me suis emmellé les crayons ...

Je me suis permi de mettre mon code pour completer le topic et ainsi aider les personnes qui rencontrerons le meme problème et qui tomberons sur le topic

En tout cas, merci

Reply

[Résolu]Javascript, div, visibility et position

Sujets relatifs:

Leave a Replay