Détecter le navigateur

**Vanessa48** · 09/09/2011, 14h50

Bonjour

Quand je lance ce code (sur IE) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function varNavig() {
	if ($browser == "IE")
	{
		for (id=1; id<=32; id++){
			document.getElementById("trIE"+id).style.display="block";
			document.getElementById("trSAF"+id).style.display="none";
		}}else{
		for (id=1; id<=32; id++){	
			document.getElementById("trSAF"+id).style.display="block";
			document.getElementById("trIE"+id).style.display="none";
		}}
}

le naviguateur m'indique ce message :

Message : Cet objet ne gère pas cette propriété ou cette méthode
Ligne : 82
Caractère : 1
Code : 0

la ligne 82 est celle en rouge
Pouvez vous me dire l'erreur
Merci

**SpaceFrog** · 09/09/2011, 14h55

c'est quoi $browser ? elle vient d'ou cette variable ?

**Eric2a** · 09/09/2011, 16h09

Salut,

Sinon côté client, on peut utiliser la compilation conditionnelle.

Code :

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

1
2
3
/*@cc_on
 {ici code interprété par IE}
@*/

pour détecter que le navigateur est bien IE.

Le code

ie=/*@cc_on1-@*/0;

sera interpreté comme ceci par IE...

ie=1-0;

et pour les autres navigateurs....

ie=0;

Le résultat nous servira d'index pour le tableau ['none','block'] afin d'appliquer les valeurs correctes à la propriété display en fonctions du navigateur.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function varNavig(){
	var
		dis=['none','block'],
		ie=/*@cc_on1-@*/0,
		id;
 
	for(id=1;id<=32;id++){
		if(document.getElementById("trIE" +id))document.getElementById("trIE" +id).style.display=dis[  ie];
		if(document.getElementById("trSAF"+id))document.getElementById("trSAF"+id).style.display=dis[1-ie];
	}
}

**Vanessa48** · 09/09/2011, 16h19

Elle est dans ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var browserName=navigator.appName; 
if (browserName=="Netscape")
{ 
 $browser ="SAF";
}else{ 
 if (browserName=="Microsoft Internet Explorer")
 {
 $browser ="IE";
  }else{
  $browser ="SAF";
   }
}

Placé avant ma fonction

**roro06** · 09/09/2011, 16h27

Bonjour

la ligne 82 est celle en rouge
Pouvez vous me dire l'erreur

Il est rare qu'IE donne le bon numero de ligne dans ses messages d'erreur. D'ailleurs, il n'est question d'aucun objet à cette ligne. M'est avis que l'erreur est ailleurs dans ton code. Safari renvoie-t-il le même genre d'erreur ?

**dukej** · 09/09/2011, 16h31

As tu vraiment besoin d'avoir des DIV spécifiques pour IE ?
Et pourquoi ?

Tu n'as pas besoin d'un script qui va cacher des divs pour IE et les afficher pour les autres navigateurs et inversement. Si tu dois faire ça, c'est qu'il y a un grosse problème de conception.

On peut voir le contenu d'un div IE et de son équivalent pour les autres navigateurs ?
Et connaitre le pourquoi du comment d'un tel truc que je trouve moche ?

**Bovino** · 09/09/2011, 16h33

Ceci dit, la détection du navigateur est piégeuse car IE n'est pas nécessairement auto-compatible en fonction de ses versions.
Il m'est déjà arrivé d'avoir une page correcte avec IE6 et IE8, mais pas avec IE7. Et avec IE9, on s'approche quand même plus du comportement standard.

**Vanessa48** · 09/09/2011, 16h56

Non Safari ne renvoie pas d'erreur
J'ai fait des div spécifiques pour IE et Safari, car elle contiennent des boutons qui activent un lecteur audio

Le lecteur qui marche avec Safari ne marche pas avec IE
Et inversement

**Vanessa48** · 09/09/2011, 17h21

Peut-etre pouvez-vous m'indiquer un lecteur audio compatible IE et Safari ?
cela reglerait le problème

**Eric2a** · 09/09/2011, 17h34

C'est pour lire du mp3 ?

