Alternative à this.text pour IE 8 ?

**Odawin** · 09/01/2014, 12h17

Salut à tous,

Je me retrouve devant un petit soucis avec jQuery sur Internet Explorer 8. J'ai un script qui gère une recherche automatique pour affiner la recherche à chaque lettre tapée dans la barre de recherche. Ensuite quand je clic sur une proposition, celle-ci va dans la barre de recherche automatiquent, le truc banal qu'on voit un peu partout sur le net quoi. Pour effectuer ça j'ai le jQuery suivant :

Code :

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

1
2
3
4
$("#responseSearch a").click(function(){
		$("#txtSearchClass").val(this.text);
		$("#responseSearch").hide();
	});

Sur Firefox pas de soucis ça fonctionne bien, mais voilà, je suis obliger de développer et que le tout soit compatible et fonctionnel uniquement sur IE8, Firefox et autre, il s'en foutent, et sur IE ce code ne fonctionne tout simplement pas, mon champs de recherche reste désespérément vide :/ Lorsque je fais un alert de this.text dans cette fonction j'ai un superbe "undefined" qui s'affiche.

J'utilise jQuery 1.10.1 comme on m'a demander d'utiliser au maximum toute les dernières versions des technologies pour développer (sauf HTML5/CSS3 avec ce foutu IE 8...)

Mes recherches Google n'ont pas été très frustueuses pour résoudre ce soucis alors je me tourne vers vous pour une solution

**Bovino** · 09/01/2014, 13h51

Code :

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

$(this).text()

?

**Odawin** · 09/01/2014, 14h30

Ça ne fonctionne pas malheureusement, aussi bien sur IE que sur Firefox cette fois.

Avec cette méthode j'ai un "error on page" et dans le Developper Tools d'IE il me met "Object doesn't support this property or method" à la ligne jquery-1.10.1.min.js line5 character 25407

**Bovino** · 09/01/2014, 14h34

Il faudrait nous montrer le code HTML en rapport avec ton script...

**Odawin** · 09/01/2014, 14h40

Hum effectivement pardon, comme il était tout simple avec rien de spécial j'avais pas juger très utile de le mettre :p

Le voici :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form id="formSearchClasses" action="#" method="post">
	<p>
		<label for="txtSearchClass">Search a class :</label>
		<br />
		<input type="text" name="txtSearchClass" value="Search by name" id="txtSearchClass"/>
		<input type="button" value="Search" />
	</p>
</form>
<div id="responseSearch">
	<ul>
		<li><a href="#">Dolor lipsum amet</a></li>
		<li><a href="#">Lorem lipsum</a></li>
		<li><a href="#">Dolor sit amet</a></li>
	</ul>
</div>

**SpaceFrog** · 09/01/2014, 14h47

preventDefault() sur le click du lien ...

**Bovino** · 09/01/2014, 14h50

Ben... je sais pas comment tu t'y prends, mais chez moi, ça fonctionne correctement...

Code html :

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>text()</title>
	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
	<form id="formSearchClasses" action="#" method="post">
		<p>
			<label for="txtSearchClass">Search a class :</label>
			<br />
			<input type="text" name="txtSearchClass" value="Search by name" id="txtSearchClass"/>
			<input type="button" value="Search" />
		</p>
	</form>
	<div id="responseSearch">
		<ul>
			<li><a href="#">Dolor lipsum amet</a></li>
			<li><a href="#">Lorem lipsum</a></li>
			<li><a href="#">Dolor sit amet</a></li>
		</ul>
	</div>
	<script>
                $("#responseSearch a").click(function(){
                        $("#txtSearchClass").val($(this).text());
                        $("#responseSearch").hide();
                        return false;
                });
        </script>
</body>
</html>

Alternative à this.text pour IE 8 ?

jQuery

Vue hybride

Discussions similaires

Partager

Partager