[Résolu] Créer une ancre dans une autre page

[Solie]

J'ai créé ma première ancre 

Le tuto et la vidéo de Jimdo expliquant seulement comment créer une ancre dans une même page, j'ai pensé faire un lien vers la page 2 de mon ancre, en renseignant le champ Lien externe vers ma page numéro 2 dans laquelle se trouve l'ancre http: //www .mon-site-jimdo.com/page2#ancre

Edit / Arrêtez-vous là, l'astuce est bonne. Jimdo l'a d'ailleurs ajoutée à son aide depuis. C'est le moteur de recherche Swiftype qui n'est pas adapté aux sites non-responsive de Jimdo. Ce widget cause de nombreux bugs, dont les ancres qu'il fait sauter.

---

Oui, sauf que... Si je suis bien redirigée pile vers l'ancre, après une seconde, la page descend automatiquement et je me retrouve au top de cette page 2.

J'ai fini par comprendre en faisant des recherches sur le Net;

"Un autre détail qui peut avoir son importance et auquel je fut confronté récemment: Le cas des images dans la page contenant les ancres.

Une image met un certain temps à se charger. Ainsi si vous ne définissez pas la taille de votre image, lorsque la page va commencer à être chargée, l'image ne sera pas encore chargée et cette dernière n'occupera pas de place sur la page. Le navigateur vous amènera à la balise voulue sur la page bien avant que l'image n'ai été chargée.
Ensuite l'image se chargera et en se chargeant fera descendre votre page. Le lien vers l'ancre que vous aviez faite sera donc devenu "inutile" car lors du PREMIER affichage de la page, le visiteur ne sera pas mené à l'endroit souhaité.

Comme faire pour éviter ce problème? Il suffit de donner une taille fixe à votre image.
Pour cela relevez ses dimensions et rajouter les attributs "height" et "width" dans la balise <img>

<img height="424" width="492" src="../files/votre-image.gif">

Ainsi dès le premier chargement, même avant que l'image n'ai été chargée par le navigateur, celui-ci prendra en compte la taille de l'image et laissera la place nécessaire. L'image sera chargée dans l'espace alloué. Lorsque l'image sera chargée votre page ne sera donc pas descendue et votre lien vers une ancre sera pleinement fonctionnel, y compris lors du premier affichage de la page! "


Ok ! Mais je la place où cette balise ?

[FredVig]

L'astuce est excellente. Merci à toi !
(Cela ne fonctionne pas toutefois sur les anciens design) EDIT : Soiie a montré que le fautif était le plug-in Swyftype.
Je n'ai pas ce soucis de mon côté : la fenêtre s'ouvre sur l'ancre.
Il va falloir comprendre ce qui empêche cela sur ton site.

Le commentaire sur les images qui mettent du temps à se charger n'est pas pertinent à mon avis dans le cas du site en question. Le problème est ailleurs.

Sur quelle page se trouve le lien ?

[Solie]

Ah bon ? Quelle étape ne fonctionne pas ?

[FredVig]

ça n'a pas d'importance, les anciens design sont obsolètes.
c'est adapté aux nouveaux et tu as trouvé une excellente astuce !
Dis-nous où se trouve ton lien

[Solie]

Pardon, je répondais à ton premier message qui a disparu

Mon ancre est ici.

Le lien était dans About. Je l'ai désactivé en attendant de trouver comment insérer cette balise. J'ai juste relevé avec inspecteur les dimension de l'image "habillage" (réelles ou affichées ?) ainsi que son adresse, pour la balise...

[FredVig]

Tout est bien codé, c'est difficile de se tromper avec une ancre.
Est-ce que cela ne vient pas plutôt d'un rechargement de la page à cause du chargement un peu lourd de soundcloud ?
Je vois que le background de la page se charge à la fin. il est placé en "slider" (sans doute ce design inclus une image d'arrière-plan dans un module slider par défaut). Est-ce que celui-ci envoie une instruction après chargement, qui fait remonter la page ?
Dur de savoir…
Peut-être devrais-tu envisager une autre style de d'arborescence, avec un seul module soundcloud par page pour une meilleure rapidité de chargement, contournant le soucis de l'ancre.
Actuellement, il me faut plus de 3mn pour que cette page s'affiche.

[Solie]

Rassure-moi, tu as voulu écrire 3 secondes, hein !

Oui, le fond d'écran m'a valu 15 jours de test avec le support Jimdo en début d'année. Un enfer... L'image s'affichait complètement crade déformée sur tablettes. Chez moi, chez eux...

Voici les explications de Jimdo : "J'ai vérifié l'affichage de votre site sur un ipad. En effet, en mode Au hasard et Image unique, l'image est disproportionnée. J'ai eu un cas plus ou moins similaire il y a quelque temps, j'en avais parlé à un designer, et pour faire simple et ne pas vous embrouiller : le code pour ajuster l'image de fond est différent selon que vous choisissez le mode diaporama ou le mode au hasard / image unique (c'est cela qui cause l'erreur). Cette erreur est très compliquée à revoir et ne sera malheureusement pas traitée en priorité car très peu de gens sont touchés. En tout cas, nos développeurs vont travailler à une refonte de la fonction Arrière-plan pour qu'elle s'adapte à la nouvelle UI. À voir si cela réparera cette anomalie".

En choisissant plusieurs images en diaporama "slider" donc, aucun problème d'affichage. Seulement, je ne suis pas fan des background qui changent. Je trouve que ça pollue le sujet. J'ai donc tenté une seule image en mode diaporama fondu enchaîné, et là, plus de problème d'affichage. L'image semble être fixe. Tu remarques toutes mes petites bidouilles^^ C'est vrai que ça doit bien alourdir le site ! Tu me fais réaliser que c'était avec un design en menu hamburger, Roma je crois. Sur Malaga depuis, le bug n'apparaît peut-être pas. A vérifier.

J'ai pu restreindre cette page de l'ancre à trois lecteurs uniquement, en playlist, par radio, pour éviter d'avoir autant de players que de sons, soit 13 players. Ceci a été impossible pour radio & TV, sous-page de Pub. Cette dernière avec plus de 20 sons et autant de players externes est probablement la page la plus lourde du site. Ça fait malheureusement partie des inconvénients de Jimdo qui ne propose pas l'écoute des sons "uploadés".

Cependant, il me semble que les lecteurs SoundCloud arrivent immédiatement à leur place à l'affichage de la page et que c'est leur contenu (image et son) qui met deux secondes à s'intégrer inside. Je pencherais donc pour l'image "habillage" en pleine largeur qui fait un peu plus de 500 px de hauteur. Ça semble logique qu'elle se charge à la bourre et vienne décaler le point d'ancrage. Tu ne penses pas ?

Bon, le mieux est de faire un rapide test sans l'image pour être fixés. Si c'est cela, j'espère que tu m'aideras à intégrer la balise image

[Solie]

Concernant l'intégration de l'arrière plan en image unique, l'erreur de code Jimdo affecte également le design Malaga sur tablette. J'ai dû repasser mon image de fond d'écran en mode diaporama  

Tu as raison Fred, ce n'est pas l'image Habillage qui "désancre". Si ce sont réellement les lecteurs de SoundCloud, je n'ai aucune solution.

[FredVig]

Je penses que tu vas servir de test pour collecter les bug de Jimdo… !
Je ne sais pas trop d'où ça vient alors…
Il faudrait supprimer temporairement des éléments : faire un essai sur une page vierge, avec l'ancre et une image par exemple. puis rajouter les éléments de ta page un à un, pour voir lequel pose pb.

et… si, ça prend bien 3mn !

Mais de toute façon, même sans image du tout, le "moteur" du slider d'arrière-plan peut rester actif : la page s'affiche, puis, le code cherche s'il doit prévoir de charger une images de fond, et là : paf, retour en haut !

bon, à vérifier sur une page vide !

[Solie]

Oui surtout que j'en ai un beau aujourd'hui ! Mon slider références audiovisuelles ne gère plus la transparence png. Les bureaux doivent être fermés. J'ai laissé un post sur leur page Facebook

Avec tous les caches et autres connexions hors ligne nettoyés, il faut deux secondes à mon iPad Air sous safari pour afficher cette lourde page dans son intégralité. Mon vieux portable eee PC Asus de 2009 sous Windows XP réclame au pire jusqu'à 8 secondes avec firefox.

Tu es toujours en Windows 95 ? ^^ Lol, je rigole mais tu me plombes le moral, là. Trois minutes, j'hallucine... Je peux me passer d'une ancre mais je ne peux pas rester avec un site qui rame comme ça.

J'ai construit tout le site autour de ce fond d'écran. J'ai fabriqué, une à une, toutes les images du site en fonction de ce fond. Trois minutes, ou même 10 secondes, ce n'est pas possible.

Je viens de mettre un fond basique uni pour voir si c'est le moteur du diaporama qui ralentit ta machine. Peux-tu me donner ton chrono pour la page habillage s'il te plaît ?

Je vais aussi essayer ta technique de remonter la page, élément par élément, pour trouver ce qui fait sauter l'ancre  

[FilmsdeLover]

Moi, ça se charge très vite pour info.

[Solie]

Merci Et vive Firefox !

[FredVig]

Et bien, ça fonctionne mieux aujourd'hui (genre 3s) . Sans l'image de fond ? ça devait être ça le bug…
J'ai une configuration optimale, je passe ma vie sur Internet
Mais on peut toujours être victime d'un pb de connexion physique (travaux etc.)
J'ai beau lire et relire le post, je saisi mal cette histoire de fond qui pose problème.
C'est très simple au pire de le placer avec du code dans le contenant principal.

[FredVig]

Quand la situation devient impossible, il faut reconsidérer chaque étape.
"Avoir besoin d'une ancre signifie souvent qu'on a une erreur dans l'arborescence" avait coutume de dire mon instructeur- au siècle dernier. Les choses ont un peu évoluées depuis et on pourrait mal se passer d'ancre dans un site vertical en une page, mais…
En l'occurrence, le lien rtl1 propose de renvoyer le visiteur vers un endroit inconnu du site (ce n'est pas lui qui y parvient par le menu). L'idée est - je suppose - d'avoir un aperçu plus détaillé de cet aspect de ton parcours.
Je te propose une autre disposition :
Tu conserves la page "habillage", mais tu crées une page avec seulement le player rtl1, et tu la fais s'ouvrir en onglet supplémentaire, afin que le visiteur conserve son cheminement. Une fois ouverte et consultée, il sait toujours où il se trouve et retrouve son chemin une fois fermé le player RTL1. Procèdes ainsi chaque fois que la nécessité d'un "pop-up / ancre" se fait sentir. Ces pages peuvent être en navigation cachée, afin de ne pas faire double-emploi avec le cheminement d'exploration du menu, qui conduira - aussi - aux m^mes players disposés sur les pages actuelles.
Je pense qu'il est important de donner une sensation de clarté dans la structure.
Lorsqu'on commence à avoir besoin d'un moteur de recherche, d'un "plan du site", d'ancres… il faut se poser la question du cheminement visiteur, des objectifs qu'on se fixe à ce sujet.

