Tab Content
Plus d'activité

Statistiques


Messages au total
Messages au total
5 549
Messages par jour
1,85
Albums
Albums au total
1
Images au total
9
Informations générales
Dernière activité
Hier 22h33
Date d'inscription
05/02/2009
Voir le blog de danielhagnoul

Billets récents

Compte à rebours (countdown)

par danielhagnoul, 01/04/2017 à 23h58
J'ai utilisé la librairie moment.js, voir :


La fonction countdown( id = "#countdown", interval = 1, seconds = 20, minutes = 0, hours = 0, days = 0, months = 0, years = 0 ) prend tous les paramètres nécessaires pour compter le temps à rebours.

Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
const countdown = ( id = "#countdown", interval = 1, seconds = 20, minutes = 0, hours = 0, days = 0, months = 0, years = 0 ) =>

En lire plus...

Mis à jour 02/04/2017 à 12h22 par danielhagnoul

Catégories
ES2015 , Javascript , Développement Web

Comment jouer quelques notes de musique sans charger une librairie externe ?

par danielhagnoul, 13/12/2016 à 00h52
J'ai répondu à cette question en utilisant l'API audio et les promesses, je ne prétends pas avoir trouvé la meilleure solution.

Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
const
  ctx = new AudioContext(),
  note = ( frequency = 277.18, duration = 1.0, type = "sine"  ) => {
    /*
     *  fonction note : joue une note de musique
     *  type : sine, triangle, square, sawtooth
     *  frequency : voir tableau
     *  duration : durée de la note en seconde

En lire plus...

Fichier dvjhUtilities-1.3.3.js

par danielhagnoul, 13/12/2016 à 00h10
La version 1.3.3 regroupe les "bouts de code" utiles fournis dans les billets précédents. Je m'en sers tous les jours.

Ce fichier utilise moment.js

Pour le tester :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="http://danielhagnoul.developpez.com/lib/dvjh/dvjhUtilities-1.3.3.js"></script>

Pour le copier :

En lire plus...

Comment charger et exploiter un fichier XML avec fetch ?

par danielhagnoul, 11/12/2016 à 23h10
Ce billet complète : Fetch tient ses promesses (découverte du sujet et premiers essais)

Fetch ne disposant pas d'un convertisseur response.xml(), on doit utiliser response.text() et convertir l'objet USVString en objet XML avec un objet DOMParser.

Exemple comprenant le fichier "viewentries.xml" et le fichier HTML

Code XML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<?xml version="1.0" encoding="ISO-8859-1"?>  
<viewentries timestamp="20161211T112506,68Z"

En lire plus...

Comment savoir si un élément qui n'est plus dans le DOM est détaché ou enlevé ?

par danielhagnoul, 09/12/2016 à 16h45
C'est possible en utilisant compareDocumentPosition

Exemple :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div id="haut" class="centeredDiv">
  <div id="interne">
    <p>Bonjour</p>
  </div>
</div>

Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
var divHaut = document.querySelector( "#haut" );
 
// test contains
console.log( "#interne : ", divHaut.contains( document.querySelector( "#interne" ) ) );

En lire plus...

Mis à jour 13/12/2016 à 00h02 par danielhagnoul (Ajout de la fonction kNodePosition)

Catégories
Javascript , Développement Web
Aucune certification n'a été indiquée. Déclarez vos certifications