Skip to content

Instantly share code, notes, and snippets.

View 384400's full-sized avatar

384400 384400

  • Bordeaux (Woeid, 580778), France, Europe, Earth, Solar System, Mikly Way
View GitHub Profile
@384400
384400 / -readme.md
Last active September 10, 2015 13:11
[JavaScript] Valider une date en JavaScript

Comment valider une date en JavaScript, puisque les expressions régulières proposent une validation insuffisante ?

Nous pourrions, avec une simple expression régulière, vouloir valider une date :

<script>
function ValidDate(day) {
    var pattern = new RegExp(/^\d{2}-\d{2}-\d{4}$/);
    return pattern.test(day);
}
</script>
@384400
384400 / protect.md
Last active January 9, 2016 16:51
[Php] Comment protéger une page avec un mot de passe ?

Comment protéger une page avec un mot de passe ?

Voici une portion de code, perfectible (nous abusons des parenthèses !), en Php, pour protéger frugalement le contenu d'une page avec un mot de passe.

Au premier affichage, le visiteur est invité à saisir le mot de passe. À la cinquième tentative erronée, le curieux indélicat est redirigé. Si le mot de passe est correct, le contenu textuel de la page s'affiche.

@384400
384400 / -readme.md
Last active January 19, 2016 10:33
[JavaScript] [jQuery] [PHP] Trouver une classe associée à une autre classe

Comment identifier une deuxième classe associée à une première classe avec jQuery ?

Par exemple, nous voulons connaître la classe associée à la classe foo.

L'intérêt peut être multiple...

À titre d'illustration, nous générons une liste de choix avec Hypertext Preprocessor (Php) à partir de la saisie d'un utilisateur, qui est envoyée par Asynchronous JavaScript And Xml (Ajax). Nous voulons conserver un identifiant pour sécuriser la transaction suivante.

<?php
@384400
384400 / diakritikós.md
Last active January 19, 2016 14:09
[JavaScript] [Css] [Html] Diakritikós, méthode frugale d'internationalisation de sites Internet

Diakritikós

Diakritikós est une méthode frugale pour afficher un site en plusieurs langues grâce à JavaScript.

Diakritikós fonctionne avec les principaux navigateurs, y compris Internet Explorer à partir de la version 9. Quand le navigateur ne supporte pas les méthodes mises en œuvre ou si JavaScript n'est pas disponible, la langue par défaut s'affiche.

Diakritikós utilise deux méthodes :

  • en ligne ;
  • par bloc.
@384400
384400 / -debug.md
Last active January 19, 2016 14:50
[JavaScript] Afficher la valeur de retour d'un élément de formulaire aux fins de débogage

Comment afficher la valeur de retour d'un élément de formulaire aux fins de débogage

@384400
384400 / -equities.md
Last active January 19, 2016 14:50
[JavaScript] Quelques équivalences JavaScript

Voici quelques équivalences et variantes en JavaScript...

@384400
384400 / -debug-javascript.md
Last active January 19, 2016 15:07
[JavaScript] Afficher les messages de débogage

Comment afficher les messages de débogage en JavaScript ?

Il existe au moins (!) trois méthodes pour afficher les méthodes de débogage.

  1. alert(out);
  2. document.write(out);
  3. console.log(out);
@384400
384400 / -svg.md
Last active January 19, 2016 15:08
[Svg] [Html] [JavaScript] [Php] [Css] Afficher des images Svg en ligne avec et sans solution de repli

Comment afficher des images Svg en ligne avec et sans solution de repli ?

Les images en ligne au format Standard Vector Graphics (Svg), commodes d'emploi, permettent une économie de bande passante. Prenons un exemple, avec l'image décrite comme suit (svg-0.html)...

<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="title-logo desc-logo">
    <title id="title-logo" class="svg-aria">Logotype</title>
    <desc id="desc-logo" class="svg-aria">Ornement</desc>
    <path fill="#ff0000" d="M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20M12,12A2,2 0 0,0 10,14A2,2 0 0,0 12,16A2,2 0 0,0 14,14A2,2 0 0,0 12,12M18,14C18,13.31 17.88,12.65 17.67,12C16.72,12.1
@384400
384400 / -javascript.md
Last active January 19, 2016 15:08
[Html] [JavaScript] [jQuery] [Css] Assurer uniquement un support en JavaScript

Comment assurer uniquement un support en JavaScript ?

Nous souscrivons à la plupart des arguments en faveur du maintien du support de JavaScript, comme ceux développés dans [punkchip] (http://www.punkchip.com/why-support-javascript-disabled/) (le texte est en anglais).

En effet, le contenu des sites justifie rarement l'emploi exclusif (ou maladroit !) de JavaScript.

Cependant, JavaScript peut être nécessaire pour assurer une interaction riche avec les visiteurs. 1 à 2 % d'internautes rétifs ne justifie pas un double développement ou un appauvrissement des fonctionnalités permises par l'état de l'art. Au surplus, ces internautes qui désactivent JavaScript dans leur navigateur sont plutôt des technophiles (soucieux de vitesse, de sécurité...), car les autres ne modifient pas la configuration d'origine ; les premiers connaissent les avantages et les inconvénients de la technologie. Enfin, l'interaction exclusive avec JavaScript, comme les requêtes en Asynchronous JavaScript And Xml (Ajax), peut être un

@384400
384400 / -detect.md
Last active January 19, 2016 15:09
[Html] [JavaScript] [Css] Détecter les caractéristiques d'un navigateur sans Modernizr

Comment détecter les caractéristiques d'un navigateur sans Modernizr ?

[Modernizr] (http://modernizr.com/) permet de détecter facilement les caractéristiques d'un navigateur afin de prévoir une solution de repli éventuelle, un Fallback ou Failback.

Cependant, et comme la ressource est rare, il peut être judicieux de détecter quelques caractéristiques, directement, sans librairie.

Toutes les détections que nous présentons ont été testées dans les principaux navigateurs, c'est-à-dire qu'elles ne provoquent pas d'erreurs : la syntaxe est conforme comme l'indique [JsHint] (http://jshint.com/) et universelle comme le confirme [JavaScript compatibility checker] (http://jscc.info/). Elles permettront d'y puiser de l'inspiration pour d'autres développements.

Attention ! certaines propriétés sont redondantes.