JQuery: historique navigateur

(reprise du message précédent)

...bon bon bon... ça se corse...

Juste pour info, rien n’a changé après avoir passé en revue les trois points que tu énonces, toujours le même problème avec Chrome et un problème supplémentaire est apparu avec Safari.
Je pars du principe que tu t’es basé sur la page que je t’ai envoyée par message privé, qui est donc celle-ci.

1.
J’ai déplacé la commande console.log à l’intérieur de la fonction hashchange et tous les navigateurs Safari, Chrome et Firefox me renvoient le message souhaité, donc de ce côté-là cela semble fonctionner.
La console d’Opera je ne l’ai pas trop comprise et IE je n’ai pas essayé.

2.
J’ai placé dans l’ordre les différents scripts comme tu m’as indiqué de faire.
Pour faire moins chaotique je vais placer tous mes scripts dans le fichier portfolio.js

3.
Concernant le statut actif des liens de mon menu, j’ai remplacé le code que tu m’as envoyé. Cela fonctionne, mais un nouveau problème est apparu et ce problème n’est présent que sous Safari. Quand je clique sur une vignette de la galerie (peu importe si elle est filtrée ou non) je passe bien à la page suivante mais au retour dans l’historique la vignette est restée en couleur et l’image de remplacement disparait au survol de souris (cela dépend du script, je l’explique plus bas).
Je peux donc en déduire que mon script qui a pour fonction de remplacer une image par une autre ne fonctionne plus convenablement sous Safari et rentre en conflit avec ton code.

Petite parenthèse : comme je t’ai écrit dans le message privé, j’ai changé de script pour le survol des vignettes avec la souris en pensant que c’était la cause de mon problème sur l’iPad.
Le problème sur l'iPad: quand je clique sur une vignette de ma galerie celle-ci disparait.

Voici le premier script que j’ai utilisé pour le remplacement d’une image par une autre et qui se trouve à cette adresse:
http://test.iorbita.net/iorbita_site_copy5/pages/portfolio/iorbita-portfolio.html

   /* start change image*/
    $('img').bind('mouseenter mouseleave', function () {

        $(this).attr({
            src: $(this).attr('data-other-src'),
            'data-other-src': $(this).attr('src')
        });


    });
    /* end change image*/

Dans ce cas-ci, au retour dans l’historique la vignette est restée en couleur.


Voici le deuxième script que j’ai utilisé pour le remplacement d’une image par une autre et qui se trouve à cette adresse:
http://test.iorbita.net/iorbita_site_copy6/pages/portfolio/iorbita-portfolio.html

    /* start change image*/

    function HoverImgOf(filename) {
        var re = new RegExp("(.+)\\.(gif|png|jpg)", "g");
        return filename.replace(re, "$1_hover.$2");
    }

    function NormalImgOf(filename) {
        var re = new RegExp("(.+)_hover\\.(gif|png|jpg)", "g");
        return filename.replace(re, "$1.$2");
    }

    $(".imgHoverable").hover(function () {
        var hoverImg = HoverImgOf($(this).attr("src"));
        $(this).attr("src", hoverImg);
    }, function () {
        var normalImg = NormalImgOf($(this).attr("src"));
        $(this).attr("src", normalImg);
    });

    /* end change image*/

Dans ce cas-ci, au retour dans l’historique la vignette est restée en couleur et disparait au survol de la souris.

En fin de course les deux scripts qui ont pour fonction de remplacer une image par une autre ne changent rien au problème sur l’iPad
ET
cela ne change rien non plus concernant le problème avec Safari, ton nouveau code rentre en conflit avec les deux scripts ... heu... je me suis un peu répété mais c’est pour être le plus clair possible...

... donc voilà où j’en suis.
Modifié par porcini (08 Aug 2012 - 13:06)