Bonjour à tous!

j'aimerais, au clic d'une balise (la #blog dans l'exemple qui suit), déclencher deux événements. Un événement fadeout et un load.


Mon problème est que cela fonctionne sur Mozilla mais pas IE...
Le code est le suivant.

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
    $("#blog").click(function() {
     $("#page").fadeOut(1600); 
$('#periph').load('/wordpress/?page_id=127 #page'); 

    });

});
</script>

Et autre question (mais à la limite c'est accessoire), est-il possible d'associer un Fadein à Load?

Déjà ce ne sont pas vraiment des événements.

Regarde sur IE si il y a des erreurs dans la console ? Pourquoi tu dis que ça marche pas ? Quel est le problème ?

Bien sûr que tu peux associer un fadeIn() et un load().

$('#periph').hide().load('/wordpress/?page_id=127 #page').fadeIn();

résolu grâce à ta ligne... avec un delay car le temps de chargement de la page rendait le fade un peu moche...

merci!

Ah c'était juste ça. Le truc à ne pas oublier, pour faire un fadeIn() il faut que ton élément soit préalablement caché car sinon c'est sûr que tu verras pas le résultat (afficher un élément déjà affiché).

et sinon après le load sous ie l'écriture est toute frippée...(?)

Mais encore ?

après le load, sous ie, la police de caractère est pas nickel; elle a comme des frisures. trop zarb.

Screen ?

en fait c'est après le fade que la police devient non lisse... visiblement un bug de Jquery... J'ai trouvé cette page
http://jquery-howto.blogspot.com/2009/ [...] dein-and.html

mais je n'arrive pas à appliquer la correction à mon bout de code.

Montre le code que tu as essayé de faire. J'peux pas le deviner...

Le code est le suivant. Le problème de lissage de police est suite au fadein sur #periph mais aussi sur le fadeout sur #main.

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
    $("#liens").click(function() 
	{ 
    $('#periph').hide().load('/wordpress/?page_id=21 #page').delay(500).fadeIn(2300); 
    }); 
    $("#croix").live('click', function() {
        $("#main").fadeOut(1600);
    });
});
</script>

Pour le fadeIn() essaye ça :

jQuery.noConflict();
jQuery(document).ready(function($) {
    $("#liens").click(function() {
        $('#periph').hide().load('/wordpress/?page_id=21 #page').delay(500).fadeIn(2300, function() {
            this.style.removeAttribute('filter');
        });
    });
    $("#croix").live('click', function() {
        $("#main").fadeOut(1600);
    });
});

mmmh ça marche pas... ça frise toujours. J'ai trouvé une propriété en css3 font-smooth, mais même avec font-smooth:always ça marche pas....

Retire le delay() et enlève le 2300 que tu remplaces par "slow". Le problème persiste ?

oui ça persiste...

Mais je pense avoir trouvé un début de réponse. Visiblement le problème vient du système d'exploitation et des propriétés d'affiches :

http://www.developpez.net/forums/d1059 [...] rome-firefox/

clic droit sur le bureau
-> proprietés
-> apparence
-> effets
-> cocher "utiliser la méthode suivante pour lisser les bords des polices d'écran"
-> sélectionner ClearType dans la liste


Mais si l'utilisateur n'a pas fait cette manip, il verra un contenu un peu pourri...

Étonnant je n'ai jamais vu ce type de problème. :s

en fait ton code fonctionne bien sous IE 7, il rend la police nickel! ... mais fait apparaitre un nouveau problème : les fade in et fade out sont rendus inopérant sur Moz (et pas sous IE)

j'ai par ailleurs poster un nouveau sujet car les fade Out, Load, et fade In empiètent (uniquement sous IE)...

Mon code en est là:

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) 
{
    $("#liens").click(function() 
{ 
      $('#periph').fadeOut(1600).delay(1600).load('/wordpress/?page_id=21 #page').fadeIn(2300, function() {
            this.style.removeAttribute('filter');
        }); 
    });
});
</script>