Zend FR

Salut à tous.

Je suis en train de faire divers tests sur les onglets (tabs) en JQuery.
Le contenu de chaque onglet importe peu pour la question que je vais poser ensuite.

Dans ma vue je procède ainsi :

<?php  $this->tabContainer()
    ->addPane("tabs", "Onglet 1", "contenu de l'onglet1")
    ->addPane("tabs", "Onglet 2", "Contenu de l'onglet2");
    echo $this->tabContainer("tabs", array(    'collapsible' => true,
                                        'animated'   => "easeslide",
                                        'fx' => array('opacity' => 'toggle', 'duration' => 'fast'),
                                        'spinner' => "Chargement...",
                                ),
                                array()); ?>

Cela marche quasiment... à un détail près : l'effet de fondu enchaîné entre les onglets provoque le déplacement de l'affichage de la page vers le haut !

Le plus étonnant, c'est que ça ne remonte pas totalement tout en haut de la page (les titres des onglets restent visibles en bas de page, mais guère plus).


En fait, les ancres ne fonctionnent plus vraiment :
Si je place un attribut "name" au titre placé au-dessus des onglets.

<h1>haut de la page</h1>

Divers texte avant les onglets que tout le monde attend.

<h1 name="onglets">BEAUX ONGLETS</h1>
(Idem avec <h1><a name="onglets">BEAUX ONGLETS</a></h1>)

Le code précédent

Et bien lorsque j'appelle ma page :
- http://monsite/controleur/action => la page s'affiche normalement (haut de la page)
- http://monsite/controleur/action#onglets => Cela affiche bien trop bas => on n'a pas le titre des onglets ! (Ni le titre "BEAUX ONGLETS !", d'ailleurs !)

C'est dommage parce que ça annule totalement l'intérêt de l'effet de fondu enchaîné (qui reste utilisable dans le cas d'une page où les onglets sont en haut de page, mais bon...)

L'idéal serait que, quand on clique sur le titre d'un onglet, cela affiche les onglets en haut de la page (ou du moins, le plus haut possible, si le contenu dans l'onglet n'est pas assez grand).

Si vous savez comment faire, je suis preneur.



EDIT : à noter que sans l'effet ['fx' => array('opacity' => 'toggle', 'duration' => 'fast'),] et bien quand on clique sur le titre d'un onglet, cela ne change pas la disposition de la page.
C'est bien cet effet qui pose problème.

Dernière modification par gmifsud (14-10-2010 12:36:40)