Accueil - JavaScript Tout afficher

Sélectionner le texte d'un champ en Javascript

Wakonda - JavaScript Posté le 21 décembre 2015

Le code suivant permet, en Javascript, de sélectionner le contenu d'un champ en cliquant sur un bouton :

<html>
  <head>
    <script>
      function displayResult() {
        document.getElementById("myTextarea").select();
      }
    </script>
  </head>
  <body>
    <textarea id="myTextarea" cols="20"> At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP. </textarea>
    <br />
    <button type="button" onclick="displayResult()">Select contents of text area</button>
  </body>
</html>

 

Lire ...

Valider une adresse email en Javascript

Wakonda - JavaScript Posté le 21 décembre 2015

La façon la plus courante pour tester la validité d'une adresse email en Javascript est d'utiliser une expression régulière. Exemple :

var email = prompt("Entrez votre adresse e-mail : ", "javascript@wakonda.guru");

if (/^([a-z0-9._-]+)@([a-z0-9._-]+)\.([a-z]{2,6})$/.test(email)) {
  alert('Partie locale : ' + RegExp.$1 + '\nDomaine : ' + RegExp.$2 + '\nExtension : ' + RegExp.$3);
} else {
  alert('Adresse e-mail invalide !');
}

 

Lire ...

JS : Trier un tableau + encodage

Wakonda - JavaScript Posté le 22 septembre 2015

Après avoir trier un tableau en Javascript, j'ai constaté que les éléments commençant par des caractères spéciaux (les accents français, par exemple) était mal trié, ces derniers se trouvant en dernière position alors qu'il commençait par "Î".

En effet, en utilisant simplement la fonction "sort" de Javascript, on obtient le résultat suivant :

var arr = ["Yonne", "Alsace", "Île de France"];
arr = arr.sort();

// Résultat : ["Alsace", "Yonne", "Île de France"]

Pour parer à cela, JS nous offre une fonction bien utile, "localeCompare"

Exemple d'utilisation :

var arr = ["Yonne", "Alsace", "Île de France"];

// Déclaration de la fonction de tri
function frsort(a,b) {
  return a.localeCompare(b);
}

// Utilisation
arr = arr.getUnique().sort(frsort);

// Résultat : ["Alsace", "Île de France", "Yonne"]

 

Lire ...

JS : Trier un tableau d'objets

Wakonda - JavaScript Posté le 22 septembre 2015
Trier un tableau en Javascript est d'une simplicité enfantine, mais trier un tableau d'objets est un tout petit peu moins évident ...

Pour cet exemple, nous prendrons un tableau d'objets se présentant sous la forme suivante :

[
  { code: 68, department: 'Haut-Rhin' },
  { code: 89, department: 'Yonne' },
  { code: 31, department: 'Haute-Garonne' },
  { code: 29, department: 'Finistère' },
  { code: 68, department: 'Haut-Rhin' },
  { code: 75, department: 'Île de France'}
]

Trions le tableau

Le langage Javascript possède une fonction sobrement intitulé "sort" qui marche à merveille dans le cas d'un simple tableau. Seulement, par rapport au JSON précédent, il se peut que vous ayez le besoin de trier selon le "code" ou encore le "department". Pour ce faire, vous pouvez procéder comme suit :

// Trie par 'code'
items.sort(function (a, b) {
  if (a.code > b.code)
    return 1;
  if (a.code < b.code)
    return -1;

  return 0;
});

// Trie par 'department'
items.sort(function (a, b) {
  if (a.department > b.department)
    return 1;
  if (a.department < b.department)
    return -1;

  return 0;
});

 

Lire ...

Un "var_dump" en Javascript

Wakonda - JavaScript Posté le 26 août 2015

La fonction très utile en PHP "var_dump" n'existe hélas en Javascript. Toutefois, il est possible d'en utiliser une qui se rapproche de celle de PHP. La voici :

function dump(obj) {
    var out = '';
    for (var i in obj) {
        out += i + ": " + obj[i] + "\n";
    }

    alert(out);

    var pre = document.createElement('pre');
    pre.innerHTML = out;
    document.body.appendChild(pre)
}

 

Lire ...

Nombre de chiffres après la virgule en Javascript

Wakonda - JavaScript Posté le 1 août 2015

Pour limiter le nombre de chiffres après la virgule en Javascript, on utilise la fonction « toFixed(value) », « value » étant le nombre de chiffre que l’on souhaite avoir après la virgule.

Exemple :

var nbr = « 3.5551258 » ;
nrb = parseFloat(nbr) ;
nbr.toFixed(2);

Ce code affichera : 3.55

Lire ...

Imprimer avec Javascript en format « paysage »

Wakonda - CSS, JavaScript Posté le 25 mai 2015
Il existe, en CSS, une multitude de propriétés permettant de mettre en forme une page Internet que l’on souhaite imprimer. Voici, donc, une astuce pour imprimer en mode « paysage ».

<style type="text/css" media="print">
    @page {
        size: landscape;
    }
</style>

 

Lire ...

Rechercher

Tags

Articles récents

Publicité

Suivez-nous

Aidez-nous !

Aidez-nous !