En onglets dans le texte de spip, ou ailleurs...

Lundi 18 décembre 2006.

Ce script permet de découper votre page en différentes sections superposées comme dans le contenu de cet article.

Fonctionne avec javascript mais se comporte bien en cas de désactivation, plaçant les paragraphes les uns en dessous des autres.

Particularité, il place un cookie pour garder en mémoire l’onglet que vous avez quitté (désactivable dans le fichier js)

Spip 1.9.1

INSTALLATION :

Décompressez l’archive ci dessous et placez le dossier obtenu dans le dossier plugins à la racine de votre site (créez le s’il n’existe pas).


onglets_texte_1.9

Activez le plugin dans la partie privée.

UTILISATION :

A la rédaction du texte de votre article procédez comme suit :

Un autre tableau dans le texte ? Précisez juste une id dans le premier onglet :

PERSONNALISATION

Copiez le dossier css dans votre dossier squelettes et modifiez le fichier tab.css ainsi que les images à votre goût.

QUESTIONS FREQUENTES :

J’ai bien tout installé mais rien ne se passe :

Vérifiez que la balise #INSERT_HEAD est bien présente dans vos squelettes. Elle est indispensable au fonctionnement des plugins. A partir de la version 1.9 de Spip, cette balise est en standard dans le fichier inc-head.html appelé dans le header de tous les squelettes.

Reproduisez ce principe sur votre site, placez vos css et vos javascripts dans ce fichier vous gagnerez du temps...

Spip 1.9

Vous devriez plutôt actualiser votre version spip, m’enfin... Cette version 1.9 n’utilisant pas les modèles, l’installation du plugin est la même, la différence se situe à l’utilisation

INSTALLATION :

Décompressez l’archive onglets_texte_1.9xx.zip et placez le dossier obtenu dans le dossier plugins à la racine de votre site (créez le s’il n’existe pas).


onglets_texte_1.9

Activez le plugin dans la partie privée.

UTILISATION :

A la rédaction du texte de votre article procédez comme suit :

Un autre tableau dans le texte ? Précisez juste une id dans le premier onglet :

PERSONNALISATION

Copiez le dossier css dans votre dossier squelettes et modifiez le fichier tab.css ainsi que les images à votre goût.

QUESTIONS FREQUENTES :

J’ai bien tout installé mais rien ne se passe :

Reproduisez ce principe sur votre site, placez vos css et vos javascripts dans ce fichier vous gagnerez du temps...

Spip 1.8xx

Ces versions n’utilisant ni les plugins ni les modèles, procédez comme suit :

INSTALLATION :

Décompressez l’archive onglets_texte_1.8xx.zip


onglets_texte_1.8xx.zip

Copiez les deux répertoires javascript et css à la racine de votre site

Placez l’appel suivant entre les balises <head></head> de votre fichier article.html

UTILISATION :

A la rédaction du texte de votre article procédez comme suit :

Un autre tableau dans le texte ? Précisez juste une id différente dans le premier onglet :

PERSONNALISATION

Copiez le dossier css dans votre dossier squelettes et modifiez le fichier tab.css ainsi que les images à votre goût.

Have fun ;-)

Source : Le site de référence : webfx.eae.net

Forum

Un message?

27 messages. Par fil de discussion | Par date

En onglets dans le texte de spip, ou ailleurs... jeudi Octobre 2008 06:00 , par Dom

