Alternative à this.text pour IE 8 ?

Version imprimable

09/01/2014, 12h17
Odawin

Alternative à this.text pour IE 8 ?
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:

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 :)
09/01/2014, 13h51
Bovino

Code:

$(this).text()

?
09/01/2014, 14h30
Odawin

Ç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
09/01/2014, 14h34
Bovino

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

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:

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>

09/01/2014, 14h47
SpaceFrog

preventDefault() sur le click du lien ...

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

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
<!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>

09/01/2014, 14h52
Bovino

Citation:

Envoyé par SpaceFrog

preventDefault() sur le click du lien ...

Oui... mais pas réellement nécessaire pour le bon fonctionnement puisque le lien est en "#". ;)
09/01/2014, 14h57
SpaceFrog
il n'y a plus de navigateurs qui rechargent avec un # ?
Code:

1 2 3 4 5 6 7 <script> $("#responseSearch a").click(function(e){ e.preventDefault(); $("#txtSearchClass").val($(this).text()); $("#responseSearch").hide(); }); </script>
a priori les dernières version de jquery déconseillent l'utilisation du return false (message d'avertissement en console "deprecated" use preventDefault ...)
09/01/2014, 15h03
Odawin

Bon ben ça doit venir d'une bizarrie sur ce PC alors... quand je fait $(this).text ça ne fonctionne ni sur IE ni sur Firefox, lorsque je met preventDefault ça ne change absolument rien au soucis non plus ^^'

J'ai bien l'impression de me retrouver dans une impasse là...
09/01/2014, 15h05
SpaceFrog

Citation:

quand je fait $(this).text

ATTENTION !
$(this).text != $(this).text().

this =element du DOM auquel on peut appliquer les methodes js applicables aux element de DOM comme .text

$(this) = objet jquery auquel on ne peut appliquer que des methodes jquery comme .text()
09/01/2014, 15h11
Odawin

Effectivement ça fonctionne tout de suite mieux avec les parenthèses, la prochaine fois j'ouvrirai un peu mieux mes yeux, ça m'évitera de passer pour un boulet en puissance... xD

Merci beaucoup de l'aide ! :)