JoomlaDay FR
×

Erreur

[UP lorem] Cette adresse met trop de temps pour répondre : http://loripsum.net/api/2
[UP lorem] Cette adresse met trop de temps pour répondre : http://loripsum.net/api/

➠ tab : affiche du contenu dans des panneaux avec onglets en haut, à gauche ou à droite. Mode responsive DEMO
Sur mobile ou sur demande, l'affichage est en mode accordion
author Lomart version v1.0 - 07/2017 license GNU/GPLv3 credit Script de bhaveshcmedhekar
  • tab=tab: tab ou accordion
  • title-tag=h4: classe(s) onglets
  • title-class: classe(s) onglets
  • title-style: style inline onglets
  • content-style=background-color:#ddd: style inline contenu
  • content-class: classe(s) contenu
  • plugin_type: accordion
  • side: left ou right
  • active_tab: 1 a N

    Sur un script de bhaveshcmedhekar (licence MIT)

    Ce script affiche du contenu dans des panneaux avec des onglets en haut, à gauche ou à droite. Sur petit écran, l'affichage se transforme en accordion.

    <p>{up tab | active_tab=2 }</p>
    <h4>question n°1</h4>
    <p>texte pour la question n°1</p>
    <h4>{up icon=plus} question n°2</h4>
    <p>texte pour la question n°2 mais un peu plus long {up lorem}</p>
    <h4>question n°3</h4>
    <p>4 : {up lorem=3,decorate}</p>
    <h4>question n°4</h4>
    <p>4 : {up lorem=2}</p>
    <p>{/up tab}</p>
    

    Le contenu est organisé dans une structure simple: un titre h4 est le libellé de l'onglet, tout le code suivant jusqu'au prochain titre est son contenu.

    title-class & title-style
    personnalisation pour les onglets
    content-class & content-style
    personnalisation pour les panneaux de contenu
    title-tag
    non utilisé dans l'exemple, cette option permet d'utiliser une autre balise que h4 pour identifier le titre des onglets

    Note: pour avoir directement un accordion, vous pouvez le demander par { up tab=accordion ...

    • question n°1
    • question n°2
    • question n°3
    • question n°4

    texte pour la question n°1

    texte pour la question n°2 mais un peu plus long

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tria genera bonorum; Itaque mihi non satis videmini considerare quod iter sit naturae quaeque progressio. Atqui reperies, inquit, in hoc quidem pertinacem; Et harum quidem rerum facilis est et expedita distinctio. Nam memini etiam quae nolo, oblivisci non possum quae volo. Ergo hoc quidem apparet, nos ad agendum esse natos.

    Duo Reges: constructio interrete. Nec lapathi suavitatem acupenseri Galloni Laelius anteponebat, sed suavitatem ipsam neglegebat; Haec quo modo conveniant, non sane intellego. Dempta enim aeternitate nihilo beatior Iuppiter quam Epicurus; Habes, inquam, Cato, formam eorum, de quibus loquor, philosophorum. Animum autem reliquis rebus ita perfecit, ut corpus;

    Nemo igitur esse beatus potest. Restinguet citius, si ardentem acceperit. Quod si ita est, sequitur id ipsum, quod te velle video, omnes semper beatos esse sapientes. Ut in geometria, prima si dederis, danda sunt omnia. Etiam inchoatum, ut, si iuste depositum reddere in recte factis sit, in officiis ponatur depositum reddere; Aut unde est hoc contritum vetustate proverbium: quicum in tenebris? Non potes, nisi retexueris illa.

    Verba tu fingas et ea dicas, quae non sentias? At ille pellit, qui permulcet sensum voluptate. Ait enim se, si uratur, Quam hoc suave! dicturum. Graecum enim hunc versum nostis omnes-: Suavis laborum est praeteritorum memoria. At Zeno eum non beatum modo, sed etiam divitem dicere ausus est. Quae in controversiam veniunt, de iis, si placet, disseramus. Sed haec quidem liberius ab eo dicuntur et saepius. Inquit, dasne adolescenti veniam? Hoc est dicere: Non reprehenderem asotos, si non essent asoti. In voluptate corporis-addam, si vis, animi, dum ea ipsa, ut vultis, sit e corpore-situm est vivere beate.

    4 :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Quamquam tu hanc copiosiorem etiam soles dicere. Vide ne ista sint Manliana vestra aut maiora etiam, si imperes quod facere non possim. Quod si ita sit, cur opera philosophiae sit danda nescio. Duo Reges: constructio interrete. Sed ille, ut dixi, vitiose. Quodsi vultum tibi, si incessum fingeres, quo gravior viderere, non esses tui similis; Huius ego nunc auctoritatem sequens idem faciam.

    Quid enim est a Chrysippo praetermissum in Stoicis? Quis, quaeso, illum negat et bonum virum et comem et humanum fuisse? Sed quot homines, tot sententiae; Hoc tu nunc in illo probas.

    Longum est enim ad omnia respondere, quae a te dicta sunt. Nam ante Aristippus, et ille melius. Commoda autem et incommoda in eo genere sunt, quae praeposita et reiecta diximus; Nam his libris eum malo quam reliquo ornatu villae delectari. Negat esse eam, inquit, propter se expetendam. Dulce amarum, leve asperum, prope longe, stare movere, quadratum rotundum. Earum etiam rerum, quas terra gignit, educatio quaedam et perfectio est non dissimilis animantium. Itaque primos congressus copulationesque et consuetudinum instituendarum voluntates fieri propter voluptatem;

    4 :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Respondeat totidem verbis. Nam si quae sunt aliae, falsum est omnis animi voluptates esse e corporis societate. Portenta haec esse dicit, neque ea ratione ullo modo posse vivi; Ecce aliud simile dissimile. Tria genera cupiditatum, naturales et necessariae, naturales et non necessariae, nec naturales nec necessariae. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Duo Reges: constructio interrete. Cupiditates non Epicuri divisione finiebat, sed sua satietate.

    Mihi quidem Antiochum, quem audis, satis belle videris attendere. Vadem te ad mortem tyranno dabis pro amico, ut Pythagoreus ille Siculo fecit tyranno? Quo plebiscito decreta a senatu est consuli quaestio Cn. Cur igitur, inquam, res tam dissimiles eodem nomine appellas? Hi curatione adhibita levantur in dies, valet alter plus cotidie, alter videt. Nulla profecto est, quin suam vim retineat a primo ad extremum. Verum hoc idem saepe faciamus. Ratio quidem vestra sic cogit.


    • titre n°1
    • question n°2
    • question n°3
    • question n°4

    texte pour la question n°1

    texte pour la question n°2 mais un peu plus long

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Hoc est non modo cor non habere, sed ne palatum quidem. Illa sunt similia: hebes acies est cuipiam oculorum, corpore alius senescit; At tu eadem ista dic in iudicio aut, si coronam times, dic in senatu. An eum discere ea mavis, quae cum plane perdidiceriti nihil sciat? Sed eum qui audiebant, quoad poterant, defendebant sententiam suam.

    Apud ceteros autem philosophos, qui quaesivit aliquid, tacet; Ego vero volo in virtute vim esse quam maximam; Qui ita affectus, beatum esse numquam probabis; Cupiditates non Epicuri divisione finiebat, sed sua satietate. Scio enim esse quosdam, qui quavis lingua philosophari possint; Voluptatem cum summum bonum diceret, primum in eo ipso parum vidit, deinde hoc quoque alienum;

    Cuius ad naturam apta ratio vera illa et summa lex a philosophis dicitur. Haec bene dicuntur, nec ego repugno, sed inter sese ipsa pugnant. Quid, si etiam iucunda memoria est praeteritorum malorum? De illis, cum volemus. Scripta sane et multa et polita, sed nescio quo pacto auctoritatem oratio non habet. Quis non odit sordidos, vanos, leves, futtiles? Cur post Tarentum ad Archytam? Quis enim potest ea, quae probabilia videantur ei, non probare? Longum est enim ad omnia respondere, quae a te dicta sunt. Dat enim intervalla et relaxat.

    Duo Reges: constructio interrete. Quoniam, si dis placet, ab Epicuro loqui discimus. Cum autem in quo sapienter dicimus, id a primo rectissime dicitur. Cum autem venissemus in Academiae non sine causa nobilitata spatia, solitudo erat ea, quam volueramus. An me, inquis, tam amentem putas, ut apud imperitos isto modo loquar? Quos nisi redarguimus, omnis virtus, omne decus, omnis vera laus deserenda est. Summus dolor plures dies manere non potest?

    4 :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis est, qui non oderit libidinosam, protervam adolescentiam? Si longus, levis dictata sunt. Quacumque enim ingredimur, in aliqua historia vestigium ponimus. Vitiosum est enim in dividendo partem in genere numerare. Atqui, inquam, Cato, si istud optinueris, traducas me ad te totum licebit. Eorum enim est haec querela, qui sibi cari sunt seseque diligunt.

    Restant Stoici, qui cum a Peripateticis et Academicis omnia transtulissent, nominibus aliis easdem res secuti sunt. Facillimum id quidem est, inquam. Ac tamen hic mallet non dolere. Quae enim adhuc protulisti, popularia sunt, ego autem a te elegantiora desidero.

    Duo Reges: constructio interrete. Atque his de rebus et splendida est eorum et illustris oratio. Tollitur beneficium, tollitur gratia, quae sunt vincla concordiae. Quia dolori non voluptas contraria est, sed doloris privatio. Alterum significari idem, ut si diceretur, officia media omnia aut pleraque servantem vivere. Facit igitur Lucius noster prudenter, qui audire de summo bono potissimum velit; Si quicquam extra virtutem habeatur in bonis. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Si id dicis, vicimus.

    4 :


    • question n°1
    • question n°2
    • question n°3
    • question n°4

    texte pour la question n°1

    texte pour la question n°2 mais un peu plus long

    texte pour la question n°3

    texte pour la question n°4