Bonjour, j’ai bien installé le plugin qui fonctionne bien, mais un fois l’article ouvert, les onglets de l’article étant visible, le tableau de droite des "menus principaux" se retrouve deplacé dans la page (en dessous du tableau de l’article ouvert ou se trouve les onglets ? Plus de tableau à droite ?
test réalisé sur IE.

merci pour votre aide,

Dominique
En onglets dans le texte de spip, ou ailleurs... vendredi Août 2008 22:21 , par moumou

Bonjour,

est-ce que ça marche avec 1.9.2d

Je n’y arrive pas ?!
En onglets dans le texte de spip, ou ailleurs... jeudi Août 2008 09:21 , par mraude

Bjr, je viens d’installer ce plugin car il correspond en tout point à mes besoins.
Or les liens des onglets ne semblent pas marcher avec FF ni safari... Seul IE7 me donne un résultat.
J’utilise SPIP 1.9.2 et FF 2.0.0.16.
Une idée ?
D’autre part, j’utilise un tableau dans mon texte donc j’ai rajouté un id=1 comme indiqué mais mes bordures ont disparu... ?
Merci d’avance.
En onglets dans le texte de spip, ou ailleurs... dimanche Mars 2008 13:30

Bonjour

ceci m’intéresse enormement mais je ne sait pas comment l utiliser , je suis début , j ai bien telecharger le fichier zip decompresser et uploader dans un dossier plugins et après je ne comprend pas..
pourriez vous m’expliquer rapidement l utilisation .

en avance merci
- En onglets dans le texte de spip, ou ailleurs... dimanche Mars 2008 13:46 , par Pierre Troller
  
  as tu activé la plugin dans l’espace privé ?
  
  configuration/gestion des plugins
- message supprimé vendredi Août 2008 08:06 , par fdhg3d
En onglets dans le texte de spip, ou ailleurs... samedi Janvier 2008 12:44 , par gfont

Bonjour,

Tout fonctionne parfaitement ; dommage qu’Internet Explorer 7 n’ouvre pas la page directement ; en effet, il affiche "Pour vous aider à protéger votre ordinateur, Internet Explorer a restreint l’exécution des scripts ou des contrôles ActiveX de cette page Web qui pourraient accéder à votre ordinateur. Cliquez ici pour afficher plus d’options..."
Avez-vous une solution pour empêcher l’affichage de ce message.
Merci d’avance.
Gerard
- En onglets dans le texte de spip, ou ailleurs... dimanche Mars 2008 13:42 , par Pierre Troller
  
  je ne reproduis pas ce problème en tout cas sur ie7 qui ne me met aucun messages
En onglets dans le texte de spip, ou ailleurs... lundi Décembre 2007 18:28 , par jpm

trop genial et simple à installer ! Merci beaucoup !
Des onglets dans plusieurs rangs lundi Octobre 2007 12:05 , par Peter

S’il y a deux rangs d’onglets il y a une ouverture large entre les deux rangs. Comment est-ce qu’on peut la diminuer ?

Quand on fait un click sur l’un des onglets des le troisiém onglet il apparait un troisiém rang d’onglets qui a un comportement étrange.

Voir : http://python.free-h.net/spip.php?a...
- Des onglets dans plusieurs rangs lundi Octobre 2007 12:10 , par Peter
  
  voir la page
  - Des onglets dans plusieurs rangs mardi Octobre 2007 06:55 , par Pierre Troller
    
    en approfondissant les tests : on arrive à supprimer l’espace mais l’alignement bizarre demeure lorsque l’on séléctionne le dernier onglet de la première ligne. J’ai envoyé un mail à l’auteur à ce sujet, je posterai en cas de réponse. 6u
probleme avec le squelette multi saisons jeudi Août 2007 07:43 , par laëta

Bonjour,
et d’abord merci pour ce plugin qui facilite grandement la lecture de mes articles, le seul hic ! c’est que toute ma barre latérale (navigation, recherche...) se retrouve dans la colonne principale autant dans Firefox que I-E.

Est ce que ça peut être lié à un doublon dans les fichiers CSS ?

J’utilise SPIP 1-9-2

le squelette multi saisons

voir l’article en question (provisoire)

Laëta
- probleme avec le squelette multi saisons vendredi Août 2007 12:43 , par Pierre Troller
  
  je suis allé sur le lien et je n’ai rien vu d’anormal. Sans doute le problème css est résolu. Je ne connais pas d’incompatibilité avec un autre plugin.
  - probleme avec le squelette multi saisons samedi Septembre 2007 06:46 , par Laëta
    
    Bonjour, non le probleme n’est pas resolu, toute ma barre latérale se retrouve sous l’article, alors qu’elle devrait être à droite.
    
    Si vous ne connaissez pas d’incompatibilité avec d’autres plugins, je vais verifier les css.
    
    Si vous avez une autre idée ?????
    
    Laëta
    
    probleme avec le squelette multi saisons jeudi Septembre 2007 08:34 , par Laëta
    
    Bonjour,
    le temps me manque pour resoudre le probleme, j’ai déactivé le plugin (on ne peut plus voir l’article en question sur le site temporaire).
    
    Je reprendrai contact ultérieurement.
    
    A bientôt.
    Laëta
difference sous firefox et safari (les 2 pour mac) mercredi Mai 2007 21:05

Bonsoir,
tout d’abord félicitation pour ce plugin qui m’est très utile. Je m’en sers pour l’afficher en page accueil. Cependant je l’ai ai inséré dans 2 div pour avoir côte à côte 2 bloc de taille diffèrents. Voici mon problème : Sous firefox mac pas de problème en revanche sous safari la largeur des blocs avec ascenseur et complètement bizarre. Tout part en vrille :(

Mes connaisances en css sont juste correctes.
Avez-vous connaissance d’un bug par rapport à Safari ?

Je n’ai pas encore testé sur PC IE et FF mais je pense qu’il va y avoir des décalages ou bugs divers. Sic...

Merci pour vos réponses

voici l’adresse pour visualiser le bug. Au passage si certains remarques une coquille sur PC merci de m’avertir ce serait super de votre part :)
www.rene-bui.info
En onglets dans le texte de spip, ou ailleurs... mercredi Avril 2007 07:20 , par scenaristeur

bonjour,
votre plugin m’interesse.

Il fonctionne très bien lorsque je l’utilise dans le texte d’un article, mais je ne vois pas comment l’utiliser dans un squelette pour qu’il soit présent sur tous les articles...

Auriez -vous une piste ?
Merci

Source : Scenaristeur
- En onglets dans le texte de spip, ou ailleurs... mercredi Avril 2007 09:24 , par Pierre Troller
  
  il suffit de placer le code suivant dans votre squelette, titre et contenu pouvant être des balises à l’intérieur de boucles SPIP
  
  <div class="tab-pane" id="xx"> <div class="tab-page"> <h2 class="tab">Mon titre 1</h2> contenu du premier onglet etc... </div> <div class="tab-page"> <h2 class="tab">Mon titre 2</h2> contenu du deuxième onglet etc... </div> <div class="tab-page"> <h2 class="tab">Mon titre 3</h2> contenu du troisième onglet etc... </div> </div>
  - En onglets dans le texte de spip, ou ailleurs... mardi Avril 2008 14:16 , par scenaristeur
    
    Bonjour, mon site ayant maintenant évolué, pouvez-vous m’indiquer comment faire passer le plugin onglets, derrière le plugin "menu deroulant", a l’affichage.
    En effet, le menu reste caché par le tableau des onglets... ce qui est bien génant, ma fois ! :-((
    voir en ligne l’exemple de mon propos :
    http://scenaristeur.spip.0lx.net/sp...
    
    Source : Scenarios et Autres Projets
    
    En onglets dans le texte de spip, ou ailleurs... mardi Avril 2008 16:47 , par Pierre Troller
    
    celà se passe dans les fichiers css avec la propriété d’empilement z-index, celle des onglets doit être inférieure à celle du menu déroulant.
En onglets dans le texte dimanche Décembre 2006 08:36 , par Perline

C’est une super idée et une excellente réalisation. J’ai changé la feuille de style, non seulement par goût mais à cause de divers problèmes.

Il m’en reste un à régler : le sytème de Z-index pour cacher la ligne de base de l’onglet en cours ne fonctionne pas chez moi, j’ai patché tant bien que mal (plutôt mal que bien) en enlevant le bord haut du tableau de base.

Une demande, en plus < :-) : pourrais-tu intégrer un <a name=nom donc classe de l'onglet></a> pour faciliter ensuite les appels de liens sélectifs à cet onglet ?

En tout cas, merci encore !

Source : Exemple d’utilisation des onglets
- En onglets dans le texte dimanche Décembre 2006 11:18 , par Pierre Troller
  
  Salut Perline,
  mieux vaut modifier tes images ;-)
- En onglets dans le texte mardi Janvier 2007 14:06 , par Beurt
  
  L’idéal, c’est encore de se référer à la doc originelle : http://webfx.eae.net/dhtml/tabpane/... où tout est parfaitement détaillé (y compris comment changer l’aspect).
En onglets dans le texte lundi Décembre 2006 17:15 , par Damien

Ça a carrément l’air aussi élégant qu’utile.

Vais l’essayer. ;-)

Merci pour ce travail.
En onglets dans le texte lundi Décembre 2006 15:24

Du très bon boulot !

Bravo et merci encore..

Amitiés

Bernard
En onglets dans le texte lundi Décembre 2006 14:26 , par Chris

Superbe !

Merci !

Spip 1.9.1

INSTALLATION :

UTILISATION :

PERSONNALISATION

QUESTIONS FREQUENTES :

Spip 1.9

INSTALLATION :

UTILISATION :

PERSONNALISATION

QUESTIONS FREQUENTES :

Spip 1.8xx

INSTALLATION :

UTILISATION :

PERSONNALISATION

Stream

Stream

Copyleft Licence de reproduction