Pretty Date One method that I’ve been wanting for quite a while now was a simple way to format old JavaScript dates in a “pretty” way. For example “2008-01-28T20:24:17Z” becomes “2 hours ago”. Here’s some more examples: prettyDate("2008-01-28T20:24:17Z") // => "2 hours ago"prettyDate("2008-01-27T22:24:17Z") // => "Yesterday"prettyDate("2008-01-26T22:24:17Z") // => "2 days ago"prettyDate("2008-01-14T22:24:17Z") // => "2 weeks ago"prettyDate("2007-12-15T22:24:17Z") // => undefined Note that I only care about dates in the past (by far the most common use case) and only dates within the past month (anything beyond a month becomes fuzzy and impractical). JavaScript Pretty Date pretty.js (Also include a .prettyDate() jQuery plugin, for convenience.)Demo (Some examples of date conversion using basic DOM manipulation.) Example Usage In the following examples I make all the anchors on the site, that have a title with a date in it, have a pretty date as their inner text. With plain DOM: With jQuery: About
Bandeau d'actualité Texotela propose sur son site un petit script très simple en jQuery pour vous permettre d’afficher dynamiquement des titres de brèves (ou des "objets" de ce que vous voulez d’ailleurs) qui se renouvellent en alternance avec un joli effet de "fading". Voyons ensemble ce que cela donne en Français. Source : Il existe de nombreuses solutions javascript pour faire défiler un bandeau d’informations ou d’actualités ou pour faire alterner l’affichage d’images dans une page web. L’intérêt de ce script par rapport à d’autres est l’accessibilité de la liste des images ou liens proposés : ils sont tous présents dans le code source et les personnes dont le javascript est désactivé verront toutes les propositions (nb : cela signifie que vous devez avoir prévu dans votre présentation que l’aspect visible n’est plus le même avec ou sans javascript). Des news qui ont de la class Cette classe sera attribuée aux éléments de l’id news qui suit.
Scrollorama - Scroll Vertical Disclaimer: This is an experimental, just-for-fun sort of project and hasn’t been thoroughly tested. Design and build your site, dividing your content into blocks. Embed scrollorama.js after jQuery and initialize the plugin, passing the blocks class selector as a parameter. Target an element and animate its properties. The animation parameters you can use are: Hook into the onBlockChange event. scrollorama.onBlockChange(function() { alert('You just scrolled to block#'+scrollorama.blockIndex); }); Note: If you are not using the pinning feature, it is recommended you disable it.
Sexy AlertBox Sexy Alert Box es un clon "sexy" del clásico alert de javascript. Con un aire a lightbox, cambia las feas alertas de windows por alertas mas atractivas!. Copyright (c) 2008 www.coders.me (Eduardo D. Sada) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
12 Simple Pure CSS Slider - XDesigns If you are looking for CSS slider, then you are right to be here, this post will help you to find the best alternative for image or content slider plugins that will work fine without JavaScript enabled. So why you need a pure CSS slider to showcase your featured content? Even though jQuery slider is really popular and has been widely used in website development, some of internet user may has JavaScript disabled on their web browser, and this is why the use of CSS slider can be really useful. Pure CSS3 Slideshow Without Page Jump Responsive CSS3 Slider Without Javascript Making a Pure CSS Featured Image Slider Making Pure CSS3 demos better Pure Gallery CSS A Pure CSS3 Cycling Slideshow Create a JQuery Content Slider Using Pure CSS A JavaScript Content Switcher That Works Without JavaScript Slideshow CSS3 Simple Auto-Playing Slideshow CSS3 Image Slider Fully Functional CSS3-Only Content Slider
Real Person This plugin is designed to help overcome automated form submission by requiring a "real person" to identify text made up of dots. The entered value is compared on the server with the generated value to determine whether processing should continue. The real person functionality can easily be added to an input field with appropriate default settings. Show code $('#defaultReal').realperson(); $('#disableReal').toggle(function() { $(this).text('Enable'); $('#defaultReal').realperson('disable'); }, function() { $(this).text('Disable'); $('#defaultReal').realperson('enable'); } ); $('#removeReal').toggle(function() { $(this).text('Re-attach'); $('#defaultReal').realperson('destroy'); }, function() { $(this).text('Remove'); $('#defaultReal').realperson(); } ); You can override the defaults globally as shown below: Processed fields are marked with a class of hasRealPerson and are not re-processed if targetted a second time. Different length: Click to change Include numbers: Java Rails
jQuery Vertical News Slider 100 red bicycles stolen from local bike store A hundred red bicycles were stolen from under our noses yesterday, and nobody knows what went wrong. New leash laws in effect for floppy-eared dogs Ears on dogs can be a tricky thing. Find out more about this amazing story and why these dogs are a nuisance. Insider: Can palm trees be saved? Ah, the palm tree. Fresh recipes to titillate the taste buds Food is great. Truck inspections under way for the metropolitan area The Sherrif's department has put out an APB on these trucks. Are the beaches safe for swimming this year? Giant orange pedal boats have been spotted at various beaches.
Slider Kit > News sliders <div class="noscript"><span class="codex-sitename">Slider Kit</span> jQuery plugin requires Javascript activation.</div> Vertical news slider A very classic news slider. Features: auto, circular, thumbnails mouseover (navitemshover option is set to true). Lorem ipsum dolor Is simply dummy text of the printing and typesetting industry. Read more Lorem ipsum dolor est Is simply dummy text of the printing and typesetting industry. Lorem ipsum Horizontal news slider Another way to use the carousel with text content. Features: mousewheel/keyboard navigation. Is simply dummy text of the printing and typesetting industry. Is simply dummy text of the printing and typesetting industry. Minimal news slider
Fancy News - jQuery plugin Features The great news slider for all devices. Supports self-written content and RSS feeds Link from the excerpt to another website Sliders Basic Slider In this slider example the content is created in the HTML document. This is a post titleThis account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators? RSS Feeds In this slider the content is created from a RSS feed.You can also test your own RSS feed by adding your RSS feed URL: Code RSS Feeds with Linking In this slider the content is created from a RSS feed and the links on the preview elements are also enabled. Code Vertical slider with Linking In this slider example the content is created in the HTML document. Options
News Slider - Défilement d'infos - en utilisant jQuery | Blog astuces web et SEOBlog astuces web et SEO Hi all, Update: Prestashop Module actualité avec défilement Après un ancien article traitant la façon de comparer deux dates en php, voila un deuxième article concernant le développement web. Ce qu’on appelle le « News Slider » ou en Français « Défilé de news » (traduction césarienne ) est devenu une partie très importante lors du développement ou la création de n’importe quel site web. Un exemple bien expliqué pour la création d’un news slider: Dans la balise head: Dans la balise body: <div id="mynews" style="display: none;"><! Ce script pourra aussi être utilisé en tant que slider photos jQuery ou défilement phtos en jQuery il suffit juste de modifier les dimensions et de mettre des photos au lieu de mettre des news demo du jQuery news slider Téléchargement: (click droit > enregistrer sous)jquery-1.2.3.pack.jsjquery.easynews.js Version complète:News_slider.zip Edit: Jai oublié d’ajouter la source[en] Catégorie: Developpement web Tags: jQuery, news slider.