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 html : 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
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>
Partager