Si tu utilises HTML5, il y a la balise <audio> (prise en compte par les navigateurs les plus récents).

Il y a aussi les lecteurs Flash

JW Player (nécessite une license pour les sites commerciaux) ou

Neolao mp3 Player.

**Vanessa48** · 09/09/2011, 18h54

Oui c'est du mp3
j'utilise du HTML 4.01

**NoSmoking** · 09/09/2011, 19h15

essaies quand même de mettre le mot clé var dans la fonction pour déclarer ta variable id en local.
Au passage soigne ton indentation

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
function varNavig(){
  var id;
  if( $browser == "IE"){
    for( id = 1; id <= 32; id++){
      document.getElementById("trIE" + id).style.display = "block";
      document.getElementById("trSAF" + id).style.display = "none";
    }
  }
  else {
    for( id = 1; id <= 32; id++){
      document.getElementById("trSAF" + id).style.display = "block";
      document.getElementById("trIE" + id).style.display = "none";
    }
  }
}

**Vanessa48** · 12/09/2011, 09h07

NoSmoking j'ai fais la modif que tu m'indiques et cela na change rien j'ai bien le son avec Safari mais rien avec IE

**Vanessa48** · 12/09/2011, 10h51

L'erreur vient de cette fonction :

Code :

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

1
2
3
4
5
function liresound (soundFile) {
 
	 document.all.sound.src=soundFile;
 
}

J'ai plusieurs textes à lire de texte1.mp3 à texte9.mp3

Code :

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

<a href="#" onclick="Ecouter('1');liresound('texte1.mp3')"><img id="ecouterIE" src="img/btn_ecouter.png" /></a>

Comment modifier la fonction liresound et le lien ?

**Vanessa48** · 12/09/2011, 14h46

Je fais ce code :

Code :

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

1
2
3
function liresound (id) {
	document.getElementById("liresound"+id).src=soundFile;
}

et

Code :

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

<a href="#" onclick="liresound1('texte1.mp3')"><img id="ecouterIE" src="img/btn_ecouter.png" /></a>

Je n'ai pas de son
Pouvez-vous me dire ou est l'erreur
Merci

**roro06** · 12/09/2011, 15h24

Je n'ai pas de son
Pouvez-vous me dire ou est l'erreur

Là :

onclick="liresound1('texte1.mp3')"

Il n'y a pas de fonction nommée liresound1()

**vermine** · 12/09/2011, 15h27

De plus, êtes-vous sûre d'avoir un élément dont l'id est :

Code :

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

"liresoundtexte1.mp3"

?

**NoSmoking** · 12/09/2011, 19h22

la ligne 82 est celle en rouge
Pouvez vous me dire l'erreur

on est loin du soucis du départ...

**roro06** · 13/09/2011, 09h59

on est loin du soucis du départ...

Oui. Sans une vue d'ensemble, on n'y arrivera pas.

@Vanessa48 : poste ton code au complet, on y verra plus clair

**Vanessa48** · 13/09/2011, 11h09

Voici mon code complet

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
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html xmlns="http://www.w3.org/1999/xhtml xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Cp1252"/>
<script language="JavaScript" type="text/javascript">
var browserName=navigator.appName; 
if (browserName=="Netscape")
{ 
 $browser ="SAF";
}
else 
{ 
 if (browserName=="Microsoft Internet Explorer")
 {
 $browser ="IE";
  }
 else
  {
  $browser ="SAF";
   }
}
</script>
</head>
<script language="JavaScript" type="text/javascript">
function Lire(id)
{
alert(id)	
document.getElementById(id).style.display='block';
}
function Ecouter(id)
{
 
document.getElementById(id).style.display='none';
}
function Sound(id)
{
 
document.getElementById(id).style.display='block';
document.getElementById("ecouterSAF"+id).src="img/btn_ecouter_OK.png";
document.getElementById("lireSAF"+id).src="img/btn_lire.png";
}
function NoSound(id)
{
 
document.getElementById(id).style.display='none';
document.getElementById("lireSAF"+id).src="img/btn_lire_OK.png";
document.getElementById("ecouterSAF"+id).src="img/btn_ecouter.png";
}
 
