Version imprimable
Bonjour,
Je rencontre en permanence un problème d'affichage sur IE avec l'effet "pulsate" de jquery. Le texte affiché n'est pas propre, sur FF tout vas bien en revanche.
Voici les screenshots :
FF -> http://www.ipclic.com/_shareimg/goof.jpg IE ->http://www.ipclic.com/_shareimg/not_goof.jpg
Qui à une idée par hasard pour que cela s'affiche correctement ? Merci.
Bonsoir.
UI Effect Pulsate joue sur le style CSS opacity inconnu de IE. Mais selon la documentation UI, le code est compatible avec IE6 et plus.
Je viens de tester le code suivant sous IE8 et IE7 (je ne dispose pas d'IE6) et je ne vois pas de problème :
Code:
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
Je te remercie de ta réponse danielhagnoul.
En effet, ton code tel quel fonctionne bien sous IE8. En revanche en y amenant de toutes petites modifications, on se retrouve dans mon cas cité :
A) Ajout du texte en gras
B) Si on fait clignoter la div , c'est ok ; si on fait clignoter le texte, c'est plus ok
1ère modif (c'est ok):
2ième modif (c'est plus ok) :Code:
2
3
4
5
6
7
8
9
10
11
En effet mon texte étant en gras, c'est peut-être de là d'où vient le problème. Peut tu me confirmer que tu à le même problème d'affichage ?Code:
2
3
4
5
6
7
8
9
10
11
Merci.
Bonsoir.
Problème avec IE8 et IE7, le style du texte devient pâteux.
Il est important de restreindre l'effet aux paragraphes de la division d'id affiche :
Code:
2
3
4
5
6
Même avec cette modification j'ai le même bug.
As tu bien ajouté ceci afin de rendre le texte en gras ?Sinon, utilises tu vista ou xp ? Je sais que cela peut interférer parfois dans les bugs d'affichages.Code:$("p").css("font-weight","bold");
OUI, mais dans la feuille de style CSS, et comme dit ci-dessus je vois le texte pâteux ! J'utilise XP SP3.
Code:
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
Excuses moi Daniel, j'avais lu un peu trop rapidement ta réponse avec "pas de problème" :?
Le style en effet est pateux, mais je comprends pas cette modification là en fait :
Car elle me donne le même résultat (pateux) , à quoi sert le this en fait dans cette ligne ?Code:$("p", this).effect("pulsate", {times:3}, 2000);
Merci.
Bonsoir.
Cette ligne n'influence pas la qualité de l'affichage.
Ici on applique l'effet à tous les tags <p> du DOM.Code:$("p").effect("pulsate", {times:3}, 2000);
Ici on limite la portée à this qui dans l'exemple représente la division d'id affiche.Code:$("p", this).effect("pulsate", {times:3}, 2000);
Cette écriture est identique à la deuxième. Avec jQuery 1.4 elle est même recommandée car plus rapide.Code:$(this).find("p").effect("pulsate", {times:3}, 2000);
Ok merci.
De mon coté en faisant divers essais, j'ai remarqué qu'en appliquant un background à la div contenant le texte permets de rendre le texte propre.
Je n'ai fais qu'une partie des tests car j'ai plusieurs textes dans ce genre à corriger, mais il semble que ca pourrait-être une bonne voie pour faire disparaitre ce problème.
Merci daniel, je passe le problème en résolu.
Bonsoir.
Je suis heureux que vous ayez trouvé une solution, mais surpris par la nature de cette solution, car dans mon exemple la division avait un « background-color. »
Vous appliquez le « background-color » au paragraphe ?
[Edit 01h30]
J'ai eu un peu de temps pour tester et en effet il suffit de préciser la couleur du texte et la couleur du fond du paragraphe pour éviter le problème du texte pâteux. Dans mon exemple précédent, il suffit donc de modifier la feuille de style comme ceci :
Code:
2
3
4
5
6
7
8
9
10
11
Ok c'est une astuce très bonne à savoir pour les prochains travaux :ccool: