Pourquoi jquery (fadeIN) modifie le style de mes input

Nico_SAS · 22/02/2012, 17h41

Bonjour,
En testant les effets FadeIN dans une interface je remarque le style de la police est modifié sans que je le lui demande..

Y a t'il une explication ?
A savoir : test sous IE8 (mais je n'ai que IE8 dans mon entreprise.)

Ci apres un ptit code test pour reproduire le phénomene.

Merci

PS : un second test que même si je travaille sur un <p> c'est pareil, ce n'est pas lié qu' un input.

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
<!DOCTYPE html> 
<html>
<head>
<title> Voici une pâge contenant du javascript </title>
  <style> 
  #list_struct{font-style:bold;font-size:14px;}
  </style> 
 
</head>
	<body>
 
<form name="Form1" >
 
<div id="TEST">
<select name="list_struct" id="list_struct" class="champ_col1">
           <option value="ALL">TEST</option>
<select>
</div>
 
<div id="TEST2">
<input type="button" id="but1" value ="cache"  /> 
<input type="button" id="but2" value ="apparaitre"  /> 
</div>
</form>
 
<script language="javascript" src="jquery.js">
</script>
<script> 
 
$("#but1").click(function () {  
	$("#list_struct").fadeOut(500);
}); 
 
$("#but2").click(function () {  
	$("#list_struct").fadeIn(500);
}); 
</script> 
</body>
 
</html>

SpaceFrog · 23/02/2012, 08h39

C'est le bold qui pose souci à IE sur le fade...
Il me semble avoir déja rencontré ce souci ...

De mémoire, c'est lorsque le fond du conteneur du font bold est transparent.
le fix c'est de mettre un fond de couleur (ce qui n'est pas toujours possible

)

Voilà j'ai retrouvé le post en question
http://www.developpez.net/forums/d93...texte-sous-ie/

Nico_SAS · 23/02/2012, 15h48

apres quelques petites recherches j'ai lu qu il s'agissait d'un probleme du filtre du lissage des polices, pb sur IE8 qui peut etre resolu de cette maniere là

Code :

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

1
2
3
$("#list_struct").fadeIn(500,function(){
   this.style.removeAttribute("filter"); 
});

Merci

SpaceFrog · 23/02/2012, 15h49

Oui j'ai testé cette solution là , mais elle ne m'a pas convaincu, elle ne fonctionne pas partout.

Nico_SAS · 23/02/2012, 17h00

De mon coté ca fonctionne mais il est vrai que le lissage n'est pas immédiat du coup l'effet n'est pas tip top
si tu as autre chose encore mieux à proposer j suis preneur, mais j'ai trouvé que ca

Merci

SpaceFrog · 23/02/2012, 17h02

Le mieux que j'ai trouvé est de mettre un fond de couleur quand c'est possible.
Et lorsque ce n'est pas possible, desactiver l'effet fade pour IE

Nico_SAS · 23/02/2012, 17h56

quand tu dis desactiver l'effet fade c'est ce que j'ai fait on bien tu parles d'un reglage de IE (comment on fait ?)

merci

23/02/2012, 08h39	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 079 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 079 Points : 45 210 Points : 45 210	C'est le bold qui pose souci à IE sur le fade... Il me semble avoir déja rencontré ce souci ... De mémoire, c'est lorsque le fond du conteneur du font bold est transparent. le fix c'est de mettre un fond de couleur (ce qui n'est pas toujours possible ) Voilà j'ai retrouvé le post en question http://www.developpez.net/forums/d93...texte-sous-ie/ __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

23/02/2012, 15h49	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 079 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 079 Points : 45 210 Points : 45 210	Oui j'ai testé cette solution là , mais elle ne m'a pas convaincu, elle ne fonctionne pas partout. __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

23/02/2012, 17h02	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 079 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 079 Points : 45 210 Points : 45 210	Le mieux que j'ai trouvé est de mettre un fond de couleur quand c'est possible. Et lorsque ce n'est pas possible, desactiver l'effet fade pour IE __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

23/02/2012, 17h00	#5
Nico_SAS Invité régulier Inscription : mars 2011 Messages : 22 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : mars 2011 Messages : 22 Points : 8 Points : 8	De mon coté ca fonctionne mais il est vrai que le lissage n'est pas immédiat du coup l'effet n'est pas tip top si tu as autre chose encore mieux à proposer j suis preneur, mais j'ai trouvé que ca Merci
	00

23/02/2012, 17h56	#7
Nico_SAS Invité régulier Inscription : mars 2011 Messages : 22 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : mars 2011 Messages : 22 Points : 8 Points : 8	quand tu dis desactiver l'effet fade c'est ce que j'ai fait on bien tu parles d'un reglage de IE (comment on fait ?) merci
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email