Changer l'affichage selon navigateur

**JCMANSION** · 31/08/2011, 16h56

Bonjour

Je voudrais rendre visible ou non une table selon le navigateur
dans les balises HEAD j'ai fait ce code :

Code :

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
<script language="JavaScript">
<!--
var detect = navigator.userAgent.toLowerCase();
var OS,browser,version,total,thestring;
 
if (checkIt('konqueror'))
{
	browser = "Konqueror";
	OS = "Linux";
}
else if (checkIt('safari')) browser = "Safari"
else if (checkIt('omniweb')) browser = "OmniWeb"
else if (checkIt('opera')) browser = "Opera"
else if (checkIt('webtv')) browser = "WebTV";
else if (checkIt('icab')) browser = "iCab"
else if (checkIt('msie')) browser = "Internet Explorer"
else if (!checkIt('compatible'))
{
	browser = "Netscape Navigator"
	version = detect.charAt(8);
}
else browser = "An unknown browser";
 
if (!version) version = detect.charAt(place + thestring.length);
 
if (!OS)
{
	if (checkIt('linux')) OS = "Linux";
	else if (checkIt('x11')) OS = "Unix";
	else if (checkIt('mac')) OS = "Mac"
	else if (checkIt('win')) OS = "Windows"
	else OS = "an unknown operating system";
}
 
function checkIt(string)
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}
 
 //-->
</script>

Ensuite j'ai créé une fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function varNavig() {
	if (browser != "Internet Explorer")
	{
	document.getElementById("lireIE").style.display='block';	
	}else{
	document.getElementById("lireIE").style.display='none';
	}
}

Dans ma page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<table id="tbIE" style="display:none; border: 2px solid red">
<?php 
	echo "<script>varNavig()</script>";  
?>
	<tr>
		<td>
 
		</td>
	</tr>
</table>