background preloader

Jquery

Facebook Twitter

10gen Education Blog. Top 10 jQuery Modal Box Plugins. A list of the top 10 Modal Box jQuery plugins.

Top 10 jQuery Modal Box Plugins

Supports photos, photo groups, slideshow, ajax, inline, and iframed content. Lightweight: less than 9KB of JavaScript. Appearance is controlled through CSS so users can restyle the box. Can be extended with callbacks & event-hooks without altering the source files. Completely unobtrusive, options are set in [...] A list of the top 10 Modal Box jQuery plugins. Supports photos, photo groups, slideshow, ajax, inline, and iframed content. Multi-language support and more user settings New animation called “grow” Clearbox works BEFORE the page is fully loaded Multi-line comment to any content Rotate images, fancy OSD Create galleries for Flash, Quicktime, Windows Media, HTML, inner content, etc.

The overlay can contain any HTML and the whole thing can be styled with CSS. Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Simple limited lightbox Related posts: 6 jQuery snippets you can use to manipulate select inputs « Flexible Developments. When it comes to manipulating the DOM, fewer elements are more tiresome than the good old select input.

6 jQuery snippets you can use to manipulate select inputs « Flexible Developments

Fortunately for us, jQuery makes what was once a headache, a walk in the park. Listed below are 6 snippets which should make manipulating those selects more pleasant than say, pulling your own teeth. 1. Getting the value of a selected option. $('#selectList').val(); Event order. Page last changed today See section 7D of the book.

Event order

Netscape 4 only supports event capturing, Explorer only supports event bubbling. Netscape 6 and Konqueror support both, while Opera and iCab support neither. On the Introduction to events page I asked a question that at first sight seems incomprehensible: “If an element and one of its ancestors have an event handler for the same event, which one should fire first?” Not surprisingly, this depends on the browser. The basic problem is very simple. ----------------------------------- | element1 | | ------------------------- | | |element2 | | | ------------------------- | | | ----------------------------------- and both have an onClick event handler. Not surprisingly, back in the bad old days Netscape and Microsoft came to different conclusions. Netscape said that the event on element1 takes place first. The two event orders are radically opposed. When you use event capturing When you use event bubbling Suppose you do.

Using multiple classes within selectors. Date: 5 November 2007 Author: Russ Weakley Some basic definitions to start… Before we get into using multiple classes, here are a few basic definitions.

Using multiple classes within selectors

HTML Elements HTML Elements are the basic components that are used to create the structure of an HTML document. HTML elements generally consist of three parts: a start tag, content and an end tag. <p> This is a paragraph. HTML Attributes HTML Attributes are used to assign additional properties to HTML elements. <p class="intro"> This is a paragraph. CSS Selectors CSS Selectors are a component of CSS rule sets. Multiple classes within one attribute It is possible to add more than one class to an HTML element. <li class="page-1 current-page"><a href="#">Home</a></li> The two classes are written within the same attribute, with spaces separating each class.

The advantage of multiple classes is that you can write a CSS rule to select either of the classes – and they both affect the same element. Why would you use multiple class selectors? SharePoint 2010, SharePoint, C-sharp, ASP.Net, JQuery, SQL Server Solutions. Tutorials - DOM Table Add Row - mredkj.com.

Add and delete rows dynamically in an HTML table Add rows with an input and select, and validate, and add events.

Tutorials - DOM Table Add Row - mredkj.com

Overview What you'll find on this page is one technique of adding rows to a table - using W3C DOM table methods to add rows and cells, then using W3C DOM methods to create elements within those cells and to set their properties and events. Before trying out this example, you may want to read my comparison of innerHTML vs. DOM vs. cloneNode Try It Explanation A row is inserted at the end of the table using the insertRow method, and two cells are added. If you enter text into the text boxes, they are not affected when new rows are added. The Remove button deletes the last row using table method deleteRow. Note: The "Submit" button is not necessary to add a row. 2005-03-08 - Validation By assigning an id to the new inputs, they can be referenced for validation. 2005-05-26 - Adding events The example now includes function keyPressTest, which is called for each of the text inputs.

And. Improve your jQuery - 25 excellent tips.

Jquery shi chuan

IsArray. Abrir pop-up con jQuery.