SimpleModal Demos / Eric Martin / ericmmartin.com Basic Modal Dialog A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel. Demo Download Basic Modal Dialog For this demo, SimpleModal is using this "hidden" data for its content. Examples: $('#basicModalContent').modal(); // jQuery object; this demo$.modal(document.getElementById('basicModalContent')); // DOM$.modal('<p><b>HTML</b> elements</p>'); // HTML More details... OSX Style Dialog A modal dialog configured to behave like an OSX dialog. Inspired by ModalBox, an OSX style dialog built with prototype. Demo Download OSX Style Modal Dialog Hello! SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development. As you can see by this example, SimpleModal can be easily configured to behave like an OSX dialog. (or press ESC or click the overlay)
The ultimate jQuery Plugin List jQuery is definitely my favourite Javascript Library and this ultimate jQuery Plugin List is for all other jQuery Lovers out there. At the moment there are about 240+ awesome Plugins in the List I'm sure that there are a lot of other plugins out there - so if you knew one that's not in the list please post a comment and i will add it. Thanks! File upload Ajax File UploadjQUploaderMultiple File Upload pluginjQuery File StyleStyling an input type fileProgress Bar Plugin Form Validation jQuery ValidationAuto HelpSimple jQuery form validationjQuery XAV - form validationsjQuery AlphaNumericMasked InputTypeWatch PluginText limiter for form fieldsAjax Username Check with jQuery Form - Select Box stuff jQuery ComboboxjQuery controlled dependent (or Cascadign) Select ListMultiple SelectsSelect box manipulationSelect Combo PluginjQuery - LinkedSelectAuto-populate multiple select boxesChoose Plugin (Select Replacement) Form Basics, Input Fields, Checkboxes etc. Time, Date and Color Picker Rating Plugins
jQuery Tips and Tricks jquery.biggerlink Purpose A jQuery plugin to make it really easy to enable the specified element/s to behave as a proxy for their first contained link. Uses additional css classes to provide the means for the specified element to visually reflect focus and hover states of it's contained link/s. More to read in my blog post: Bigger link: easier clicking with jQuery Requires jQuery version 1.3+ Tested successfully in: Firefox 3.x Safari 3,4 Opera 9 Simple demo With links to more demos. Basic demonstration Updated for jQuery 1.3 With the release of jQuery 1.3 I have revisited this plugin to improve my understanding of the new event object and fixed some bugs and added some features while I was at it. If you are stuck with jQuery version 1.2 try jquery.biggerlink version 1. How to use it Here are some typical configurations. Defaults Normally this plugin will need very little configuration - although you do need to point it at the element/s on which you wish it to act. JavaScript in the document head With JavaScript pop-ups
Drag and drop table rows with JavaScript | Redips | spideR Net REDIPS.drag was initially built to drag and drop table content. After publishing first version of REDIPS.drag, I received a lot of questions about dragging table rows also. Now is possible to drag and drop table rows as well as table content. It is very easy to define a row handler. event.rowChangedevent.rowClickedevent.rowClonedevent.rowDeletedevent.rowDroppedevent.rowDroppedBeforeevent.rowDroppedSourceevent.rowMovedevent.rowNotClonedevent.rowNotMovedevent.rowUndeleted Each event handler has access to the obj and objOld objects. REDIPS.drag has a new method: rowOpacity(el, opacity, color) to change color and opacity of the source row and mini table. REDIPS.drag takes care about background color of table cells and table rows. Happy dragging and dropping!
50+ Amazing Jquery Examples- Part1 Dec 20 2007 * This post is regularly updated. * Many of us have been using a good deal of jQuery plugins lately. Menu 1) LavaLamp 2) jQuery Collapse -A plugin for jQuery to collapse content of div container. 3) A Navigation Menu- Unordered List with anchors and nested lists, also demonstrates how to add a second level list. 4) SuckerFish Style Tabs 5) jQuery UI Tabs / Tabs 3 – Simple jQuery based tab-navigation 6) TabContainer Theme – JQuery style fade animation that runs as the user navigates between selected tabs. Accordion 7 ) jQuery Accordion Demo 8) Simple JQuery Accordion menu SlideShows 9) jQZoom- allows you to realize a small magnifier window close to the image or images on your web page easily. 10) Image/Photo Gallery Viewer- allows you to take a grouping of images and turn it into an flash-like image/photo gallery. Transition Effects 11) InnerFade – It’s designed to fade you any element inside a container in and out. 13) Highlight Fade jQuery Carousel Demo : Color Picker 17) jQuery Color Picker
Use jQuery - Blog - Create a unique Gallery by using z-index and jQuery In this tutorial we want to create a unique picture gallery utilizing the CSS property z-index. In our example we have the appearance of a pile of pictures, on the next action we put the first picture on the last position and on the previous action we get the picture from the last position to the first. All done just by altering the z-index, of course with a animation to underline the imagination to have a pile of pictures. Preparing the xHTML, CSS and Pictures We have the wrapping container gallery, a container pictures for the pictures and two controls prev and next for swapping the pictures. We can add as many pictures as we want because our script will pick them up dynamically. If the class names of the DIV’s don’t look fimilar to you, they are from the 960 Grid System and just there to positioning the blocks. The pictures container has relative position (under the heading) and a height of one picture. Pictures The principle of changing z-index The Code function swapFirstLast(isFirst) {
jQuery tableFilter normal table test Your request is loading... Résultats de recherche pour: plc programmer Ce que vous avez besoin quand vous l'avez besoin June 16, 2012 Marquer cette page Faire de cette page d'accueil Recherches relatives hotels car insurance mortgage health insurance airline tickets free credit report credit card auto insurance truck driving jobs houses for sale iPhone des 1euro - Orange iPhone 3G reconditionnés à partir de 1 € chez Orange Mobile www.orange.fr Electronics à 50% de réduction! plc programmer Ici, trouvez et comparez les meilleurs résultats! 50 % de réduction sur Shopping Rabais sur tous les produits et les bons cadeau ! USA Immigration Loterie Gagnez un Visa permanent pour vivre et travailler aux USA. et travailler aux USA. Meilleures offres dans votre ville! Recherches relatives: t shirts | work from home | business opportunity | lingerie chaude | coupons | job listings | online payment | online credit report Legal Policies
jQuery Intellisense in VS 2008 Last month I blogged about how Microsoft is extending support for jQuery. Over the last few weeks we've been working with the jQuery team to add great jQuery intellisense support within Visual Studio 2008 and Visual Web Developer 2008 Express (which is free). This is now available to download and use. Steps to Enable jQuery Intellisense in VS 2008 To enable intellisense completion for jQuery within VS you'll want to follow three steps: Step 1: Install VS 2008 SP1 VS 2008 SP1 adds richer JavaScript intellisense support to Visual Studio, and adds code completion support for a broad range of JavaScript libraries. You can download VS 2008 SP1 and Visual Web Developer 2008 Express SP1 here. Step 2: Install VS 2008 Patch KB958502 to Support "-vsdoc.js" Intellisense Files Step 3: Download the jQuery-vsdoc.js file We've worked with the jQuery team to put together a jQuery-vsdoc.js file that provides help comments and support for JavaScript intellisense on chained jQuery selector methods. Scott