PlaceOweb Dotclear - Javascript

Node.js

PlaceOweb — Sat, 21 Dec 2019 19:23:00 +0100

Node.js JavaScript runtime

Installation de Node.js Lors de l'installation de Node.js, vous aurez les binaires : npm : Node Package Manager, le gestionnaire de packets pour Node. Le site npm pour chercher des packages node : le binaire de Node $ node -v v12.18.3 v14.9.0 $ npm -v 6.14.6 6.14.8 Download for Windows (x64) 14.15.0 LTS : Recommended For Most... Lire Node.js

visual studio code jquery

PlaceOweb — Sat, 03 Feb 2018 09:00:00 +0100

Comment activer la complétion syntaxique jQuery sur Visual Studio Code ?

Une fois Node.js installé, dans le "Terminal intégré" de visual studio code, et placé dans votre dossier de projet : Via la vidéo : How to Install IntelliSense Jquery to Visual Code et les commandes Commandes d'installation : npm install tsd -g npm install typings --global typings install dt~jquery --global et dans votre... Lire visual studio code jquery

Javascript

PlaceOweb — Sun, 29 Oct 2017 22:42:00 +0100

Une très bonne approche complète du javascript en anglais sur : The Modern Javascript Tutorial Et pour s'essayer avec le javascript en ligne, voici quelques éditeurs JS online : JSFiddle Plunker Les autres ressources de la catégorie JS JavaScript sur ce site.... Lire Javascript

Bootstrap

PlaceOweb — Wed, 25 Oct 2017 19:29:00 +0200

Bootsrap pour la mise en page ? avec son flexgrid responsive en 12 colonnes, et sa CSS pré-configurée pour afficher les boutons.

Peut t'on l'utiliser seul ? par dessus un site existant ? avec d'autres librairies CSS ?..

Avec cette nouvelle version Bootsrap 4, doit on utiliser l'ancestral Bootsrap 3 et les plugins associés ? ou peut on espérer que ces vieux plugins vont êtres migrés en version 4 ?

Explication illustrée de change entre BS3 et BS4 : Bootstrap 4: What’s New - A Visual Guide to The Next Bootstrap Les points de coupure bascule des tailles d'écran : BS4 - Responsive breakpoints // xs - Extra small devices (portrait phones, less than 576px) @media (max-width: 575px) { ... } // sm - Small devices (landscape phones, 576px and up)... Lire Bootstrap

jQuery $ prototype

PlaceOweb — Sat, 02 Sep 2017 12:46:00 +0200