[Solie]

Oui, le casteur doit pouvoir trouver la page habillage dans son état actuel, avec tous ses lecteurs. Et il la trouve sans aucune difficulté. Par contre, depuis About, il n'est pas nécessaire que le visiteur qui ne me connaît pas encore se tape le reste du contenu de cette page et qu'il soit obligé de cliquer une seconde fois pour obtenir le son. Dans l'idéal, il devrait juste pouvoir écouter le son qui l'intéresse. Alors oui, pourquoi ne pas le diriger sur un lecteur unique RTL1 qui se déclenche automatiquement dès lors qu'il clique sur ce mot depuis About. Moi qui ai toujours été contre le déclenchement automatique d'un son... Je vais voir si je peux mettre ceci en place. Merci pour l'idée ;-)

NB / Pour le fond personnalisé, je vais créer un topic.

[FredVig]

Même pas obligé que le lecteur soit en automatique, c'est davantage un "pour en écouter davantage, cliquez pour un aperçu…"

[Solie]

Je penses que tu vas servir de test pour collecter les bug de Jimdo… !
Je ne sais pas trop d'où ça vient alors…

Je pense que Swiftype est un sacré "trouble maker"! (fouteur de merde en langage pas poli). C'était lui le fautif. Il fera sauter vos ancres depuis n'importe quel ordinateur, il décalera les éléments vidéos et les colonnes de vos sites Jimdo... Même sur ton site Fred, il grossit tes pages à l'ouverture! Il faut dézoomer à chaque fois. Swiftype est un sacré causeur de bugs. Ne téléchargez pas ce truc, c'est une plaie pour votre site. Et de toutes façons, le tuto d'installation Jimdo n'est pas à jour.

Mon ancre est parfaitement stable à présent que j'ai desinstallé ce virus.


Il est donc très facile de créer une ancre sur une autre page avec Jimdo.

1. Suivre le tuto Jimdo pour créer votre ancre à l'emplacement voulu.
2. Faire un lien externe vers l'adresse HTML de votre ancre (voir l'exemple d'adresse sur le premier post de ce topic)

[FredVig]

C'était donc lui ! bon on va désactiver…
Merci Solange !

[Contenu sponsorisé]