AutoSuggest: An AJAX auto-complete text field : CSS . XHTML . Javascript . DOM, Development : Brand Spanking New kk said Jeffrey Ropp said Nicely done. For some reason, my results dont appear within a scroll area? I copied most of your CSS and still can't get it to work. I've also found that my results aren't always qualified by the first character provided. Try an "S" first. Any thoughts would be appreciated! Thanks, Jeff Robert said Very interesting. peter said Hi, is it possible to submit the form after clicking on some of the results? Josh said I tried that, I can't seem to get it to respond right. in order for the dropdown to be clickable you must change the code above from: this.fld.addEventListener('blur',function () { pointer.clearSuggestions() },false); to this.fld.addEventListener('blur',function () { setTimeout(function () { pointer.clearSuggestions() }, 300) },false); I figured out how to make the autosuggest show on when focused and clear when the field loses focus. replace line 24: this.toID = setTimeout(function () { pointer.clearSuggestions() }, this.oP.timeout); with return element; } Enjoy
Créa-france :: Association française pour le développement de la créativité DOM4 W3C Last Call Working Draft This version: Latest published version: Latest editor's draft: Bug tracker: file a bug (open bugs) Previous version: Editors: Anne van Kesteren, Mozilla (Upstream WHATWG version) Aryeh Gregor, Mozilla (Upstream WHATWG version) Ms2ger, Mozilla (Upstream WHATWG version) Alex Russell, Google Robin Berjon, W3C Copyright © 2014 W3C® (MIT, ERCIM, Keio, Beihang), Some Rights Reserved: this document is dual-licensed, CC-BY and W3C Document License. Abstract DOM defines a platform-neutral model for events and document nodes. Status of This Document This section describes the status of this document at the time of its publication. This document is published as a snapshot of the DOM Living Standard. This document was published by the HTML Working Group as a Last Call Working Draft. Table of Contents Goals This specification standardizes the DOM. The term An
Rich Internet Application Un article de Wikipédia, l'encyclopédie libre. Pour les articles homonymes, voir RIA. Une rich Internet application (RIA), ou application Internet riche, est une application Web qui offre des caractéristiques similaires aux logiciels traditionnels installés sur un ordinateur. La dimension interactive et la vitesse d'exécution sont particulièrement soignées dans ces applications Web. Une RIA peut être : Le terme Rich Internet Application a été introduit dans une publication de Macromedia en . Des pages HTML aux interfaces interactives riches[modifier | modifier le code] Les applications Web traditionnelles s'articulent souvent sur une architecture utilisant des clients légers : les traitements sont réalisés sur le serveur (distant), le client (local) ne faisant qu'en réaliser une présentation (exemple : HTML). Les RIA s'efforcent de rapatrier chez le client (local) une partie des traitements normalement dévolus au serveur. Avantages/inconvénients[modifier | modifier le code]
Tipped - The Javascript Tooltip Framework Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. Canvas graphics The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. Canvas based tooltips also have the advantage that they look great in every browser, even in IE6! Javascript API With the powerful API provided by Tipped it's possible to quickly create and control tooltips customized to your site, all it takes is a few lines of Javascript. And more... Check out the demonstrations below or head over to the documentation to discover more awesome features.
Une maison en Lego par James May Le présentateur de BBC TV James May, plus connu sous le nom de "Captain Slow" travaille en ce moment pour une nouvelle émission appelée Toy Stories qui sera sur les écrans cet automne sur BBC2. L'idée de l'émission est de représenter des jeux célèbres de façon extrême.Mr May est donc en train de construire une maison entièrement en Lego pour un nouvel épisode! La maison est construite avec des blocs de Lego contenant chacun 272 pièces. Pour finir la maison plus de 3 millions de brique de Lego seront utilisées soit au total 816 millions de Legos! James May avait auparavant fait le même genre d'exploit avec le plus grand circuit au monde de Scalextric et le plus long rail de train du monde. Via
La gestion des vnements en JavaScript Cet article est une introduction aux notions nécessaires pour bien comprendre et utiliser les événements en JavaScript. JavaScript est un langage événementiel : le développeur a un contrôle limité sur le flux d'exécution du code, qui est déterminé principalement par les interactions avec l'environnement (activation d'un lien, mouvement de la souris, chargement du contenu du document, …). La gestion des événements est un sujet essentiel dans le cadre de ce langage. Elle reste pourtant assez mal comprise, en partie à cause des lacunes et erreurs d'implémentation des différents navigateurs. Le DOM niveau 0, standard de facto hérité de Netscape ; il s'agit de l'interface la plus largement supportée mais aussi la moins puissante. Les concepts présentés dans la suite de l'article sont communs à ces trois familles, sauf indication contraire. L'objet Event Un événement est un changement d'état de l'environnement qui peut être intercepté par le code JavaScript. target type stopPropagation <!
Interface graphique Un article de Wikipédia, l'encyclopédie libre. Pour les articles homonymes, voir GUI. Quelques widgets typiques Les interfaces graphiques sont mises en œuvre par un ensemble de logiciels souvent inclus dans les systèmes d'exploitation. Ce sont des dispositifs courants des appareils informatiques, notamment les ordinateurs, les guichets automatiques bancaires, les téléphones portables et les récepteurs GPS. Histoire[modifier | modifier le code] En 1970, les ordinateurs se manipulent en tapant au clavier des phrases indiquant les opérations et les noms des objets à manipuler - c'est l'interface en ligne de commande. Le Xerox Star, est un ordinateur créé par Xerox en 1981. Principes[modifier | modifier le code] L'utilisation du dispositif de pointage en lieu et place du clavier permet d'éviter de transcrire les opérations, évitant ainsi l'apprentissage du lexique et de la syntaxe de commandes et les erreurs de dactylographie. Look and feel - aspect et comportement[modifier | modifier le code]
jQuery Before/After Plugin About a month ago I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it. Here’s the result: Pretty slick no? Download Go to the Before/After download page What’s So Great About this Plugin? Slick effect, no Flash neededIt’s just 7K (4K compressed)Reusable on multiple containersDegradable. How to Use First, your before and after images must be the same size. All images *MUST* have the width and height declared otherwise the plugin won’t work in Safari, Chrome, and any other webkit-based browsers. That’s it! Options Demos
Advergame Un article de Wikipédia, l'encyclopédie libre. L'advergame ou jeu vidéo publicitaire, est un jeu vidéo qui cherche uniquement à promouvoir l'image d'une marque. Le mot advergame est un néologisme qui vient de la combinaison d'advertisement (publicité) et de game (jeu). Définition de l’advergame[modifier | modifier le code] Principe de l'advergame[modifier | modifier le code] L'advergame est un jeu, en général de type jeu vidéo, destiné à promouvoir une marque. Des études ont établi que les Parisiens percevaient en moyenne près de 3 000 messages publicitaires chaque jour[1]. L'advergaming est la plus récente technique utilisée par les publicitaires afin de toucher les consommateurs. Finalité[modifier | modifier le code] Les entreprises cherchent à rester pérenne sur leur marché cible. Développer la notoriété de la marque[modifier | modifier le code] Afin de maintenir ou renforcer la notoriété d’une marque, il convient de mettre en valeur l’image qu’elle renvoie auprès de la cible.
twitter/innovators-patent-agreement GitHub Human interface guidelines Human interface guidelines (HIG) are software development documents which offer application developers a set of recommendations. Their aim is to improve the experience for the users by making application interfaces more intuitive, learnable, and consistent. Most guides limit themselves to defining a common look and feel for applications in a particular desktop environment. The guides enumerate specific policies. Policies are sometimes based on studies of human-computer interaction (so called usability studies), but most are based on arbitrary conventions chosen by the platform developers. Scope[edit] Human interface guidelines often describe the visual design rules, including icon and window design and style. HIGs are also done for applications. Cross-platform guidelines[edit] In contrast to platform-specific guidelines, cross-platform guidelines aren't tied to a distinct platform. Examples of HIGs[edit] See also[edit] References[edit]