17-09-2008, 12:15 PM
Les navigateurs ne prennent pas en compte les mêmes éléments.
Ie attend une syntaxe Javascript camelCase, et Firefox et Opera la syntaxe CSS
Un petit workaround qui ne marche pas dans tous les cas, mais suffit amplement je pense :
Ie attend une syntaxe Javascript camelCase, et Firefox et Opera la syntaxe CSS
Un petit workaround qui ne marche pas dans tous les cas, mais suffit amplement je pense :
Code PHP :
<?php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="author" content="">
<title>Untitled 1</title>
<style type="text/css">
#test {
width: 50px;
height: 40px;
background-color: #0000FF;
}
</style>
<script type="text/javascript">
function getStyle(el,styleProp)
{
var x = document.getElementById(el);
// IE
if (x.currentStyle)
var y = x.currentStyle[styleProp];
// Mozilla, Opera
else if (window.getComputedStyle)
var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
return y;
}
</script>
</head>
<body>
<div id="test">
</div>
<a href="#" onclick="alert(getStyle('test', 'width'));return false;">TEST</a>
</body>
</html>