function liresound (soundFile) {
document.getElementById("liresound").src=soundFile;
document.getElementById("ecouterIE"+id).src="img/btn_ecouter_OK.png";
document.getElementById("lireIE"+id).src="img/btn_lire.png";
} 
function arretsound (soundFile) {
document.all.sound.src="";
document.getElementById("lireIE"+id).src="img/btn_lire_OK.png";
document.getElementById("ecouterIE"+id).src="img/btn_ecouter.png";
} 
function varNavig() {
	var id;
	if ($browser == "IE")
	{
		for (id=1; id<=32; id++){
			document.getElementById("tbIE"+id).style.display="block";
			document.getElementById("tbSAF"+id).style.display="none";
		}
	}else{
		for (id=1; id<=32; id++){	
			document.getElementById("tbSAF"+id).style.display="block";
			document.getElementById("tbIE"+id).style.display="none";
		}
	}
}
</script>
<div data-role="page" data-theme="b">
<div data-role="content" data-theme="b">
<table style="text-align: left">
<tr>
<td Colspan=2>
<img src="image1.jpg" width="100px" height="141.6px"/>
</td>
</tr>
<tr>
<td>
<table id="tbIE1" style="display:none; border: 2px solid red">
<tr>
<td>
<a href="#" onclick="Lire('1');arretsound()"><img id="lireIE" src="img/btn_lire.png" /></a>
</td>
<td>
<a href="#" onclick="Ecouter('1');liresound('texte1.mp3')"><img id="ecouterIE" src="img/btn_ecouter.png" /></a>
</td>
</tr>
</table>
<table id="tbSAF1" style="display:none; border: 2px solid blue">
<tr>
<td>
<a href="#" onclick="Lire('1');NoSound('Sound1')"><img id="lireSAF" src="img/btn_lire.png" /></a>
</td>
<td>
<bgsound id="sound" src=""></bgsound>
<a href="#" onclick="Ecouter('1');Sound('Sound1')"><img id="ecouterSAF" src="img/btn_ecouter.png" /></a>
</td>
</tr>
</table>
<script type="text/javascript">varNavig();</script> 
</td>
</tr>
</table>
<div id="Sound1" style="display:none; text-align: center; height:30px; border: 2px solid red">
<embed id="audio" src="texte1.wav" style="height:30px; ">
</div>
<div id="1" style="display:none; text-align: left;">
	<!—Texte 1 -->
</div>
 
<table style="text-align: left">
<tr>
<td Colspan=2>
<img src="image2.jpg" width="100px" height="141.6px"/>
</td>
</tr>
<tr>
<td>
<table id="tbIE2" style="display:none; border: 2px solid red">
<tr>
<td>
<a href="#" onclick="Lire('2');arretsound()"><img id="lireIE" src="img/btn_lire.png" /></a>
</td>
<td>
<a href="#" onclick="Ecouter('2');liresound('texte2.mp3')"><img id="ecouterIE" src="img/btn_ecouter.png" /></a>
</td>
</tr>
</table>
<table id="tbSAF2" style="display:none; border: 2px solid blue">
<tr>
<td>
<a href="#" onclick="Lire('2');NoSound('Sound2')"><img id="lireSAF" src="img/btn_lire.png" /></a>
</td>
<td>
<bgsound id="sound" src=""></bgsound>
<a href="#" onclick="Ecouter('2');Sound('Sound2')"><img id="ecouterSAF" src="img/btn_ecouter.png" /></a>
</td>
</tr>
</table>
<script type="text/javascript">varNavig();</script> 
</td>
</tr>
</table>
<div id="Sound2" style="display:none; text-align: center; height:30px; border: 2px solid red">
<embed id="audio" src="texte2.wav" style="height:30px; ">
</div>
<div id="2" style="display:none; text-align: left;">
	<!—Texte 2 -->
</div>
 
	<!—Code pour 3 à 10 -->	
	</div>
</div>

J'ai 10 rubriques pour ecouter les texte de 1 a 10

Détecter le navigateur

JavaScript

Discussions similaires

Partager

Partager