Discussion :

[bm]

Bonjour,

J'ai une barre de menu :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="onglets19">
                <ul>
                    <li><a href="#onglet-19a">Jan-Mar</a></li>
                    <li><a href="#onglet-19b">Avr-Jui</a></li>
                    <li><a href="#onglet-19c">Jul-Sep</a></li>
                    <li><a href="#onglet-19d">Oct-Dec</a></li>
                </ul>
                <div id="onglet-19a">
                *-
                </div>
 
                <div id="onglet-19b">
                *-
                </div>

Et un script JS :

Code :

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

1
2
3
$(function() {
        $('#onglets19').tabs();
    });

Je veux ouvrir cet onglet au démarrage de la page :

<li><a href="#onglet-19d">Oct-Dec</a></li>ou <div id="onglet-19d">

[bm]

Code :

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

1
2
3
  $(document).ready( function () {
    $('#onglets19').animate({scrollTop: $("#onglet-19d").offset().top}, 'slow');
    });

C'est pas suffisant

[mathieu]

si c'est la librairie Tabs de jQuery, regardez là :
https://api.jqueryui.com/tabs/

[bm]

Merci , Jquery tabs est un widget.
C'est interroger ce widget qui est compliqué
Un lien externe direct va ouvrir le bon div avec une ancre : http://...page.php#onglet-19d

C'est ouvrir une ancre avec une fonction JS interne à la page qui est la solution
Ouvrir une ancre 'sans un clic' alors que les ancres s'activent avec un clic ...


https://wprock.fr/blog/javascript-jq...oth-scrolling/

Le scroll vers mon id='#onglet-19d' ne fonctionne pas sur ma page