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