Discussion :

[Canabal]

Bonjour,

Je vais tenter d'expliquer mon problème au mieux.

Mon code html se porte grossierement de la sorte :

Code html :

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

1
2
3
4
<table class="class" id="id">
.... Contenu....
<div id="id_div"></div>
</table>

Le concept est de faire apparaître la div au survol du tableau, ce que je sais faire. Le soucis vient de la dynamique des tableaux.

Chaque tableau correspond a 1 élément. Élément que je récupère via une base de donnée, et qui n'est pas fixe pour tous les utilisateurs. L'id est en rapport avec le nom de l’Élément en lui même de telle sorte que lors de l'affichage de la page :
- le nombre de table change
- le nom des id change
- l'utilisateur change

Lorsque je lis mes div au survol de la classe "class", toutes les div s'affichent (de toutes les tables donc), et je ne peux pas les lier a l'id puisque je ne connais pas a l'avance l'id des tables.
J'ai tenté de passer par du Less avec un .abstractclass(@valueid, @valuetab) lors de la creation de la table dans le html en esperant (revant, priant) que le code less serait interpreté par le lessphp et retranscrit de la bonne maniere grace a la classe abstraite du .less mais que nenni.

Je cherche donc un moyen dynamique de creer mon css au fur et a mesure de la creation des tables mais j'avoue ne pas trouver.
La deuxieme solution a laquelle je pensais, et qui m’amène a poster maintenant, ce serait un espece de type générique ou je pourrais lier deux elements ensemble sans connaitre obligatoirement leur id du moment qu'un bout de cet id est identique.

Et comme un exemple vaut mieux qu'un long discours :

Code html :

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

<table id="tab_1"><div id="div_1"></div></table>

Code :

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

#X_~ #Y_~ {...}

Ou ~ serait le denominateur commun qui m'permettrait de "lier" la div a la table de maniere générale a partir du moment ou le tilda serait identique.

Je ne pense pas que ce soit la meilleure solution. Mais c'est la seule a laquelle je pense pour l'instant, je suis donc ouvert a toute proposition autre que celle-ci si elle peut répondre a mes attentes.

D'avance je vous remercie.

[Bisûnûrs]

Le CSS répond le plus simplement à ta question : utiliser des classes :

Code html :

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

<table id="tab_1" class="table-avec-survol"><div id="div_1" class="div-a-faire-apparaitre"></div></table>

Code css :

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

1
2
.table-avec-survol .div-a-faire-apparaitre       { display:none; }
.table-avec-survol:hover .div-a-faire-apparaitre { display:block; }