Accueil - JavaScript Tout afficher
Sélectionner le texte d'un champ en Javascript
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
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
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
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
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
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 »
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
- Quel est le but de l'attribut "role" en HTML ?
- Changer la couleur de l'espace réservé (placeholder)
- Attention à cet email d’arnaque !
- Supprimer un fichier d'un référentiel Git sans le supprimer du système de fichiers local
- JS - Récupérer le dernier élément d'un tableau
- JS - Prévisualiser une image avec son upload
- PHP - Convertir une chaîne de caractères en un booléen
- PHP : Vérifier si une session a déjà été démarrée
- Créer un APK ou un AAB en ligne de commandes
- L'opérateur !! en Javascript