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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Essai css sur iframe</title>
<style type="text/css">
<!--
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}
.page {
position:relative;
width:1024px;
margin:auto;
}
div.gauche {
float:left;
border-color:#000033 ;
border:1px;
background:#999900;
font-size:12px;
color:#fff;
width:550px;
height:500px;
}
div.droite {
float:left;
border-color:#000033 ;
border:1px;
background:#990033;
font-size:12px;
color:#fff;
width:50px;
height:500px;
margin-top:auto;
margin-bottom:auto;
text-align:center;
}
#footer {
clear:both;
border-bottom:1px solid #CCC;
}
-->
</style>
<SCRIPT LANGUAGE=Javascript>
<!--
// JavaScript Document
var tabClass = new Array("bemix_style_nom_be","bemix_style_outils","bemix_style_puce","bemix_style_titre");
function getElementsByClass(class) {
var tabElement = ifen.document.getElementsByClassName(class);
alert("il y a " + tabElement.length + " balises de type " + class + " dans ifen");
for (i=0;i<tabElement.length;i++) {
switch(class) {
case "bemix_style_nom_be":
tabElement[i].style.fontFamily = "Lucida Grande,Geneva,Arial,Helvetica,Verdana,sans-serif";
tabElement[i].style.fontWeight = "bold";
tabElement[i].style.color = "#f63";
tabElement[i].style.fontSize ="14px";
break;
case "bemix_style_outils":
tabElement[i].style.fontFamily = "Lucida Grande,Geneva,Arial,Helvetica,Verdana,sans-serif";
tabElement[i].style.fontWeight = "bold";
tabElement[i].style.color = "#a6a6a6";
tabElement[i].style.fontSize ="11px";
break;
case "bemix_style_puce" :
tabElement[i].style.fontFamily = "Lucida Grande,Geneva,Arial,Helvetica,Verdana,sans-serif";
tabElement[i].style.color = "#f63";
tabElement[i].style.fontSize ="11px";
break;
case "bemix_style_titre":
tabElement[i].style.fontFamily = "Lucida Grande,Geneva,Arial,Helvetica,Verdana,sans-serif";
tabElement[i].style.fontWeight = "bold";
tabElement[i].style.fontSize ="11px";
break;
default:
break;
}
}
}
function modifCss() {
if (document.all) {
alert("ie");
// var tabIe = getElementByName("p");
// alert("taille de document.all : " + tabIe.length);
} else {
for (c=0;c<tabClass.length;c++) {
getElementsByClass(tabClass[c]);
}
}
}
//-->
</SCRIPT>
</head>
<body onLoad="javascript:modifCss();">
<div id="page">
<div class="gauche">
<IFRAME id="ifen" name="ifen" src="iframe.html" width=500 height=450 scrolling=auto frameborder=1 > </IFRAME>
</div>
<div class="droite">
</div>
</div>
<div id="footer">
<p>Essai</p>
</div>
</body>
</html> |
