Javascript

UploadAjaxABCI Version 6.5
auteur Alain Bontemps ABCIWEB
Classe d'upload Javascript / jQuery / Html5

Module complet prêt à l'emploi avec classes Php côté serveur, et plusieurs exemples de formulaires customisés et finalisés.

- Surpasse les limitations serveur "upload_max_filesize", "post_max_size" et "max_file_uploads".

- Permet la reprise d'un téléchargement interrompu après un arrêt volontaire ou une panne internet ou serveur, en utilisant la partie sauvegardée.

- Customisation des boutons de sélections avec comportements drag and drop et/ou onclick.

- Retours d'informations en temps réel personnalisable et très souple :
Voir la suite

Simple autocomplete

Ce script met en place une image qui suit le curseur sur la page Web.

Languages utilisés :

• JavaScript ;


• CSS ;


• HTML.

Sur le site http://designwithpc.com/Plugins/ddSlick, vous trouverez un plugin intéressant permettant de faire une liste avec libellé, image, description ...

Mais comment le remplir ...
Ici j'appelle une fonction qui me renvoie les éléments à afficher dans la liste et je rajoute un item correspondant à "aucun"

En partant d'un précédent post de code, j'ai rajouté :
Entete et pied fixe
Paramétrage hauteur et largeur colonne
Suppression
selection
tri multi-colonne : avec touche alt + clic souris sur nom colonne

Le tout se basant sur le design jqueyUI

Tableau avec entête et pied fixe et scroll sur les données.

Plugin jQuery permet de créer une liste de choix ergonomique, avec :

- support contenu HTML
- recherche autocomplétion
- source de données distantes

Site : https://code.google.com/p/jautochecklist/

Une simple lib pour afficher en grand une image avec des contrôles de zoom et des raccourcis clavier !
Pour l'utilisation:
1. avoir une image(l'évidence même, non ?)
<img src="mon_url_image" id="id_image">
OU
<img src="mon_url_mignature_image" data="mon_url_image" id="id_image">
2. lier au clic sur l'image la fonction [b]img_zoom_open[/b] comme par exemple:
document.querySelector('#mon_id_image').addEventListener('click',function(){img_zoom_open('mon_id_image');},false);

Faire défiler du texte lettre par lettre (Effet machine à écrire)

Windy permet de faire défiler rapidement des éléments. L'effet fera s'envoler les éléments comme un jeu de cartes ou des feuilles qui, pris dans un coup de vent, s'envolent. D'où le nom du plugin. Ceci est réalisé en utilisant des transformations CSS 3D et des transitions.

Il y a plusieurs options disponibles, comme la plage de propagation des éléments, la vitesse, l'ajout de navigations personnalisées, etc.

Pour les navigateurs qui ne supportent pas les transformations CSS 3D ou les transitions, il y a une navigation simple par défaut, c'est à dire faire apparaître/disparaître les éléments sans effet.

A partir du projet tablesorter, l'idée est d'avoir un exemple au plus simple, avec le minimum de fichier en utilisant le custom de son jquery ui pour faciliter le design.

L'idée est de repartir d'un précédent post mais en retirant le TableSorter. De plus, le tri et le filtrage se fait côté serveur pour garder de petite transaction.

Une version fraîche du hangman traditionnel. Dictionnaire Inglés composé de 110000 mots. Propulsé par la bibliothèque jQuery, AJAX et PHP.

Le Zip contient un projet Visual Studio 2010. Dedans vous retrouvez le FileUpload JqueryUI de BlueImp.
Mais avec quelques modifications. J'ai impacter que 2 fichiers (jquery.fileupload-validate.js et jquery.fileupload-ui.js)

1/ Ajout de control du nom de fichier (sinon risque d'écraser fichier existant)
2/ Control de la taille totale de TLD côté js et côté vb (à cause IE9 controle pas taille de fichier que lors du chargement)
3/ Traduction en français des messages d'erreur
4/ Verrouillage bouton "Envoyer" si pas utile supprimer les appels à CheckEnvoyer
5/ Ajout du découpage (chunk) de fichier pour les browser le upportant
6/ Taille de fichier en Mo (au lieu Mb peu utilisé en France)
7/ Si Erre ... Voir la suite

L'objectif est la création d'un framework extensible et interopérable avec les autres frameworks JavaScript. Le principe est de pouvoir créer son propre langage de modélisation en étendant la syntaxe HTML pour rencontrer vos besoins.

Cette démarche respecte de près les règles du MVC (modèle, vue, contrôleur). Il y a de fait une synchronisation entre les données de l'interface utilisateur et les objets JavaScript.

Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...

Le code source d'un calendrier annuel

Grâce à ce plugin, jQuery très léger vous pourrez passer en douceur aux images responsive.
En effet, ce mot est très à la mode ces derniers temps dans le développement Web. Il s'agit en fait tout simplement de pouvoir adapter vos contenus en fonction de la résolution d'écran de l'utilisateur (et donc du type d'appareil avec lequel il visite votre site).

Pour se faire, ce plugin vous offre deux solutions qui sont actuellement à l'étude pour devenir le standard des images responsive : l'élément et la nouvelle balise récemment proposée .

Une mise en garde cependant : ce plugin utilise des éléments qui ne sont pas encore considérés comme valide par le w3c !

PhoneGap, la plateforme open source pour le développement des solutions mobiles. L’outil permet aux développeurs de concevoir des applications hybrides en JavaScript, HTML et CSS, pouvant exploiter les principales fonctionnalités et ressources (géolocalisation, accéléromètre, etc.) des plateformes mobiles.

La solution peut donc être utilisée pour créer des applications pour Android, iOS, Windows Phone et BlackBerry OS. La plateforme avait été migrée vers la Fondation apache afin de répondre aux exigences pour ses futurs développements.

Dans cet exemple nous allons chiffrer un texte en utilisant l'algorithme de chiffrement AES.
Nous utiliserons pour cela l'API cryptographique web disponible dans les navigateurs Google Chrome et Mozilla Firefox.
Cette API fournit de nombreuses promises sur lesquelles, le programmeur n'invoquera que les méthodes then() et catch() pour développer en JavaScript.
L'objectif de notre exemple sera de permettre à l'utilisateur de rentrer le paragraphe ainsi qu'une clé de 128 bits qu'il souhaite pour que notre programme lui montre ce que donne son texte une fois chiffré puis déchiffré.