public marks

PUBLIC MARKS from decembre with tag javascript

This month

URL - BOOKMARKLET - Up! - » Bookmarklets by Ben Alman

Up! is similar to the Google Toolbar’s “Up a Level” button, but works in a more “micro” scope. First any #anchor is removed, then any ?querystring, then any filename, then any folders (one at a time). After that, hostnames are removed, and when nothing else is left to remove, www. is prepended to the domain, for good measure! Here is a simple illustration of how a URL would change through iterations:

JAVASCRIPT - URL - Javascript: document.url without the anchor (hash) portion - Stack Overflow

Specifying the first element worked for me: window.location=document.location.href.match(/(^[^#]*)/)[0]

JAVASCRIPT - REGEX - Les expressions régulières (partie 2/2) - Dynamisez vos sites web avec JavaScript ! - OpenClassrooms

(via)
Dans ce deuxième chapitre consacré aux regex, nous allons voir leur utilisation au sein du JavaScript. En effet, le premier chapitre n'était là que pour enseigner la base de la syntaxe alors que, une fois couplées à un langage de programmation, les regex deviennent très utiles. En JavaScript, elles utilisent l'objet RegExp et permettent de faire tout ce que l'on attend d'une regex : rechercher un terme, le capturer, le remplacer, etc.

March 2018

DEV - Great Resources Every Beginning a Front-end Developer Should Bookmark by vydargis on CodePen

If you just get started your a front-end developer career, it might be overwhelming to learn something every day. To optimize your time, it might be useful to know solid resources, to keep up with a demanding programmers’ environment. In this brief article, you will find 6 useful resources that in my opinion I think every beginning a front-end developer career should bookmark.

DEV - COIN MINER - MALWARE - Found "coin-hive.com" script in site - https://coin-hive.com/ chez DuckDuckGo

How to block Bitcoin Mining in your browser: Found "coin-hive.com" script in site (example : http://nude.piks.site/)

February 2018

DEV - FORMATION - Thimble par Mozilla — Un éditeur de code en ligne pour apprendre et enseigner

(via)
Thimble est un éditeur de code en ligne qui facilite la création et la publication de vos propres pages web tout en apprenant le langage HTML, CSS et le JavaScript

January 2018

BIB - DEV - Amazon dans ton portail (10.12.2011) - BibliobiDules | bidouilles informatiques pour les bibliothèques

(via)
J’ai donc essayé de m’appuyer sur le travail de mon stagiaire pour désormais étendre l’affichage de visuels des documents de la bibliothèque aux CD et DVD. Pour cela, je me suis donc appuyé sur l’existence du code ASIN qui est pour Amazon l’identifiant unique de chaque notice de son site (une sorte d’ISBN quoi…). Ainsi, si l’on a ce code, on pourra automatiquement retrouver l’adresse web de la notice ET de l’image liée. En effet, l’une et l’autre se compose : .../... À noter que l’extension .01.MZZZZZZZ.jpg permet de choisir la taille de l’image. D’autres extensions existent mais je trouvais les images ou trop grandes ou trop petites.

VIDEO - TWEAK - For anyone who wants the progress bar always visible with the new style... : youtube

(via)
Yes, I know the new transparent style is cleaner, simpler, etc. but I LOVED having the progress bar visible while I was watching the video. I tried for a couple days to find a workaround, and it looks like I found one! You will need to have both Stylish and Tampermonkey installed. I installed these 2 Stylish styles for Youtube: Youtube Player August 2015 Youtube Controls Under Player I also installed these two userscripts on Tampermonkey: Youtube New UI Fix Youtube Progressbar Updater

PRIVACY / SECURITY - Comment savoir si un site web mine de la cryptomonnaie ? - Korben

(via)
il existe un site baptisé Whoismining qui détecte les JavaScript de mining les plus courants.

CSP - BOOKMARKLET - The Resurrection of Bookmarklets

I use the @resource command to access my 56K JavaScript library file, get the contents of it, and directly insert that .JS file document text using the script object .text property instead of the .src property.

December 2017

DEV - CHROM - 2015 - Six Tips for Chrome DevTools | CSS-Tricks

(via)
This post will cover six popular tips for Chrome DevTools. You may have seen some of these before, but hopefully if you have they'll act as a refresher for what you can do during your Inspect Element journey.

JAVASCRIPT - LIBRARY - MediaElement.js - HTML5 video and audio unification framework

(via)
Easy partner, we can handle it. MediaElement.js is a blazingly fast and amazingly powerful HTML5 audio and video library that creates a unified feel for media files (MP4, MP3, FLV), streaming content (HLS, M(PEG)-DASH, RTMP), and embeddable players like YouTube, Vimeo, Twitch, DailyMotion, Facebook, and SoundCloud.

November 2017

JAVASCRIPT - Infinite Scroll - 'infinite-scroll' Questions - Page 2 - Stack Overflow

Tagged Questions: Infinite Scrolling, also known as endless scrolling, is a technique that is widely used by websites and Web applications that host lots of content on a page where pagination would traditionally have been used. Infinite scrolling involves initially loading only one page of content. As the user ...

October 2017

JAVASCRIPT - How do I include a JavaScript file in another JavaScript file? - Stack Overflow

Is there something in JavaScript similar to @import in CSS that allows you to include a JavaScript file inside another JavaScript file?

JQERY - checkbox - jquery check uncheck all checkboxes with a button - Stack Overflow

I am trying to check/uncheck all checkboxes using jquery. Now by checking/unchecking the parent checkbox all the child checkboxes are getting selected/deselected also with the text of parent checkbox getting changed to checkall/uncheckall.

JQUERY CHECKBOX - PLUGIN - jQuery-CheckAll by mjball

Using the plugin: To use the checkbox with id master to control the checkboxes that are children of the form with id myForm, this is all you need:

JQUERY - CHECK/UNCHEK - Demo in JSFiddle

As per the jQuery documentation there are following ways to check if a checkbox is checked or not. Lets consider a checkbox for example (Check Working jsfiddle with all examples)

JQUERY - API - .prop() | jQuery API Documentation

.prop() Categories: Attributes | Manipulation > General Attributes Get the value of a property for the first element in the set of matched elements or set one or more properties for every matched element. Contents: .prop( propertyName ) .prop( propertyName ) .prop( propertyName, value ) .prop( propertyName, value ) .prop( properties ) .prop( propertyName, function )

jQUERY 6 video 6 HTLM 5 VIDEO AUTO PLAY JQUERY chez DuckDuckGo

Auto-play an HTML5 video on Dom Load using jQuery The jQuery selector $("#video") returns a jQuery object. Since play() is a function of the DOM element, you must get the DOM element with: $("#video").get(0); before using .play() method: $("#video").get(0).play();

September 2017

DEV - KEY - Javascript Char Codes (Key Codes) - Cambia Research

(via)
Javascript Char Codes (Key Codes) Interactive Demonstration and Lookup Table

decembre's TAGS related to tag javascript

ajax +   anonymat +   api +   article +   best +   bibliotheque +   blog +   bookmarklet +   browser +   carte +   checkbox +   chrome +   code +   comment +   convert +   couriel +   css +   demo +   design +   dev +   development +   documentation +   dom +   editeur +   editor +   example +   exemple +   extension +   fichier +   firebug +   firefox +   flash +   flickr +   FlickrSurf+ +   forum +   francais +   free +   function +   google +   google:maps +   greasemonkey +   guide +   hack +   howto +   htlm +   html +   iframe +   image +   interface +   java +   jQuery +   json +   Korben +   library +   lien +   link +   liste +   maps +   ocr +   online +   opensource +   opera +   outil +   php +   player +   plugin +   programmation +   rechercher +   reference +   regex +   Responsive +   ressource +   script +   scroll +   scrollbar +   securite +   security +   site +   stackoverflow +   tag +   test +   text +   tips +   tool +   tuto +   tutorial +   tutoriel +   user +   userscript +   userstyle +   utilitaire +   video +   web +   web2.0 +   webdesign +   webdev +   xhtml +   xml +   xpi +   xul +