Discussion :

[matbde]

Bonjour,

Je travaille actuellement sur un portail web propriétaire et j'aimerai masquer un élément d'une table en utilisant du CSS.

Le code est de la forme

Code html :

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

1
2
3
4
5
<div>
<table class="unique">...</table>
<table class="unique">...</table>
<table class="unique"> mon élément à masquer </table>
</div>

Les tableaux ayant tous la même classe, je ne sais comment atteindre uniquement le tableau qui m'intéresse dans ma feuille CSS


Si quelqu'un a une idée. (Je ne sais pas si il s'agit de CSS 2 ou 3)

En vous remerciant.

[redoran]

Salam ; change class en id dans

Code :

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

<table id="unique"> mon élément à masquer </table>

et applique ton css si je ne me trompe pas.

[matbde]

Merci de ta réponse.

Ma petite difficulté consiste dans le fait que je ne peux modifier l'html. C'est du code propriétaire.

Je voulais savoir en fait si c'était possible en CSS de modifier le style de la n-ième table contenue dans une div.

[Invité]

Ma petite difficulté consiste dans le fait que je ne peux modifier l'html. C'est du code propriétaire.

En CSS, ca va être difficile, voir impossible.
Si tu ne peux vraiment pas toucher le fichier html, MAIS que tu as accès à un fichier JavaScript associé à cette page :
tu peux voir du coté de getElementsByTagName()
Et si tu connais l'index de la <table> à masquer (le 1er index étant 0) :

Code javascript :

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

1
2
3
window.onload = function(){
	document.getElementsByTagName("table")[2].style.display = "none"; // masque la 3ème table
}

Au cas (fort probable) où il y a d'autres <table> (autres que class="unique") :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function(){
	var tablAll = document.getElementsByTagName("table");
	var tablUne = new Array();
	var j=0;
	for(var i=0; i<tablAll.length; i++) {
		if (tablAll[i].getAttribute("class") == "unique"){
			tablUne[j] = tablAll[i];
			j++;
		}
	}
	tablUne[2].style.display = "none"; // masque la 3ème table de class="unique"
}

ex. :

Code html :

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

1
2
3
4
5
6
7
8
<div>
<table><tr><td>autre table 01 ...</td></tr></table>
<table class="unique"><tr><td>table "unique" 1 ...</td></tr></table>
<table><tr><td>autre table 02 ...</td></tr></table>
<table class="unique"><tr><td>table "unique" 2...</td></tr></table>
<table class="unique"><tr><td>table "unique" 3 (mon élément à masquer) </td></tr></table>
<table><tr><td>autre table 03 ...</td></tr></table>
</div>

[matbde]

Merci beaucoup pour ton aide.

J'ai testé le code sur une page html test. Cela marche très bien.

Reste à essayer d'incorporer du javascript sur mon outil propriétaire. Je ne suis pas sûr que ce soit possible.

Merci beaucoup pour ton aide en tout cas