Se fabriquer des outils Dev avec des bookmarklets... moui, mais la politique CORS va bloquer tout chargement de script extérieur à celui sur lequel on déclenche le bookmarklet, non ?!

Et ben si:

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Sous ce titre, qui siérait au conte d'un Lafontaine geek, se cache un des plus grands mystères de l'univers observable qui, pourtant, ne semble concerner que môa...

Quand je cherche à drag et drop un fichier sur un élément HTML pour en gérer l'upload via JS, je fais tout bien comme on m'a expliqué dans les tutos, les stackoverflow pis toussa:

// Une page de test qui est censée permettre de capter l'événement Drop sur un body id="body"
// version simplifiée et sans lib de mon problème
document.getElementById("body").addEventListener("drop",function(e){
        console.log(e);
        e.preventDefault();
        e.stopPropagation();
})

Hélas, quand je drope un fichier sur ma page, Firefox charge le fichier et l'affiche (ou en lance le téléchargement)

En plus, comme le chargement casse tout, impossible de vérifier dans la console que l'événement se déclenche bien dans js (même en conservant les journaux)...

• Ça ne vient pas d'une extension, j'ai testé en mode sans échec.
• Ça ne vient pas de ce firefox, j'ai essayé avec Waterfox, c'est pareil...
• Ça ne vient pas de cet ordi (je ne m'étonnerais plus de rien) j'ai testé sur un autre...

Je me rappelle que j'ai déjà rencontré le souci à chaque fois que j'ai voulu faire ça mais impossible de me souvenir comment j'ai fait pour y parvenir... pire, j'ai regardé mes scripts précédents qui semblent fonctionner et il n'y a rien de particulier dedans...

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Il y a peu, je vous avais conseillé la lecture de shangri-la de Matthieu Bablet... voilà qu'à la faveur d'un déplacement en ville, j'ai acheté une autre de ses créations: Carbone et Silicium, l'histoire de deux IA androïdes qui traversent l'histoire humaine et leur propre histoire, de bouleversements en avènements, de fins en recommencements...

C'est l'occasion d'un long périple à la beauté parfois sauvage et cruelle que l'on suit par bonds temporels et au cours duquel on s'interroge entre-autres sur la nature de l'humanité.

Les planches sont superbes: comme toujours, les couleurs, les cadrages, les paysages sont magnifiques mais dans cet album, le rendu est plus contemplatif que narratif (pour des raisons que vous découvrirez en lisant l'album) et les dialogues sont au service de ce voyage presque initiatique.

Comme les précédents albums, la réalisation de Carbone et Silicium est parfaite: un papier épais, une reliure tissu, un encrage de qualité... Sans compter qu'avec ses 250 pages, l'histoire prend son temps et on n'a pas l'impression d'avoir terminé avant d'avoir commencé comme avec d'autres albums dont le prix est à peine inférieur (coucou les derniers trolls de troy)

Foncez !

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

En ultra résumé

• w & who pour savoir qui est connecté,
• last & lastb pour savoir qui a été connecté,
• history (lancé depuis l'utilisateur à vérifier : su username) pour voir les traces laissées,
• less /etc/passwd et cat /etc/passwd pour vérifier si on n'a pas créé un utilisateur à l'arrache,
• ps et top pour vérifier s'il n'y a pas un processus malveillant,
• ss & netstat pour vérifier les faiblesses réseau,
• ip
• crontab pour vérifier si une tâche cron n'est pas lancée régulièrement
• find / -mtime -5 -ctime -5 pour vérifier les fichiers modifiés récemment,
• cat /var/log/syslog, cat /var/log/syslog | less, tail -f -n 5 /var/log/syslog, cat /var/log/syslog | grep fail, tail -f /var/log/syslog pour les logs
  Via https://shaarli.sebw.info/?aU81yg
  <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires