J’ai écrit il y a quelques temps un script jQuery utilisant la fonction toggle pour afficher/cacher un seul bloc HTML mais pas mal de gens m’ont demandé comment faire pour afficher plusieurs blocs HTML .

Voici comment s’y prendre, en utilisant les fonctions jQuery .slideup(), .slidedown() et .closest().

Démo

Article A

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

Lire la suite
Replier

Article B

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

Lire la suite
Replier

Article C
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

Lire la suite
Replier

Le script

1. Ajoutez jQuery dans l’entête de votre page (head), comme ceci :

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>

Web/Tech

jQuery : script utilisant la fonction toggle pour afficher ou cacher un bloc HTML

Par Matt 10 janvier 2013

Il y a quelques mois, je me suis amusé à transformer mon script javascript maison qui me permet d’afficher certaines zones de textes sur le site, notamment dans les articles de la catégorie Music/Séries.

Étant donné que jQuery est présent sur toutes les pages du site, j’ai adapté le script pour qu’il utilise jQuery. Cela fera aussi une librairie maison de moins à maintenir (et à charger).

Important : si vous voulez gérer plusieurs blocs, utilisez le script JQuery toggle pour afficher et cacher de multiples blocs HTML

Un script Javascript répondant à des besoins précis

J’écris pas mal de code afin de répondre à mes besoins sur le site, le but étant de me simplifier la vie au maximum.

Dans certains articles, il existe des zones de textes qui ne sont pas tout public et qui nécessitent une authentification préalable à leur lecture. La zone de texte doit apparaître lorsque l’on clique sur un des liens présents dans l’article.

Démo

Pour voir ce script en action, il suffit de cliquer sur ce lien.

Ce texte apparaît et disparaît grâce à un script javascript
écrit pour jQuery et qui utilise la fonction toggle().

Mister B.

Si le monde était un village de 100 habitants…

Par Matt 10 novembre 2010

Si nous pouvions réduire la population mondiale à un village d’exactement 100 habitants, en gardant les ratios humains existants, à quoi le monde ressemblerait-il ?

Voici la réponse de Gan Quan, en vidéo :

Web/Tech

Guide pour créer et héberger un site sur Internet

Par Matt 01 juillet 2009

A la demande de Bashogun, voici un petit guide qui dévoile les étapes de la création et l’hébergement d’un site Internet. Ce guide est plutôt général et ne se veut pas exhaustif, c’est plus une suite d’étapes pour gagner du temps pour monter et mettre rapidement un site en ligne.

Sachez que la première chose à faire est définir vos besoins : quel type de site allez-vous créer, à quel public s’adresse-t-il, quel langage (code du site) allez-vous utiliser, quelles sont les fonctionnalités à mettre en oeuvre, combien de pages pensez-vous créer dès le départ, nom du site, design (couleurs, logo)… Tout doit commencer avec un papier et un crayon : couchez par écrit ce que voulez puis commencez à dessiner à main levée votre design. Faîtes un plan. Je vous promets que vous ne le regretterez pas, c’est du temps gagné pour la suite.

Web/Tech

Installation d’Apache, PHP et MySQL sous Ubuntu

Par Matt 09 juin 2009

Qui dit changement de système d’exploitation dit réinstallation au propre des programmes !

Voici comment installer Apache, PHP et MySQL sous Ubuntu, c’est à dire un véritable système LAMP.

L’installation et la configuration prennent environ 10 minutes, c’est très simple, beaucoup moins alambiqué que sous Windows.

Ce tutoriel est un peu mon carnet de bord, c’est comme cela que j’ai configuré ma machine, étapes par étapes.

Mister B.

De l’importance du cahier des charges du développement web

Par Matt 14 avril 2009

J’ai eu l’occasion récemment d’écrire un formulaire de contact ainsi que son traitement PHP pour une entreprise de construction canadienne qui cherche à recruter du personnel.

Je commence à écrire le code. Je connais bien les formulaires étant donné que c’est l’un de mes premiers scripts (2001 si je ne m’abuse). Je place le script sur mon serveur, commence ma batterie de tests histoire de pallier toutes les situations auxquelles un utilisateur lambda peut être confronté. Le code que je livre est en en CSS3 et XHTML 1.1 valides.

Tout s’affiche impeccablement dans tous les navigateurs. Je me dis que c’est une affaire qui roule lorsque le client m’envoie quelques emails pour me demander quelques corrections, additions, et l’intégration du script dans son site.

C’est là que le vent a commencé à tourner.

Economie-Sociologie

Croissance et développement

Par Matt 06 juillet 2007

La révolution transforme profondément le monde occidental entraînant une croissance économique jusque là inconnue. La croissance économique peut aussi s’accompagner de développement.

I – La croissance économique

A – Qu’est-ce que la croissance économique ?

La croissance économique est une notion quantitative et économique. C’est un phénomène mesurable dans le temps et dans l’espace (exemple : la France en 1998).

C’est l’accroissement des richesses d’un pays, mesuré par le Produit Intérieur Brut (l’agrégat PIB). Le PIB peut être exprimé en valeur ou en volume.

Taux de croissance = ( (PIB T2 – PIB T1) / PIB T1 ) * 100

Le PIB marchand est évalué au prix du marché. Le PIB non-marchand est évalué au coût des facteurs (salaires, impôts, amortissements…). Le PIB est la somme des valeurs ajoutées.

Produit National Brut (PNB) = PIB + Revenus reçus de l’extérieur – Revenus versés à l’extérieur.

Croissance extensive : hausse des quantités des facteurs de production (plus de main d’oeuvre, plus de facteur capital, plus de matières premières).

Croissance intensive : hausse de la productivité (meilleure organisation du travail).

B – Les limites du PIB comme indicateur de la croissance

1 – Certains éléments ne sont pas pris en compte dans le calcul du PIB :

travail domestique
économie souterraine = économie informelle
bénévolat
troc

Note : l’économie informelle est très importante dans les Pays en Développement (PED), le PIB est donc sous-évalué.

2 – Le calcul du PIB est équivoque

Pour le PIB, un mal et son remède équivaut à 2 biens (double progrès).
Exemples : pollution, voitures…