Astuces & liens pour HTML, JS et toussa

Petite liste tirée des RSS que je suis en ce moment.

How can I listen for a click outside of an element in JavaScript? - 30 seconds of code

Pour écouter un click hors d'un élément, on utilise l'event delegation: on vérifie si la target de l'event correspond ou pas à l'objet qu'on veut.

  document.addEventListener('click', e => {
    if (!element.contains(e.target)) callback();
  });
};
onClickOutside('#my-element', () => console.log('Hello'));
// Will log 'Hello' whenever the user clicks outside of #my-element

How can I listen for an event only once in JavaScript? - 30 seconds of code

Tiens, je ne savais pas qu'addEventListener acceptait des paramètres en option, en particulier un { once : true} qui permet de n'exécuter la fonction attachée à l'évènement qu'une seule fois...


const listenOnce = (el, evt, fn) =>
  el.addEventListener(evt, fn, { once: true });

listenOnce(
  document.getElementById('my-btn'),
  'click',
  () => console.log('Hello!')
); // 'Hello!' will only be logged on the first click

Windows 11 sans aucun logiciel préinstallé, c'est possible ! - Les Numériques

Bonne astuce pour éviter tout le crapware windaubien lors de l'installation: sélectionner une localisation farfelue et win ne peut plus déterminer quelle suite logicielle installer.

C'est quand-même très très con...

capture

Via https://www.la-pub-dans-les-films.fr/shaarli/?IeFaMQ

Lire vos ebooks comme si c’était des vieux livres

Wow, sympa ça ! Je teste de suite ! Je me demande ce que ça donnerait avec la fonte Old Newspaper Types (https://www.dafont.com/fr/oldnewspapertypes.font?fpp=200&a=on)

[EDIT] Pas moyen de faire appliquer les fontes proposées par le site toutefois, la old newspaper fonctionne bien :

IMG 20230824 155716.webp

En tout cas, merci copain !

Linux Mint : Les dossiers utilisateurs déplacés...

Depuis quelques jours, un truc étrange s'est manifesté sur mon ordi portable: les dossiers Document, Images, Téléchargement, Bureau avaient tous été déplacés dans un sous-dossier à ouatmille niveaux sans aucune raison visible...

Au cas où ça vous arrive, remettez-les à leur place (en drag drop ou via le terminal) puis éditez le fichier : ~/.config/user-dirs.dirs pour rétablir les chemins d'origine. Redémarrez et voilà...

Subtitle Translator - Translate & Edit Subtitles

Un service qui permet de traduire les sous-titres en utilisant DeepL.

Il semble limité mais si vous faites défiler la traduction jusqu'au bout, il traduit bien tout... Vous pouvez ensuite le télécharger.

Au passage, DeepL peut aussi le faire directement mais seulement par paquets de 5000 caractères dans sa version gratuite.

Rappel: JDownloader sait très bien récupérer une video youtube avec tout ce qui est lié (miniature, bande son, description ET sous-titres)

Un serveur TOR facilement en ligne de commande

Vu la tendance actuelle, je me note ça ici, ça risque de servir un jour où l'autre dans un monde qui te colle en GAV pour avoir dit ordure en sous-entendant que c'est le Roy... Ptêt un vieux RPI ?

Merci @sebsauvage !

1️⃣ Installation du nécessaire:

sudo apt install tor
pip3 install --user onionshare-cli

2️⃣ Mettez vos fichiers dans ~/www (index.html n'est pas obligatoire : il présentera une liste des fichiers s'il n'y en a pas).

3️⃣ Pour démarrer votre serveur web: onionshare-cli -v --public --persistent ~/tor-website.json --website ~/www

L'adresse en .onion de votre serveur va s'afficher. Vous pouvez la partager.

Via https://sebsauvage.net/links/?MuE27A

bookmarklets: Récupérer l'image d'une vidéo youtube

Je pensais avoir déjà fait ça (et partagé) mais non...

Un bookmarklet pour récupérer l'image d'une vidéo youtube en un clic... Si ça peut servir...

📌 lien vers le bookmarklet ➜ http://outils.warriordudimanche.net/outils/bookmarklets/?q=R%C3%A9cup%C3%A9rer%20l%27image%20d%27une%20vid%C3%A9o%20youtube

[Solved] After upgrade to Mint 21, apache will not start - Linux Mint Forums

Si après une MAJ vers linux mint 21.1 apache ne démarre plus et fait une erreur du genre

apache2: Syntax error on line 146 of /etc/apache2/apache2.conf: Syntax error on line 3 of /etc/apache2/mods-enabled/php7.4.load: Cannot load /usr/lib/apache2/modules/libphp7.4.so into server: /usr/lib/apache2/modules/libphp7.4.so: cannot open shared object file: No such file or directory

on peut rattraper le coup en désactivant php7.4 au profit de 8.1:

sudo a2enmod php8.1
systemctl restart apache2

Url forwarder | F-Droid - Free and Open Source Android App Repository

Je ne sais plus si j'avais partagé ça, mais bon...

Une appli android qui permet de partager une URL vers une autre URL.

A quoi ça sert ?

Vu que les bookmarklets sont impossibles sous firefox android (à moins que ça ait changé récemment ?!), on ne peut pas, par exemple, poster un lien vers son propre site afin de le gérer/partager/archiver, comme je le fais avec weblinks pour PluXML.

Solution

Screenshot 20230307-081020.png

URLforwarder permet de créer un «filtre» vers lequel on partage via l'option partage d'android. L'appli se chargera de compléter l'URL en fonction du filtre (@URL avec l'URL, @SUBJECT avec le titre de la page)

Ça a fonctionné parfaitement pour mon cas et ça résout très bien mon souci pour archiver vite fait des liens visités sur mon mobile...

Nicolas Vivant: En #France, les suites collaboratives #Microsoft #Office 365 et #Google #Workspace sont proscrites dans les services de l'État.

Merci à @sebsauvage pour le partage !

« Amis de la fonction publique d'État, si on vous pose la question... En #France, les suites collaboratives #Microsoft #Office 365 et #Google #Workspace sont proscrites dans les services de l'État. Les bases réglementaires : → Note de la CNIL (27/05/2021) : https://www.cnil.fr/fr/la-cnil-appelle-evolutions-dans-utilisation-outils-collaboratifs-etatsuniens-enseignement-superieur-recherche → Circulaire 6282-SG (05/07/2021) et note (15/09/2021) : https://acteurspublics.fr/upload/media/default/0001/36/acf32455f9b92bab52878ee1c8d83882684df1cc.pdf → Ministre de l'Éducation Nationale, en réponse à une question écrite (2022) : https://questions.assemblee-nationale.fr/q16/16-971QE.htm

droit #juridique #numerique »

Fil RSS des articles