$( document ).ready(function() { console.log("isLoaded"); console.log($); console.log($()); console.log($.prototype); console.log($().jquery); console.log(jQuery); console.log(jQuery()); console.log(jQuery.prototype); console.log(jQuery().jquery); console.log($.fn); console.log($.fn.jquery); }); /* isLoaded function ()... Lire jQuery $ prototype

beforeunload - quitter ce site ? confirmer sa fermeture ?

PlaceOweb — Sat, 02 Sep 2017 12:13:00 +0200

Chrome:

Voulez-vous quitter ce site ?
Les modifications que vous avez apportées ne seront peut-être pas enregistrées.
Quitter | Rester

Firefox:

Cette page demande de confirmer sa fermeture ; des données saisies pourraient ne pas être enregistrées.
Quitter la page | Rester sur la page

Quel est ce message de confirmation que certains sites indiquent lorsque nous quittons leur site après avoir commencé une saisie ? L'événement beforeunload est déclenché quand la fenêtre, le document et ses ressources sont sur le point d'être déchargés. // version native JS window.onbeforeunload = function() { if (myVariableSiOnARienModifier ==... Lire beforeunload - quitter ce site ? confirmer sa fermeture ?

JavaScript - function pour co/dé/cocher check/uncheck toutes les checkboxes input type="checkbox"

PlaceOweb — Sun, 26 Jun 2016 19:30:00 +0200

Fonction JavaScript pour co/dé/cocher check/uncheck toutes les checkboxes input type="checkbox" checked.

Sans jQuery, et depuis la fenêtre de debug par emple Firebug sous Firefox (F12), et via la console on peut injecter et appeler cette fonction en JS natif pour tout cocher sans avoir à le faire manuellement !

La fonction : Javascript function to check and uncheck all checkboxes /* * frm = Name of the form * fname = Unique name of the checkboxes * check = set checkbox checked or unchecked (true|false) */ function setCheckBoxes(frm, fname, check){ var frm = document.forms[frm]; if(frm == 'undefined'){ return; } var chkBoxs =... Lire JavaScript - function pour co/dé/cocher check/uncheck toutes les checkboxes input type="checkbox"

jQuery form dialog upload

PlaceOweb — Sun, 01 May 2016 19:03:00 +0200

In short, for upload form with ajax, can be do with :

any form (in a jQuery-ui Dialog or not)
FormData ( a set of key/value pairs representing form fields and their values )

And the tips for jquery ajax call, is to define jquery with this two options (contentType, processData) set to false : $.ajax({ url: $url, type: 'POST', data: formData, processData: false, contentType: false, Ressources : FormData and Using FormData Objects Uploading File with jQuery... Lire jQuery form dialog upload

jQuery datepicker clone

PlaceOweb — Sun, 17 Apr 2016 22:39:00 +0200

How to clone a jQuery UI Datepicker, and keep handler ?

I read several solution about cloning a datepicker jquery, but in my case, the datepicker source element is already loaded by the DOM and instanciate by jQuery UI. I finaly solve it using : var newID = $th.attr('id').replace(/\d+$/, function(str) { return parseInt(str) + 1; }); $th.attr('id', newID); // datepicker : remove icon... Lire jQuery datepicker clone

javascript variable name dollar sign?

PlaceOweb — Sun, 17 Apr 2016 22:11:00 +0200

When and why use dollar sign or underscore in a variable name ?

3r d Edition - December 1999 - Standard ECMA-262 ECMAScript Language Specification Identifiers : This standard specifies one departure from the grammar given in the Unicode standard: The dollar sign ($) and the underscore (_) are permitted anywhere in an identifier. The dollar sign is intended for use only in mechanically generated code. 5th... Lire javascript variable name dollar sign?

jQuery find

PlaceOweb — Sun, 17 Apr 2016 21:55:00 +0200

How to use selectors on a jQuery Object ?

Hello, how are you?

Me? I'm good.

$('*').css( "color", "blue" ); // all elements $('#my_html_id').css( "color", "red" ); // or $myJqObject = $('#my_html_id_root'); $myJqObject.find( "span" ).css(... Lire jQuery find

JS - JavaScript

PlaceOweb — Tue, 12 Apr 2016 20:52:00 +0200

JavaScript = JS

// e.preventDefault() will prevent the default event from occurring. // e.stopPropagation() will prevent the event from bubbling up/propagating the DOM. // return false will do both. Références : JavaScript Wikipédia JavaScript Mozilla Developer Network (MDN). Le standard pour JavaScript est ECMAScript. ECMAScript est un... Lire JS - JavaScript

jQuery link click

PlaceOweb — Tue, 12 Apr 2016 20:34:00 +0200

You can't trigger click on a href link with .click(). It only call handler associate (if one), but not simulate mouse click user.

text link $("#myLink").click(); // doesn't work // for use href location of link, use : window.location.href = $("#myLink").attr("href"); // and for both : handler defined + href $("#myLink").click(); window.location.href = $("#myLink").attr("href"); // or if ($("#myLink").click)... Lire jQuery link click

js serialise array to php

PlaceOweb — Mon, 09 Nov 2015 19:33:00 +0100

Comment serialiser du js vers du php

Pass Javascript arrays to PHP (PHP recipe)... Lire js serialise array to php

WebSocket et SSE (Server Sent Events / EventSource)

PlaceOweb — Sun, 28 Oct 2012 17:21:00 +0100

En plus des traditionnelles requêtes ajax, il existe depuis l'HTML5 les WebSocket et Server Sent Events (SSE).

WebSocket Cette spécification définit une API qui permet aux pages Web d'utiliser le protocole WebSocket (défini et normalisé par l'IETF dans la RFC 6455) pour une communication bidirectionnelle avec un hôte distant. The WebSocket API Websocket WebSocket Server Sent Events Cette spécification définit une API pour ouvrir une connexion HTTP... Lire WebSocket et SSE (Server Sent Events / EventSource)

javascript array supprimer élément

PlaceOweb — Fri, 20 Apr 2012 19:51:00 +0200

En JavaScript, la suppression du premier ou dernier élément d'un tableau (Array) est facile avec ces méthodes :

shift() (retirer le premier élément d'un tableau)
pop() (effacer le dernier élément d'un tableau)

Mais comment et avec quelle méthode supprimer un élément (par sa clé/index ou valeur) situé en plein milieu d'un tableau JavaScript ?

splice() (effacer et ajouter des éléments)

La méthode à utiliser pour supprimer des éléments (intermédiaires) dans un tableau Javascript : Array.splice Array.splice Array.splice() écrase une tranche de tableau splice() (effacer et ajouter des éléments) splice : Adds and/or removes elements from an array. PS : à ne pas confondre avec Array.slice() Array.slice() retourne une tranche de... Lire javascript array supprimer élément

javascript textarea string.length diffère entre firefox, chrome et internet explorer

PlaceOweb — Mon, 16 Apr 2012 13:50:00 +0200

Selon votre navigateur, l'attribut .length retourne une taille différente entre firefox, chrome et internet explorer, car ils ne compte pas de le même manière les saut de ligne.

var o = window.document.getElementById("textarea_commentaire"); console.log(o.value.length); 01234567890123465789 Firefox, Chrome et internet Explorer : 20 0123456789 0123456789 Firefox et Chrome : 21 Internet Explorer : 22 Vous devrez donc calculer vous même les retours chariot : function limitChars(textid, limit, infodiv) { var text =... Lire javascript textarea string.length diffère entre firefox, chrome et internet explorer

jQuery Mobile vs Sencha Touch

PlaceOweb — Sat, 17 Mar 2012 22:18:00 +0100

Pour vos développement web à destination des mobiles (pda, smartphone), quel framework javascript utiliser ?

Déjà en terme lexical,

"PDA" a disparu au profil de "smartphone" (petit téléphone, qui est en fait un mini ordinateur),
le "touch" pour "touché tactile", modifie l'ergonomie des clics et défilements avec vos gros doigts,
et avec l'implémentation de l'HTML5 et de JavaScript par les navigateurs, on peut augmenter les possibilités de l'application cliente
d'autant si vous standardisez votre UI (user interface : interface utilisateur) ...

21 octobre 12 : Les web apps HTML5 prêtes à enterrer les apps natives ? Bien qu'il faille implémenter du sûr mesure, les applications natives n'ont pas dit leur dernier mot, car elles permettent de travailler hors ligne, d'avoir une gestion fine des périphériques (écran et résolution, GPS pour la géolocalisation, la caméra, l'accéléromètre, ...)... Lire jQuery Mobile vs Sencha Touch

Librairies graphiques JavaScript HTML5

PlaceOweb — Sun, 11 Mar 2012 23:22:00 +0100

Générez des courbes, des histogrammes, des camemberts et bien plus encore... Les diagrammes circulaires, les graphiques en lignes, en barres... ... avec HTML5 les possibilités augmentent.

Comparatifs des librairies JavaScript pour les graphiques Tableau comparatif collaboratif de toutes les librairies JavaScript pour faire des visualisations de données graphiques et interactives Librairies graphiques JavaScript (SVG, HTML5 ou non, en tant que framework ou non) Morris.js Morris.js est une bibliothèque légère qui utilise... Lire Librairies graphiques JavaScript HTML5

Ext JS

PlaceOweb — Thu, 20 Oct 2011 00:26:00 +0200

Ext Js, si vous ne le connaissez pas encore, je vous laisse découvrir cette bibliothèque Javascript nommée Ext (en anglais)

ExtJs6 - ExtJs6.0.x, ExtJs6.2.x, ExtJs6.5.x, ExtJs6.6.x ... Ext JS 6.6.0 - Jun 14 2018 http://cdn.sencha.com/ext/gpl/ext-6.6.0-gpl.zip 404 extjs/6.6.0/release-notes Ext JS 6.5.3 - Jan 23 2018 http://cdn.sencha.com/ext/gpl/ext-6.5.3-gpl.zip 404 extjs/6.5.3/release-notes Ext JS 6.5.1 - Jul 18 2017... Lire Ext JS