Discussion :

[_Benito_]

Bonjour,

J'ai un petit script qui me permet d'afficher / masquer un <tr> d'un tableau
Lors du premier chargement de la page, il s'affiche sans problème comme ci-dessous


Lorsque que je clique sur la checkbox pour masquer le <tr>, pas de problème il disparait


Mais quand je re-clique sur la checkbox, le <tr> ré-apparait bien mais entassé dans la 1ere cellulle uniquement, comme ci-dessous


Et la je vois vraiment pas d'ou ça vient, je me casse le crane dessus depuis un bon moment sans trouver.


Voici mon code javascript que j'utilise

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script language="JavaScript" type="text/javascript">	
function checkBoxFunction (checkBoxID) {
  var baliseChoix = document.getElementById(checkBoxID);
  if (baliseChoix.style.display == "none") {
		baliseChoix.style.display = "inline"; 
	}
	else 	baliseChoix.style.display = "none";
}
</script>

Voici le code de ma checkbox

Code :

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

<input type='checkbox' name='valide_1' value='1' onClick="javascript:checkBoxFunction('publication_1')" checked>

Et voici le code que je met sur mon <tr> qui apparait / disparait

Code :

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

<tr id='publication_1'>

En vous remerciant par avance de votre aide

[emmanuel.remy]

Salut,

Code :

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

baliseChoix.style.display = "block";

ERE

[_Benito_]

Salut,

Code :

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

baliseChoix.style.display = "block";

ERE

Salut,

Merci de ta réponse mais ça ne marche pas. J'avais déjà essayé de remplacer "inline" par "block" mais le résultat est le même.

Ce bout de code va me rendre fou

[EDIT] A noter que ça marche nickel seulement sous ie8, par contre pour tous le reste, firefox, chrome etc..., ça affiche toujours en décalage [/EDIT]

[iluv]

Si je ne m'abuse, un tr ce n'est pas un block (et ecnore moins un inline) mais un table-row non ?
http://www.w3schools.com/css/pr_class_display.asp

En espérant que ça t'aide

[_Benito_]

Si je ne m'abuse, un tr ce n'est pas un block (et ecnore moins un inline) mais un table-row non ?
http://www.w3schools.com/css/pr_class_display.asp

En espérant que ça t'aide

iluv tu es mon sauveur !!! C'etait bien ça !
Tu t'imagine pas a quel point tu m'enlève une épine du pieds

Ca marche nickel !

Merci encore

[emmanuel.remy]

iluv tu es mon sauveur !!! C'etait bien ça !
Tu t'imagine pas a quel point tu m'enlève une épine du pieds

Ca marche nickel !

Merci encore

Attention concernant IE display="table-row" ne fonctionne qu'à partir de IE8.
Faire plutôt: display=""

ERE