Forum du club des développeurs et IT Pro - Billets dans le blog

Fichier dvjhUtilities-1.7.0.js

par

, 30/03/2018 à 17h25

Cette nouvelle version n'est pas rétro compatible, cela signifie que les codes construits sur les versions précédentes ne seront pas compatibles avec cette version.

La version 1.7.0 présente plusieurs différences avec la version 1.5.1 et la version 1.6.0 (existe, mais n'a jamais été utilisée dans ce blog).
/*
 * dvjhUtilities.js
 * Version 1.7.0
 * 2018-03-30
 *
 * Daniel Hagnoul
 * 
 * Fonctions supprimées : 
...

Mis à jour 08/06/2018 à 10h37 par danielhagnoul (Licence)

Tags: es2015, utilities

Catégories: ES2015 , Javascript , Développement Web

0 Commentaires

En lire plus...

Comment faire du fading sur une background-image ?

par

danielhagnoul

, 10/03/2018 à 21h46

Suite à cette question, je me suis colleté avec le problème et cela me paraissait impossible au premier (CSS2) et au deuxième (CSS3) abord. Mais j'ai découvert que j'avais tord, car il suffit d'utiliser une transition-timing-function, pour le fading : transition: background-image 1s ease-in 0.5s; et transition: background-image 1s ease-out 0.5s;.

Exemple :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<!--
...

Mis à jour 08/06/2018 à 10h38 par danielhagnoul (Licence)

Tags: backround-image, es2015, fading, transition

Catégories: ES2015 , Javascript , Développement Web

0 Commentaires

En lire plus...

Cacher les colonnes d'une table, lorsque le titre de la colonne ne contient pas les mots recherchés

par

danielhagnoul

, 08/03/2018 à 00h43

Pour avoir la possibilité de cacher une ou plusieurs colonnes d'une table, il faut utiliser le tag "col" avec une classe différente pour chaque colonne.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<table id="tableCherche">
	<colgroup>
		<col class="col0">
		<col class="col1">
		<col class="col2">
		<col class="col3">
		<col class="col4">
		<col class="col5">

...

Mis à jour 08/06/2018 à 10h39 par danielhagnoul (Licence)

Tags: cache, cherche, colonne, es2015, table, titre

Catégories: ES2015 , Javascript , Développement Web

0 Commentaires

En lire plus...

Utilisation du localStorage sur plusieurs exemplaires d'une page web

par

danielhagnoul

, 05/03/2018 à 22h16

Envoyé par danielhagnoul
J'ai testé le code ci-dessous, sur 3 exemplaires de la page web ouverts en même temps, et sur la dernière version des navigateurs Chrome, Firefox et Edge sans constater aucun dysfonctionnement !

Lorsque je clique sur le bouton "Changer la couleur" d'un exemplaire de la page, les deux autres exemplaires de la page reçoivent les informations correctes.
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<!DOCTYPE html>
<html lang="fr" dir="ltr">
...

Mis à jour 08/06/2018 à 10h40 par danielhagnoul (Licence)

Tags: es2015, localstorage, multiple

Catégories: ES2015 , Javascript , Développement Web

0 Commentaires

En lire plus...

Comment dévoiler lettre par lettre un message caché ?

par

danielhagnoul

, 21/02/2018 à 14h57

J'utilise un générateur ES2015 pour construire le message caché. Lorsque l'utilisateur active un bouton, il actionne l'itérateur qui appelle le générateur, lequel modifie le message caché en dévoilant une lettre au hasard. Lorsque le message est totalement dévoilé, le bouton est rendu inactif ( disabled ).

Pour cacher le message j'utilise str.replace( /[A-za-z0-9\u00C0-\u00FF]/g, "*" ), // \u00C0-\u00FF pour les à, é, è, etc.

Le générateur est assez simple, ...