script pour garder un onglet ouvert

Mon site SPIP 3.2 a plusieurs onglets

C’est bâti avec https://www.w3schools.com/w3css/w3css_tabulators.asp

Si je mets une pagination ou un formulaire de recherche avec #SELF (pour avoir les résultats sur la même page), l’onglet ou je suis (si ce n’est pas le premier) ferme.
Je retourne l’ouvrir et les infos souhaités (résultats de la recherche ou résultats de la pagination sont bien là.

Je suis convaincue qu’on peut mettre un script pour laisser l’onglet ouvert mais je ne sais pas quoi chercher.

Merci de vos conseils

RP

Le 25/03/2020 à 19:14, Renée Picard a écrit :

Mon site SPIP 3.2 a plusieurs onglets
C'est bâti avec W3.CSS Tabs

Si je mets une pagination ou un formulaire de recherche avec #SELF (pour avoir les résultats sur la même page), l'onglet ou je suis (si ce n'est pas le premier) ferme.
Je retourne l'ouvrir et les infos souhaités (résultats de la recherche ou résultats de la pagination sont bien là.

Je suis convaincue qu'on peut mettre un script pour laisser l'onglet ouvert mais je ne sais pas quoi chercher.
Merci de vos conseils
RP

tabpager est ton ami

Sinon, une autre piste : insérer les différents onglets sous forme d'inclusion ajax : le rechargement ne devrait concerner que l'inclusion, donc garder ouvert l'onglet (à tester)

J’ai installé tabpagger et je l’ai essayé mais cela ne correspond pas parfaitement à mon besoin.
Voici une partie du code:

Onglet 2: présente toutes les sous-rubriques et tous les articles.

C’est un bloc dépliable dans un onglet

#BLOC_TITRE_DEBUT{projets}
Les articles
#BLOC_TITRE_FIN

puis ailleurs dans la page
#BLOC_DEBUT{projets}
<INCLURE{fond=modeles/art}{env}{ajax} />
#BLOC_FIN

et dans modeles/art.html
<B_articles>

Les contenus sans mot-clé

#TRI{>,'↑',ajax} | #TRI{<,'↓',ajax} |#TRI{titre,'Trier par titre',ajax} | #TRI{date,'Trier par date',ajax} |

#ANCRE_PAGINATION

Salut

Le 25/03/2020 à 19:14, Renée Picard a écrit :

Mon site SPIP 3.2 a plusieurs onglets
C'est bâti avec W3.CSS Tabs

Pour info, jQuery (et donc SPIP) propose des onglets : Tabs | jQuery UI
Et tu as l'option active : Tabs Widget | jQuery UI API Documentation

Ça ne répond pas précisément à ta question, mais si colle à ton besoin, ça vaudrait sans doute le coup de passer par là (natif avec SPIP, compatibilité et pérennité de jQuery, pas de scripts exotiques...)

             jeanmarie

J’ai essayé sur une autre page de mon site les tabs avec jquerry.
J’ai testé toutes sortes de script
Rien n’y fait.
Avec un tab normal

L’onglet se ferme si je fais un tri.

L’onglet se ferme si je clique sur la pagination.
Dans le fond j’aimerais avoir des onglets qui se ferment uniquement si je clique sur un X pour le fermer.
Je ne sais pas quoi chercher pour que cela fasse une fermeture manuelle!

Merci

Le jeu. 26 mars 2020 à 03:19, Jean Marie Grall <jeanmarie.listes@cousumain.info> a écrit :

Salut

Le 25/03/2020 à 19:14, Renée Picard a écrit :

Mon site SPIP 3.2 a plusieurs onglets
C’est bâti avec https://www.w3schools.com/w3css/w3css_tabulators.asp

Pour info, jQuery (et donc SPIP) propose des onglets :
https://jqueryui.com/tabs/
Et tu as l’option active : https://api.jqueryui.com/tabs/#option-active

Ça ne répond pas précisément à ta question, mais si colle à ton besoin,
ça vaudrait sans doute le coup de passer par là (natif avec SPIP,
compatibilité et pérennité de jQuery, pas de scripts exotiques…)

jeanmarie


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

peu être la lecture de pourra t’inspirer ?

Le 26/03/2020 à 22:02, Renée Picard a écrit :

J'ai essayé sur une autre page de mon site les tabs avec jquerry.
J'ai testé toutes sortes de script
Rien n'y fait.
Avec un tab normal
<script>
$( "#tabs" ).tabs();
</script>
L'onglet se ferme si je fais un tri.
L'onglet se ferme si je clique sur la pagination.
Dans le fond j'aimerais avoir des onglets qui se ferment uniquement si je clique sur un X pour le fermer.
Je ne sais pas quoi chercher pour que cela fasse une fermeture manuelle!
Merci

Je vais peut-être être "lourd", mais en quoi le script jQuery tabpager ne fait-il pas correctement le job ? N'est-ce pas ce comportement que tu recherches ?

https://www.jqueryscript.net/demo/Lightweight-jQuery-Tabbed-Content-Pagination-Plugin-TabPager/

Tabpager ne me permet pas de mettre dans un même onglet une boucle article avec pagination, une boucle rubrique avec pagination et une boucle sites avec pagination
De plus j’ai besoin que tout ceci soit dans l’onglet 2.
Seul l’onglet 1 est ouvert au départ. Il contient ce que je dois afficher au départ donc je ne peux changer.

Le ven. 27 mars 2020 à 03:38, Manu <manu@mine-de-rien.fr> a écrit :

Le 26/03/2020 à 22:02, Renée Picard a écrit :

J’ai essayé sur une autre page de mon site les tabs avec jquerry.
J’ai testé toutes sortes de script
Rien n’y fait.
Avec un tab normal

L’onglet se ferme si je fais un tri.
L’onglet se ferme si je clique sur la pagination.
Dans le fond j’aimerais avoir des onglets qui se ferment uniquement si
je clique sur un X pour le fermer.
Je ne sais pas quoi chercher pour que cela fasse une fermeture manuelle!
Merci

Je vais peut-être être « lourd », mais en quoi le script jQuery tabpager
ne fait-il pas correctement le job ? N’est-ce pas ce comportement que tu
recherches ?

https://www.jqueryscript.net/demo/Lightweight-jQuery-Tabbed-Content-Pagination-Plugin-TabPager/


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Le 27/03/2020 à 20:25, Renée Picard a écrit :

Tabpager ne me permet pas de mettre dans un même onglet une boucle article avec pagination, une boucle rubrique avec pagination et une boucle sites avec pagination

Il y a un truc qui doit m'échapper : en quoi tabpager empêche-t-il qu'il y ait plusieurs boucles dans le même onglet ?

Le 27/03/2020 à 22:41, Emmanuel GUILLEMONT a écrit :

Le 27/03/2020 à 20:25, Renée Picard a écrit :

Tabpager ne me permet pas de mettre dans un même onglet une boucle article avec pagination, une boucle rubrique avec pagination et une boucle sites avec pagination

Il y a un truc qui doit m'échapper : en quoi tabpager empêche-t-il qu'il y ait plusieurs boucles dans le même onglet ?

ah, désolé... je viens de faire un essai de mon côté et effectivement la pagination à l'intérieur ne fonctionne pas correctement.
Désolé d'avoir proposé une mauvaise piste

Est-ce que le fonctionnement du bloc "REVUE DU WEB" présent sur
http://a2c.mdr.zd.fr
est celui que tu cherches ?

Pour http://a2c.mdr.zd.fr ma réponse est oui en partie. La page fais comme un zoom sur le contenu du bas puis ça montre la page suivante de REVUE DU WEB.

Le ven. 27 mars 2020 à 18:53, Manu <manu@mine-de-rien.fr> a écrit :

Le 27/03/2020 à 22:41, Emmanuel GUILLEMONT a écrit :

Le 27/03/2020 à 20:25, Renée Picard a écrit :

Tabpager ne me permet pas de mettre dans un même onglet une boucle
article avec pagination, une boucle rubrique avec pagination et une
boucle sites avec pagination
Il y a un truc qui doit m’échapper : en quoi tabpager empêche-t-il qu’il
y ait plusieurs boucles dans le même onglet ?

ah, désolé… je viens de faire un essai de mon côté et effectivement la
pagination à l’intérieur ne fonctionne pas correctement.
Désolé d’avoir proposé une mauvaise piste

Est-ce que le fonctionnement du bloc « REVUE DU WEB » présent sur
http://a2c.mdr.zd.fr
est celui que tu cherches ?


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Toujours sur http://a2c.mdr.zd.fr j’aimerais que ce soit comme sur les annonces ou publications récentes

Le sam. 28 mars 2020 à 15:40, Renée Picard <sitememoires@gmail.com> a écrit :

Pour http://a2c.mdr.zd.fr ma réponse est oui en partie. La page fais comme un zoom sur le contenu du bas puis ça montre la page suivante de REVUE DU WEB.

Le ven. 27 mars 2020 à 18:53, Manu <manu@mine-de-rien.fr> a écrit :

Le 27/03/2020 à 22:41, Emmanuel GUILLEMONT a écrit :

Le 27/03/2020 à 20:25, Renée Picard a écrit :

Tabpager ne me permet pas de mettre dans un même onglet une boucle
article avec pagination, une boucle rubrique avec pagination et une
boucle sites avec pagination
Il y a un truc qui doit m’échapper : en quoi tabpager empêche-t-il qu’il
y ait plusieurs boucles dans le même onglet ?

ah, désolé… je viens de faire un essai de mon côté et effectivement la
pagination à l’intérieur ne fonctionne pas correctement.
Désolé d’avoir proposé une mauvaise piste

Est-ce que le fonctionnement du bloc « REVUE DU WEB » présent sur
http://a2c.mdr.zd.fr
est celui que tu cherches ?


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Le 28/03/2020 à 20:42, Renée Picard a écrit :

Toujours sur http://a2c.mdr.zd.fr j'aimerais que ce soit comme sur les annonces ou publications récentes

Ah ? Il n'y a pourtant pas d'onglets dans ces deux blocs