Discussion :

[JanKristof]

Bonjour

J'utilise jquery.tabs.pack.js sur mon site mais je ne connais rien au javascript.

Je voudrais savoir si on peut faire en sorte que lorsqu'on clique sur un des 10 titres d'articles sous l'article mis à la une, la page reste à l'endroit où elle est sans "sauter" pour se repositionner.

Espérant avoir été assez clair.

Merci de vos réponses.

[SpaceFrog]

quel est l'intéret du lien hypertexte alors ???

[JanKristof]

Arf, je savais que j'étais pas très clair ...


En gros j'ai 11 articles à la une, 1 pris au hasard est mis en exergue et les 10 autres dessous. Le lien permet de changer l'article en exergue avec son résumé et son lien lire la suite.

Lorsqu'on arrive en page d'accueil, on a le bandeau visible, les 2 onglets Les derniers articles... et ...et les autres, l'article en exergue et les 10 autres. C'est bien.

Mais si on clique sur l'un des 10 articles, la page "saute" pour positionner en haut de page le haut de l'article en exergue et on ne voit plus le bandeau et les onglets. C'est pas bien.

Donc je voudrais faire en sorte que la page ne saute plus, voilà.

[Bovino]

Dans l'idée, il faut annuler l'action du href avec un return false après la fonction qui met à jour ta page pour éviter d'aller se positionner au niveau de l'ancre.

[JanKristof]

Ok, je comprends bien l'idée mais comme sorti du HTML et du CSS, je suis une bille, je ne vois pas comment réaliser la chose.

[Bovino]

Montres-nous le code d'appel de ta fonction

[JanKristof]

Le fichier .js est appelé dans le head de façon classique

Ensuite c'est un jeu de css : les articles sont dans un div
<div id="section-#ID_ARTICLE" class="fragment"> où seul le premier est montré et les autres cachés

puis les articles sont de nouveau appelés dans une liste

Code :

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

1
2
3
4
<ul class="anchors">
    <li>
      <a href="#section-#ID_ARTICLE" tabindex="#ID_ARTICLE">
...

[SpaceFrog]

Code :

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

<a href="#" tabindex="#ID_ARTICLE">

[JanKristof]

Raté !

J'avais essayé aussi avec

Code :

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

1
2
 
<a href="#top" tabindex="#ID_ARTICLE">

et un id=top pour le body

Mais dans les 2 cas, si l'affichage ne "saute" plus, l'article en exergue disparait au réaffichage.

[Bovino]

A priori, jQuery faisant appel aux eventListeners pour la gestion de événements, si tu plugin est bien codé un

Code :

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

<a href="#" onclick="return false" tabindex="#ID_ARTICLE">

devrait suffire.

[JanKristof]

Eh ben non !

Et ce n'est pas un plugin, c'est juste un script jquery.tabs.pack.js appelé dans le head.

Et quand je fais ce que tu dis, le bloc de l'article en exergue se replie mais ne se déplie pas avec le nouvel article demandé.

[JanKristof]

C'est bon, j'ai trouvé !

Code :

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

1
2
 
<a href="adressedusite#section-#ID_ARTICLE" tabindex="#ID_ARTICLE">

Merci beaucoup pour l'aide et d'avoir mis le doigt sur l'endroit où ça coinçait.