はてなブックマーク

— the home of Rik Lomas, a web developer and technology writer, specialising in HTML, CSS and JavaScript. More about me » jQuery plug-ins quicksearch magicpreview autosave pager shortkeys What it does Usage Examples Options Download What it does magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms. Usage $(form_fields).magicpreview(prefi

<div id="example1"> <div><p>Lorem ipsum...</p></div> <div><p>Donec ultricies...</p></div> </div> Donec ultricies lectus. Cras nonummy, enim ac iaculis blandit, diam quam accumsan diam, ut faucibus nisi lorem non est. Proin convallis. Fusce malesuada lectus sed dui. Curabitur nec massa a arcu ullamcorper tincidunt. Nulla mattis, orci a tincidunt sollicitudin, orci eros porta tellus, lobortis ali

Try me! The keyboard shortcuts are: n m Space Space and v v t and y t and u $(document).shortkeys({ 'N': function () { $('#try_me').append('N<br />'); }, 'M': function () { $('#try_me').append('M<br />'); }, 'Space': function () { $('#try_me').append('Space<br />'); }, 'Space+V': function () { $('#try_me').append('Space+V<br />'); }, 'V': function () { $('#try_me').append('V<br />');

Examples Usage Options Download Examples Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Example uses following code: $('ul#list_example li').quicksearch({ position: 'before', attached: 'ul#list_example', loaderImg: 'loader.gif', focusOnLoad: true }) Option

<div id="example1"> <div><p>Lorem ipsum...</p></div> <div><p>Donec ultricies...</p></div> </div> Donec ultricies lectus. Cras nonummy, enim ac iaculis blandit, diam quam accumsan diam, ut faucibus nisi lorem non est. Proin convallis. Fusce malesuada lectus sed dui. Curabitur nec massa a arcu ullamcorper tincidunt. Nulla mattis, orci a tincidunt sollicitudin, orci eros porta tellus, lobortis ali