[jquery]Trouver la valeur par defaut de propriétés css selon les navigateurs.
Qui n'a pas un jour pesté contre tel ou tel navigateur à cause des différences de valeur par défaut des propriété css...
Je me suis fait un petit outil qui me permet de vite retrouver les petits.
il suffit d'ouvrir la page dans le navigateur concerné, de taper le nom de la balise et d'envoyer ...
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
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>d</title>
<style type="text/css">
body {font: verdana;}
</style>
<script type="text/javascript" src="Script/jquery-1.4.2.min.js"></script>
<script type='text/javascript'>
function cssprops(){
var tagnom=document.getElementById('mytag').value
var newtag=document.createElement(tagnom)
newtag.id="foo"
document.body.appendChild(newtag)
var i=-1;
result=""
$('#foo').each(function(){
liste=new Array();
temptag=$(this)
//alert(temptag[0].tagName)
if (temptag[0].style){
for (styl in temptag[0].style){
liste.push(" "+styl+' : '+$(this).css(styl))
}
liste.sort()
result+='<b style="color:red">'+temptag[0].tagName +'</b><br/>'+liste.join('<br/>')+'<hr/>'
}
})
document.getElementById('res').innerHTML=result
}
</script>
</head>
<body>
Tapez un tagName : <input type='text' id="mytag" value="" />
<input type='button' onclick="cssprops()" value="lister les styles" />
<div id="res"></div>
</body>
</html> |
