Discussion :

[youcef81]

Bonjour

j'ai une table (html) qui contient des information (des taches a faire , des dates, des personnes).
a un moment donné je veux dessiner sur cette table une sorte de calque d'une couleur clair avec opacité pour dire que ces taches sont desactivées,
et ecrire un mot sur ce calque.

Comment commencer ? j'ai pas d'idée encore.

merci.

[Bisûnûrs]

Tu peux changer la couleur de la ligne <tr> en la mettant en gris, par exemple, dans le cas où la tâche est désactivée.

[youcef81]

merci pour votre reponse
mais je veux afficher quelque chose qui apparait au dessus de ma table
c-a-dire ma table en arriere plan et la caluque en avant (le calque sera d'une couleur clair transparente)
je sais pas si je suis assez clair ?

[youcef81]

en d'autre terme je pense au superposion des caluques ou div avec possibilité de changer l'opacité des div.

quelqu' un a déja travaillé avec ça ?

[Bisûnûrs]

Tu peux regarder du côté des propriétés CSS :


Positionner un calque en superposition :
- position:absolute
- top:0
- left:0

Opacité (ne passe pas le validateur CSS) :
- opacity:0.5
- -moz-opacity:0.5
- -khtml-opacity:0.5
- filter:alpha(opacity=50)

[youcef81]

merci
ça marche avec 'filter:alpha(opacity=50)'

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<script type='text/javascript'>
function On ()
    {
        document.getElementById('div').style.filter = 'alpha(opacity=100)';
        }
 
        function Off ()
    {
        document.getElementById('div').style.filter = 'alpha(opacity=30)';
        }
</script>
<div id='div' style='background-color:#ffaa00;width:100px;height:100px;position:absolute'>
 
<table border='1' style='background-color:#ff00ff; position:absolute;z-index:1'>
    <tr>
      <td>Test</td>
	  <td>Test</td>
	</tr>
	<tr>
      <td>Test</td>
	  <td>Test</td>
    </tr>
 
</table>
</div>
<br><br><br><br><br><br>
<input type='button' onclick='On()' value='On'>
<input type='button' onclick='Off()' value='Off'>

voici un petit test, maintenant je veux ecrire un texte au milieu de div , au dessus du tableau quand il est desactivé, text =' La table est désactivé '

Comment specifier que le div est en avant plan et le tableau en arriere ?