Modifier les valeurs des propriétés d'un sélecteur
Bonjour,
J'avais ouvert une discussion équivalente et je voudrais la supprimer car je me suis mal expliqué ce qui a entrainé des réponses hors sujet. Est-ce possible ? Je l'ai fermée ....
Voici mon script ci-dessous.
Entre les lignes 5 à 12 j'ai la description de la classe .ladiv
Cette classe sert à afficher le <div ... > de la ligne 51 et c'est correct.
Autour des lignes 29 à 34 je voudrais écrire des instructions qui permettent de changer les valeurs des propriétés de la classe .ladiv.
SVP Comment écrire une ligne pour ce faire ? J'ai trouvé sur Internet plusieurs exemples que j'ai essayés de reproduire mais je ne réussis pas à obtenir le résultat espéré. Où est l'erreur de ma part ?
Merci de vous en tenir à ce point. Je sais que les puristes vont trouver des choses à redire sur d'autres points du script. Je sais que je ne suis pas forcément à la mode et que je n'ai pas suivi les dernières normes !!. Mais hormis le point signalé, le reste tourne correctement.
Marcel Marie
Code:
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
| <html>
<head>
<title></title>
<style type="text/css">
.ladiv
{
position: absolute;
top: 100px ;
left: 60px ;
width: 900px;
height: 1200px;
}
</style>
</head>
<body>
<script type="text/javascript">
if (document.body)
{
var larg = (document.body.clientWidth);
var haut = (document.body.clientHeight);
}
else
{
var larg = (window.innerWidth);
var haut = (window.innerHeight);
}
document.write("Cette fenêtre fait " + larg + " de large et "+haut+" de haut");
var divTest = document.getElementById("ladiv");
divTest.style.top = "300px";
divTest.style.left = "600px";
//document.getElementById("ladiv").style.top = "300px";
//document.getElementById("ladiv").style.left = "600px";
</script>
<script language="javascript">
function showLayer(sName) {
if (self.document.all)
self.document.all[sName].style.visibility = "visible" //hidden
else
self.document.layers[sName].visibility = "show"; //hide
}
function hideLayer(sName) {
document.getElementById(sName).style.visibility="hidden";
}
</script>
<!--<div id="texte" class="texte" style="position: absolute; top: 100; left: 300; width: 900; height: 1200"> -->
<div id="texte" class="ladiv" style="position: absolute" >
<table border="1">
<tr>
<td bgcolor="#7CFC00"><font color="#000000">Juste pour un essai à transformer</font></td>
</tr>
<tr>
<td colspan="2" bgcolor="#7CFC00" bordercolor="#FF0000"><font color="#00FF00"><a style="color: red" href="javascript:hideLayer('texte');"><b><p align="center">Cliquer ICI supprime cette Fenêtre </p></b></a></font></td>
</tr>
</table>
</div>
</body>
</html> |
