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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu]Javascript, div, visibility et position

Maelkoth

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

Publicité

dwogsi

Défaillance cérébrale...

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})/

Maelkoth

Impeccable !

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

gatsu35

Blablaté par Harko

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

weed

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

gatsu35

Blablaté par Harko

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

weed

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[Résolu] chmod() et les variables $_GET['var']	[Résolu] un script ne respercte pas <form action="">
[Résolu] ][Java] Conversion d'une chaîne HTML en Unicode	Envoyer dans une autre frame des infos via javascript
Formulaire/méthode GET et action [résolu]	Javascript et IE7 : probleme de taille !
[RESOLU] Impossible de SELECT suite au lancement d'une fonction	Probleme avec javascript/ajax
[RESOLU]Log intempestif de la classe "DefaultServlet" sous Tomcat 6	Petit probleme Html RESOLU
Plus de sujets relatifs à : [Résolu]Javascript, div, visibility et position

Page générée en 0.048 secondes