tag:blogger.com,1999:blog-78855773036865143052024-03-13T14:23:35.590-07:00Just Effects | Responsive Web Design | HTML 5 | CSS | Delhi, IndiaAt Just Effects you will learn how to make a web desgining, website design and website template. Also we offer free tutorials in CSS, HTML, JavaScript and all web development technologies.Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.comBlogger113125tag:blogger.com,1999:blog-7885577303686514305.post-48822305666297940232014-04-01T05:29:00.005-07:002014-04-01T05:29:57.722-07:00*LEARN ALL ABOUT ATTRIBUTE====<div dir="ltr" style="text-align: left;" trbidi="on">
Attribute are special features given to a tag. An attribute specifies whether the META tag contains descriptive information about the page (NAME) or HTTP header information.<br /><br />==In HTML (Hypertext Markup Language) , an attribute is a characteristic of a page element, such as a font. An HTML user can set font attributes, such as size and color, to different values. In some programming languages, such as PowerBuilder Power Script, an attribute is a property of an object or may be considered a container for the property of the object. For example, color might be an attribute of a text object, containing the value of "red." <br />In a database management system (DBMS), an attribute may describe a component of the database, such as a table or a field, or may be used itself as another term for a field. <br />In the DOS operating system, file properties, such as "read-only" or "visible," are called attributes. <br />==<br />The class Attribute:<br />The class attribute is used to associate an element with a style sheet, and specifies the class of element. You learn more about the use of the class attribute when you will learn Cascading Style Sheet (CSS). So for now you can avoid it. <br />The value of the attribute may also be a space-separated list of class names.<br /> For example:<br />class="classNameA classNameB classNameC"<br /><br /><br /><br />Program 1.<br />Perform the following step:<br /><br /> *Open any text editor like Notepad, Word (dos), etc. to write HTML code.<br /> * Open the file menu to create a new document Select File> New and type the following code.<br /><br /> <html><br /> <head><br /> <title> a web page </title><br /> </head><br /> <body><br /> dddd<br /> </body><br /> </html><br /> <br /> * Click on the File menu and save the file with the name exercise 01.html.<br /> *Open your web browser and navigate on to the file title execrise 01.html for viewing the output.<br />In HTML, an attribute is a characteristic of a page element, such as a font. An HTML user can set font attributes such as size and color to different value. in some <br />Programming language, such as PowerBuilder and Power Script. An attribute is property of an object or may be considered as a container for the property of an object.<br /><br />For example, color might be an attribute of a text object, containing the value of "red". An attribute is a keyword separated by space within the brackets, such as <HR WIDTH="300">.<br />Here width=300 is the attribute font the tag. This will specify the width for the HR tag. There are different attributes like height, width etc.<br /><br />* URL stand for=== Uniform Resource Locator.<br />*HTML is a Scripting Language <br /><br /><br /><br /><br />*What is ACRONYM?<br />This tag is used to display acronyms. This element is new in HTML 4.0 and has only been implemented by internet Explorer.<br />Example:<br /><head><br /><head><br /> <title>using acronym</title><br /> </head><br /> <body><br /> <acronym title="justeffects.com"> just </acronym><br /> </body><br /> </html><br /><br /><br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-21097882400905965102014-04-01T03:23:00.001-07:002014-04-01T03:23:49.454-07:00LEARN ALL ABOUT Tags?<div dir="ltr" style="text-align: left;" trbidi="on">
Tag is a fundamental component of the structure of a text document. Some examples of tags are heads, tables, paragraphs and list. There is a starting and a closing tag. To <br />Make a closing tag just add a "/" to the starting tag. Most, but not all tags have a closing tag. Thinking to the browser, or better yet giving it instruction. What you have<br />Just told the browser (more or less) is that this is the start of a HTML document (<HTML>) and this is the end of a HTML document (</Html>).<br /><br /><b>What is HTML Tag?</b><br />The HTML tag tells your browser that the file contains HTML coded information. The file extension .html also indicates that this is<br /> An HTML document and must be used accordingly.<br /><br />Tag is: <HTML>........ . .</html><br /><br /><br /><b>What is HEAD Tag?</b><br />The head tag identifies the first part of your HTML-coded document that contains the title. The title is shown as part of your browser's window.<br /><br />The Tag is:<br /><HEAD>......</HEAD>.<br /><br /><b>What is TITLE Tag?</b><br />The title tag contains your document title and identifies it’s contain in a global context. The title is typically display in the title bar of the browser window, and not inside <br />The window itself. The title is also one that is display on someone's hot list or bookmark list. This is precisely why you should choose something descriptive, unique and<br />Relatively short. A title is also used to identify your pages for search engines. Generally, you should keep your limited to a maximum of 64 characters.<br /><br />The TAG is : < TITLE >....... . </TITLE><br /><br /><b>ABOUT BODY TAG?</b><br />The second and largest part of your HTML document is the body, which contains the content of your document (displayed within the text area of your browser window).<br /><br /><br /><b>* ALL ABOUT META TAG====</b><br />META tags are HEAD element that record all information about the page with encoding, character , author, copyright and keywords. META tags can also be used to give information<br />To the server such as the expiration date, refresh interval and PICS rating for the page. PICS is platform for internet content Selection, provides a method for assigning <br />Rating (like movie rating) to Web pages.<br /><br />very common use for the <META> tag is to include keyword that search engine will store to help people find your page. For example, if you want to connect the keywords <br />Vacation, Sun and Austria, to your Web page. You would do that with a name value pair by setting the NAME attribute to keyword and the contain attribute to vacation, sun, Austria like this:<br /><br /><META NMAE ="Keyword" CONTENT="vacation, MON, Austria"><br /><br />You can also specify the language for the tag, such as the following U.S English, British English and French version:<br /><META NAME ="keyword" LANG="en-us" CONTENT="holyday, MON, Austria"><br /><br /><META NAME ="keyword" LANG="fr" CONTENT="vacation, India, MALESIYA"><br /><br />Here's a popular way to use the HTTP header, called client pull. In this case, you can instruct a browser to keep refreshing your page every few second by creating an HTTP<br />Refresh header with the HTTP-EQUIV attribute. In the following code, i instruct the web browser to refresh the page every five second:<br />Example:<br /><META HTTP-EQUIV="REFRESH" CONTENT="10"><br /><br />Another popular use for <META> is to override the browser's caching system by using the expires value to give a time when the page expires. Browser must not cache the requested<br />Page beyond the date given. Here is an example:<br /><META HTTP-EQUIV="EXPIRES" CONTENT="DATE"><br /><br />In this case, event can be Page-Enter, Page-Exit, Site-Enter or Site-Exit second is the transition time is seconds and transition is an integer from 0 to 23 that represent a transition effect.<br /><br />You can also use REPLY-To to give an email address that user can reply to if they want to get in touch with you HERE is an example:<br /><META HTTP-EEQUIT="REPLY-TO" CONTENT="effectsjust@gmail.com'><br /><br />The <META> element should be used to include information about the page's author’s, a description of the page, and copy right notice. Here's how that might look:<br /><br /><HTML><br /> <HEAD><br /> <META NAME="AUTHOR" CONTENT="JUSTEFFETS"><br /> <META NAME="DESCRIPTION" CONTENT="THIS IS WEB DESIGN WEBSITE"><br /> <META NAME="COPYRIGHT" CONTENT="Copyright 2014 by all right"><br /><br /> <TITLE>A SAMPLE TEST PAGE</TITLE><br /> </HEAD><br /><br /> <BODY><br /> THIS IS MY WEBSITE PAGE.<br /> </BODY><br /></HTML><br /><br />***************************************************************************************************************************************<br /><br /> <br /><br /><br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-62976924713455808932014-03-07T07:11:00.003-08:002014-03-07T07:11:36.538-08:00what is the definition of a web page and types of web pages?<div dir="ltr" style="text-align: left;" trbidi="on">
<b>(1) what is the definition of a web page and types of web pages?</b><br />- a special type of file written in HTML is called a webpage. some of theme are as follows :-<br /><b>*persional home page-</b> it repersents invidisulal and intrest hobies and persional information thereof.<br /><b>*bussiness home pages:-</b> it represents business affairs and products services relating information.<br /><b>*directories such as yahoo</b> list other web pages by catogry search engine like alta vista and google create indexes to the web.<br /><b>*artistic projects are pages made by artist:-</b> its generally contents imges multimedia and provocative.<br /><br /><b>(2) what is HTML?</b><br />- publishing information for global distribution requires a universally understandable language, a kind of publishing mother tongue that all computers may potentially<br />understand . the publishing language adopted & used by the world wide web is HTML.<br /><br />HTML renders authors the means/ways to:<br />*publish online documents with heading, text, tables ,list, phots etc.<br />*retrieve online information via hypertext links at the click of a button.<br />*designing forms for affecting transaction with remote & distant services for the use in gathering for information, making reservation, ordering products, etc.<br />*make inclusions of spread-sheet , video clips, sound clips and other applications directly within their documents.<br /><br />HTML consists of code , which creates and displays world wide web pages. So ,if you want to make web page,you have to know HTML. The most exciting thing in www and <br /> HTML is one that gives the ability to link within the document . HTML document are plain-text (also known as ASCII-american standard code for information interchange.) files that can be created using any text editor <br />(examples of this type are, emaces on UNIX machines, Simple Text on a Macintosh and Notepad on a Windows machine).<br /><br />Since HTML is a scripting language, output will be displayed on the browser after your code is ready. There are several browsers like Netscape, Internet Explorer, Neoplanet etc.<br />The most important thing about web designing is creativity. in order to give a good look to your Web page, you should use good graphics which <br />can be executed through graphics software's like Photoshop, Illustrator, CorelDraw, Free hand , Firework etc.<br /><br /><br /><b>(3) Advantages of HTML--</b><br />HTML offers plenty of advantages, which are stated below:-<br /><br />*Dynamism/Flexibility: You can always work on your Website even when you're away from the computer you usually work on, because no matter which computer you end up using, it will forever <br />have a text editor that you can use to edit the HTML page.<br /><br />*Depth-Understanding:- You will have a much better concept of the structure of your page and understanding of why it functions the way it does, because you built the page from the ground up.<br /><br />*Troubleshooting: After your HTML page is ready, you will be able to troubleshoot efficiently and have a better idea of what techniques to try if something is not functoining well.<br />*Price: Using HTML doesn't cost you a cent. There are no expensive licenses to buy and no annoying up-grades to purchase.<br />*independence:You are not stuck to any one vendor or any one program; you don't have to be downcast about bugs in a particular editing program or any<br />companies going out of business and leaving you stranded.<br />*User Friendly: And the fact is that HTML is not case sensitive so it more user friendly.<br /><br /><b>Tagged structured scripting language.</b><br /><br />Easy to develop Html page with notepad or other text editors.<br /><br /><b>(4)About File Extenion:</b><br />This file is called HTML due to reason that Web page documents have the file extension .html or .htm. HTML stands for Hyper text Markup Language. By default the home page is saved as index.htm, default.htm(only for Macintosh based servers).<br /><br /><br /><b>(5) Before you Start</b><br />you must know the following terms;<br />*URL:Uniform Resource Locator(the Website address)<br />*WWW:World Wide Web<br />*HTTP:Hyper Text Transfer Protocol(this provides linking in between multiple Web pages)<br />*HTML: Hyper Text Markup Language<br />*SGML:Standard Generalized Markup Language-a standard for describing markup language<br />*DTD: Document Type Definition-this is the formal specification of a markup language, written using SGML. <br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-65387896101840050112014-03-04T02:31:00.000-08:002014-03-04T02:31:28.951-08:00What is DOCTYPE Declaration(DTD) and how many DOCTYPE In html ?<div dir="ltr" style="text-align: left;" trbidi="on">
<b>the DTD extend for document type declaration, </b><br />
The <DOCTYPE> declaration helps the browser to display a web page correctly.<br />
there are many different documents on the web(World Wide Web), and a browser can only display on html page 100% correctly its also knows the html type and version used.<br />
<br />
the DOCTYPE declaration defines the document type and version.<br />
<br />
the DOCTYPE tells the browser which type of HTML is used a webpage and also what version of use document.<br />
DOCTYPE is utilized by the web browser to identify the version of the markup language in which the page is written.<br />
<br />
<br />
The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag.<br />
The <!DOCTYPE> declaration is not an HTML tag. it is an instruction to the web browser about what version of HTML the page is written in.<br />
<br />
In HTML 4, the <!DOCTYPE> declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly.<br />
<br />
HTML5 is not based on SGML, and therefore does not require a reference to a DTD. so its DOCTYPE is very simple.<br />
<br />
=== You should not use <!DOCTYPE> end tag.<br />
<br />
== The <!DOCTYPE> declaration is NOT case sensitive.<br />
<br />
<br />
<b>Types of DOCTYPE Declarations(DTD):-</b><br />
<br />
<b>(1) HTML 5===</b><br />
<br />
How to use====<!DOCTYPE html> <br />
<br />
(<b>2) HTML 4.01 Transitional===</b><br />
<br />
How to use===<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<br />
<br />
<b>(3) HTML 4.01 Strict==</b><br />
<br />
How to use===<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<br />
<br />
<b>(4) HTML 4.01 Frameset==</b><br />
<br />
How to use===<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><br />
<br />
<br />
<b>(5) XHTML 1.0 Strict===</b><br />
<br />
How to use===<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br />
<br />
<br />
<b>(6) XHTML 1.0 Transitional==</b><br />
<br />
How to use===<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br />
<br />
<br />
<b>(7) XHTML 1.0 Frameset==</b><br />
<br />
How to use===<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <br />
<br />
<b><br />(7) XHTML 1.1==</b><br />
<br />
How to use===<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <br />
<br />
<b>(8) XHTML mobile 1.0==</b><br />
<br />
How to use===<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-19040256502050277822013-12-18T22:23:00.005-08:002014-03-02T21:49:47.298-08:00What is Responsive Website Design(RWD) and how to create responsive layout please explain it !<div dir="ltr" style="text-align: left;" trbidi="on">
Responsive Design is the good way to optimize our website viewing in different kind of devices such as desktop, tablet, i pad and smarts phone. This kind of website get more traffic compare to other websites. Responsive website dynamically reduce website size and increase website loading speed for various devices resolution. <br />
<br />
Some responsive frameworks give ability to design responsive websites. If you design new responsive theme or change your website theme as responsive, that will definitely increase your website quality and users. also Google officially recommended Responsive web design. <br />
<br />
For the first time in more than ten years, PC sales are expected to see a significant decrease from the prior year. In a new age where tablets and smartphones are performing the same duties as our PCs, we are seeing the face of the Internet change. now mobile will be the dominant form of web browsing. <br />
<br />
Responsive layout and Basic structure code :-<br />
<br />
<b>Demo</b><br />
<br />
Step (1): 1st create HTML file with CSS Id and Class for your theme.<br />
<br />
<html><br />
<head><br />
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1> <br />
<title> Responsive layout basic code </title><br />
</head><br />
<body><br />
<header><br />
<h2>Responsive layout </h2><br />
</header><br />
<article id="news"><br />
<h2>Responsive Webdesign</h2><br />
<section class="one"><br />
<p>Responsive Webdesign basic code</p><br />
</section><br />
</article><br />
<aside><br />
<h1>sidebar</h1><br />
<p>latest new about responsive website</p><br />
<p>latest new about responsive website</P><br />
</aside><br />
<footer><br />
designed by justeffects.com <br />
</footer><br />
</body><br />
</html><br />
<br />
Step (2): Add View port Meta tag in head section its very important for responsive layout.<br />
<br />
First of all you need to trigger browser to render your website page more readable scale. So add following meta view-port tag before </head>. It will say that your website page is properly scaled inside any screen size such as mobile screen.<br />
<br />
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1><br />
<br />
<br />
Step (3): now you need to add style sheet.<br />
<br />
you can two ways to add style sheet.<br />
<br />
1st way : use internal style<style> </style> tag inside </head> tag in your html file.<br />
<br />
<br />
2nd way : <b>external style sheet :-</b><br />
Example : <link rel=”stylesheet” type=”text/css” href=”style.css”><br />
<br />
Here change style.css name instead of your css file name.<br />
<br />
Step (4): open your .css file and add CSS rules<br />
<br />
First clear spaces and margin from all elements such as article,header etc.<br />
aside, article, section, header, footer, nav {display: block;}<br />
aside, article, section, header, footer, nav, html, body, p, h1, h2, h3, div {margin: 0;padding: 0;}<br />
Add Some background for your theme<br />
html {background: #EDEDED;}<br />
body {margin: 0 auto;background: #fff;font: 90%/1.6 georgia,serif;}<br />
Give some content styles<br />
/*content styling*/<br />
header {background: #F7A42F;color: #fff;margin-bottom: 2em;padding: 50px 25px 10px 0;}<br />
h1 {text-align: right;font-weight: normal;font-variant: small-caps;letter-spacing: .1em;}<br />
p {margin-bottom: 1em;}<br />
<br />
article h2 {font-size: 2em;font-weight: normal;margin-bottom: .2em;}<br />
article {text-align: justify;} <br />
article p {font-size: 1.2em;margin-bottom: 1em;}<br />
aside {font: .9em sans-serif;}<br />
aside h2 {font-size: 1.2em;margin-bottom: 1em;}<br />
footer {background: #E08B14;font: 1.2em sans-serif;text-transform: uppercase;letter-spacing: .2em;text-align: center;color: #fff;}<br />
<br />
<br />
Step (4): Next add some media query inside your CSS<br />
<br />
If you want to create responsive design, first you need to assign or edit some media query inside your .CSS style sheet page.<br />
<br />
Media queries are used to skip or change CSS rules in minimum or maximum width of devices.<br />
<br />
If you want to know various devices displayed pixel density use Wikipedia list.<br />
/*layout styles*/<br />
@media all and (min-width: 780px) {<br />
/*layout*/<br />
body {<br />
width: 85%;<br />
max-width: 1280px;<br />
min-width: 960px;<br />
}<br />
article {<br />
float: left;<br />
width: 64%;<br />
padding-left: 2.5%;<br />
}<br />
aside {<br />
float: right;<br />
width: 26%;<br />
padding: 0 2.5%;<br />
border-left: 1px solid #aaa;<br />
}<br />
section {<br />
-webkit-column-count: 1;<br />
-moz-column-count: 1;<br />
column-count: 1;<br />
-webkit-column-gap: 1em;<br />
-moz-column-gap: 1em;<br />
column-gap: 1em;<br />
padding-bottom: 1em;<br />
margin-bottom: 1em;<br />
border-bottom: 1px solid black;<br />
}<br />
section:last-of-type {<br />
border-bottom: none;<br />
}<br />
footer {<br />
clear: both;<br />
padding: 25px 0 15px;<br />
}<br />
}<br />
@media all and (min-width: 481px) and (max-width: 780px) {<br />
/*layout*/<br />
body {<br />
width: 90%;<br />
max-width: 780px;<br />
min-width: 485px;<br />
font-size: 80%;<br />
}<br />
article {<br />
float: left;<br />
width: 56%;<br />
padding-left: 2.5%;<br />
}<br />
aside {<br />
float: right;<br />
width: 34%;<br />
padding: 0 2.5%;<br />
border-left: 1px solid #aaa;<br />
}<br />
footer {<br />
clear: both;<br />
padding: 25px 0 15px;<br />
}<br />
<br />
/*content styles*/<br />
h1 {<br />
font-size: 2.4em;<br />
}<br />
footer {<br />
font-size: 1em;<br />
}<br />
}<br />
@media all and (max-width: 480px) {<br />
/*layout*/<br />
body {<br />
width: 90%;<br />
max-width: 480px;<br />
}<br />
article {<br />
padding: 0 5%;<br />
}<br />
footer {<br />
padding: 25px 0 15px;<br />
}<br />
/*content styles*/<br />
header {<br />
padding: 25px 15px 5px 0;<br />
}<br />
h1 {<br />
text-align: right;<br />
font-size: 2em;<br />
}<br />
article {<br />
text-align: left;<br />
margin-bottom: 1em;<br />
}<br />
aside {<br />
border-top:2px solid blue;<br />
padding: 1em 2% 0;<br />
line-height: 1em;<br />
}<br />
footer {<br />
font-size: .8em;<br />
}<br />
}<br />
Now save your file and open this file in your browser. Scale your browser to check its responsive.and how it work.<br />
<br />
<br />
CSS media query for smartphones is:<br />
<br />
@media only screen and (max-width: 640px) { … }<br />
<br />
<br />
Targeted media queries for smartphones (landscape), tablets (portrait), desktops (narrow) is:<br />
<br />
@media screen and (min-width: 480px) and (max-width: 800px) {..}<br />
<br />
<br />
Targeted media queries for smartphones (portrait) is :<br />
<br />
@media screen and max-width: 479px){..}<br />
<br />
<br />
Targeted media queries to adjust flows and looks on various devices is :<br />
<br />
Landscape Mode :<br />
<br />
@media all and (orientation: landscape) {…}<br />
<br />
portrait Mode :<br />
<br />
@media all and (orientation: portrait) {..} <br />
<br />
<b><br />Basics of Responsive Web Design:</b><br />
<br />
How can websites possibly keep up with the millions of screens out there?<br />
<br />
The short answer is they can’t.<br />
<br />
So how does a web page adapt responsively to the needs of a computer screen versus an iPad or Blackberry screen?<br />
<br />
One of the ways is through responsive web design.<br />
<br />
Responsive web design uses CSS media queries to serve different style properties depending on the screen size, orientation, resolution, color capability and other characteristics of the user’s device.<br />
<br />
Using the responsive web design approach, a web page can adjust itself on the device it’s being displayed on.<br />
<b><br />Why Responsive Web Design Benefit for Web Designers:-</b><br />
<br />
Responsive web design relieves web designers, user interface designers, and web developers from working day and night creating websites for every single different device in existence. <br />
Here few benefits are:<br />
<br />
One site for every device: Whether viewed on a 27-inch iMac with a wireless connection or from the screen of your Android phone with T-mobile 4G coverage, the website will be configured for the user’s optimal viewing pleasure.<br />
Optimal design for the device: With the responsive web design approach, all images, fonts and other HTML elements will be scaled appropriately, maximizing whatever screen size the user has.<br />
No need for redirects: Other options towards designing for multiple devices require the use of redirects to send the user to the appropriate version of a web page. Without the need for redirects, the user can access the content he wants to look at, as quickly as possible.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-78344719640746120162013-12-15T22:44:00.003-08:002013-12-15T22:44:28.531-08:00Outlook doesn't support the following CSS:<div dir="ltr" style="text-align: left;" trbidi="on">
azimuth<br />background-attachment<br />background-image<br />background-position<br />background-repeat<br />border-spacing<br />bottom<br />caption-side<br />clear<br />clip<br />content<br />counter-increment<br />counter-reset<br />cue-before, cue-after, cue<br />cursor<br />display<br />elevation<br />empty-cells<br />float<br />font-size-adjust<br />font-stretch<br />left<br />line-break<br />list-style-image<br />list-style-position<br />marker-offset<br />max-height<br />max-width<br />min-height<br />min-width<br />orphans<br />outline<br />outline-color<br />outline-style<br />outline-width<br />overflow<br />overflow-x<br />overflow-y<br />pause-before, pause-after, pause<br />pitch<br />pitch-range<br />play-during<br />position<br />quotes<br />richness<br />right<br />speak<br />speak-header<br />speak-numeral<br />speak-punctuation<br />speech-rate<br />stress<br />table-layout<br />text-shadow<br />text-transform<br />top<br />unicode-bidi<br />visibility<br />voice-family<br />volume<br />widows<br />word-spacing<br />z-index</div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-63866611035085147882013-11-21T22:06:00.000-08:002014-03-03T02:18:02.496-08:00what is difference between java and javascript ?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Java and JavaScript are completely different, and are related only by the inclusion of "Java" in the name.<br />
The inclusion of the "Java" name in "JavaScript" was the result of a co-marketing arrangement between Netscape and Sun Microsystems back when Netscape was a dominant web browser, in exchange for Netscape bundling Java Runtime Environment (JRE) with its browser.<br />
<br />
*Java is an Object Oriented Programming (OOP) language while Java Script is an OOP scripting language that was created by the fine people at Netscape and was originally known as LiveScript..<br />
<br />
*Java creates applications that run in a virtual machine or browser while JavaScript code is run on a browser only as firefox, chrome etc.<br />
<br />
*Java code needs to be compiled while JavaScript code are all in text.<br />
<br />
*Java is a statically typed language; JavaScript is dynamic.<br />
<br />
*Java is class-based; JavaScript is prototype-based.<br />
<br />
*Java constructors are special functions that can only be called at object creation; JavaScript "constructors" are just standard functions.<br />
<br />
*Java requires all non-block statements to end with a semicolon; JavaScript inserts semicolons at the ends of certain lines.<br />
<br />
<br />
*Java uses block-based scoping; JavaScript uses function-based scoping.<br />
<br />
*JavaScript is a scripting language that runs inside of an Internet browser to manipulate and enhance the contents of Web pages.<br />
<br />
*Javascript is used for front-end web development while Java can only be used as a back-end language within a web environment.<br />
<br />
*JavaScript is a lightweight programming language.<br />
<br />
<br />
*Java -<br />
<br />
One of the major differences between Java and JavaScript is that Java is a compiled, high-level, multi-purpose programming language, which can be used for a wide variety of different tasks, both online and in a browser and offline and running on a computer’s operating system, independent of whether or not the computer has an Internet connection.<br />
<br />
Unlike JavaScript, which can be written and then immediately executed with a user’s browser, after writing Java code, it must first be compiled, or turned into code that can be understood by the computer, or more specifically, the Java Runtime Environment’s, or JRE’s, virtual machine (JVM), since Java code runs with the help of a virtual machine. <br />
<br />
<br />
*JavaScript-<br />
<br />
JavaScript is "a scripting language”, and it is mainly used in web development, as it allows programmers to add more interactivity and functionality to webpages than just HTML and CSS alone. JavaScript is also frequently used with languages like PHP and MySQL, in the form of AJAX or by use of the jQuery library.<br />
<br />
To be more specific, JavaScript is considered a “client side scripting language”, which means, unlike languages, such as PHP, which is a “server side scripting language”, it can be used to interact with a user’s web-browser, adding interactivity that otherwise would not be present with just HTML or PHP alone.</div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-18277621278861563692013-08-29T01:55:00.002-07:002013-08-29T01:55:41.781-07:00Very Important Question with Answer for web designer jobs<div dir="ltr" style="text-align: left;" trbidi="on">
<br /><b>Wht is a CSS File and Why we use it ?</b><br />CSS stands for "Cascading Style Sheets",and Its used to control and manage font styles, font sizes, and web site color combinations.we can Change(font color, font style. size and web page layout color ) multiple web page format once through css file, Its save our time,Suppose you want all your H2 tags to appear in bold, then what you do, then we will use css file <br /><b>example : </b><br /><style type="text/css"><br />h2{ font-weight:bold;}<br /></style> <br /><br /><b>How do I use a image as a background on my web pages?</b><br />< body background="imagename.jpg" ><br /><br /><br /><b>How do I align pictures so that one may be higher or lower than the other?</b><br /><br />we Use the align statement in our IMG SRC tag as shown below. <br />< IMG SRC="img1.jpg" align=top > <br />< IMG SRC="img2.jpg" align=bottom ><br /><br />note:- img src align properties are align=top , align=middle, and align=bottom. .<br />
<br /><b>Is CSS case sensitive? </b><br />Cascading Style Sheets (CSS) is not case sensitive. However, font families, URLs to images, and other direct references <br /><br />with the style sheet may be. The trick is that if you write a document using an XML declaration and an XHTML doctype, <br /><br />then the CSS class names will be case sensitive for some browsers. It is a good idea to avoid naming classes where the <br /><br />only difference is the case, for example: div.myclass { ...} div.myClass { ... } If the DOCTYPE or XML declaration is <br /><br />ever removed from your pages, even by mistake, the last instance of the style will be used, regardless of case. <br /><br /><br /><br /><b>What are the five possible values for “position” ?</b><br /><br />Values for position: absolute, relative, absolute, fixed, inherit <br /><br /><br /><br /><b>How do you convert numbers between different bases in JavaScript? </b><br /><br />Use the parseInt() function, that takes a string as the first parameter, and the base as a second parameter. So to <br /><br />convert hexadecimal 3F to decimal, use parseInt ("3F", 16); <br /><br /><br /><b>What does "1"+2+4 evaluate to?</b><br /><br />Since 1 is a string, everything is a string, so the result is 124. <br /><br /><br /><br /><b>What is the difference between confirmation box and a alert box? </b><br /><br /> <b>confirmation box:</b>- he Confirm box displays two buttons namely OK and<br /><br />cancel. <br /><br /><b>alert box:</b>- An alert box displays only one button which is the OK <br /><br /><br /><br />2) Tables can be nested (table inside of another table).<br />a) True - correct answer<br />b) False<br /><br /><br /><b>3) Which of the following is a two sided tag?</b><br />a) DT<br />b) LI<br />c) DD<br />d) DL - correct answer<br /><br /><br /><b>4) _______are the HTML codes that control the apearance of the document contents</b><br />a) Tags - correct answer<br />b) Codas<br />c) Slashes<br />d) Properties<br />e) Code<br /><br /><br /><b>5) To create a link to an anchor, you use the______property in A tag.</b><br />a) Name<br />b) Tag<br />c) Link<br />d) Href - correct answer<br /><br /><br /><b>06) HTML Tags are case sensitive.</b><br />a) True<br />b) False – correct answer<br /><br /><br /><br /><b>07) Relative path make your hypertext links______.</b><br />a) Portable - correct answer<br />b) Discrete<br />c) Uniform<br /><br /><br /><br /><b>08) Which of the following path is supported by HTML?</b><br />a) Ralative<br />b) Defererenced<br />c) Absolute and Relative - correct answer<br /><br /><br /><b>09) You cannot designate an inline image as a hypertext link.</b><br />a) True<br />b) False - correct answer<br /><br /><br /><b>10) You can combine structures e.g, linear and hierarchical.</b><br />a) True - correct answer<br />b) False<br /><br /><br /><b>11) What is HTML stands for?</b><br />a) Hypertext Mailing List<br />b) Hypertext Mark Language<br />c) Hypertext Markup Language - correct answer<br /><br /><br /><br /><b>12) What is the most widely use e-mail form script?</b><br />a) ASP<br />b) PHP – correct answer<br />c) Perl CGI<br />d) JSP<br /><br /><br /><br /><b>13) There are_____color names recognized by all version of HTML.</b><br />a) 6<br />b) 8<br />c) 256<br />d) 16 - correct answer<br /><br /><br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-35522791851855341152013-08-13T03:41:00.004-07:002013-08-13T03:41:58.585-07:00How to use background images in newsletter for outlook ? <div dir="ltr" style="text-align: left;" trbidi="on">
Example :<br />
<br />
<table width="550" border="0" cellspacing="0" cellpadding="0"><br /> <tr><br /> <td height="" valign="top" align="left" background="imgname.jpg" style="background-image:url(imgname.jpg); width:540px; height:200px; background-repeat:no-repeat;"><!--[if gte mso 9]><br /> <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 540px; height: 200px; top: 0; left: 0; border: 0; z-index: 1;' src="imgname.jpg" /><br /> <v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 540px; height: 200px; top: -5; left: -10; border: 0; z-index: 2;'><br /> <div><br /> <![endif]--><div style="font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:18px;">Justeffects.com</div><!--[if gte mso 9]><br /> </div><br /> </v:shape><br /> <![endif]--></td><br /> </tr><br /></table></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-75104945460611965762013-08-04T23:40:00.002-07:002013-08-04T23:40:27.381-07:00Use This code and make Responsive Navigation !<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html><br /><html><br /><head><br /> <title>Responsive Navigation :: use this code on your page</title><br /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><br /> <link rel="stylesheet" href="style.css" type="text/css"><br /> <script src="jquery.min.js"></script><br /> <script><br /> $(function() {<br /> var pull = $('#pull');<br /> menu = $('nav ul');<br /> menuHeight = menu.height();<br /><br /> $(pull).on('click', function(e) {<br /> e.preventDefault();<br /> menu.slideToggle();<br /> });<br /><br /> $(window).resize(function(){<br /> var w = $(window).width();<br /> if(w > 320 && menu.is(':hidden')) {<br /> menu.removeAttr('style');<br /> }<br /> });<br /> });<br /> </script><br /></head><br /><body><br /> <nav class="clearfix"><br /> <ul class="clearfix"><br /> <li><a href="#">Home</a></li><br /> <li><a href="#">About us</a></li><br /> <li><a href="#">Our Blog</a></li><br /> <li><a href="#">Gallery</a></li><br /> <li><a href="#">Services</a></li><br /> <li><a href="#">Contact us</a></li> <br /> </ul><br /> <a href="#" id="pull">Menu</a><br /> </nav><br /></body><br /></html><br /><br /><br /><br /><br /><span style="color: red;"><b>use this css in your file:</b></span><br /><br />/* Clearfix */<br />.clearfix:before,<br />.clearfix:after {<br /> content: " ";<br /> display: table;<br />}<br />.clearfix:after {<br /> clear: both;<br />}<br />.clearfix {<br /> *zoom: 1;<br />}<br /><br />/* Basic Styles */<br />body {<br /> background-color: #fcfcfc;<br /> margin: 0px;<br /> padding: 0px;<br />}<br />nav {<br /> height: 40px;<br /> width: 100%;<br /> background: #066386;<br /> font-size: 12pt;<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-weight: bold;<br /> position: relative;<br /> border-bottom: 2px solid #283744;<br />}<br />nav ul {<br /> padding: 0;<br /> margin: 0 auto;<br /> width: 700px;<br /> height: 40px;<br />}<br />nav li {<br /> display: inline;<br /> float: left;<br />}<br />nav a {<br /> color: #fff;<br /> display: inline-block;<br /> width: 100px;<br /> text-align: center;<br /> text-decoration: none;<br /> line-height: 40px;<br /> text-shadow: 1px 1px 0px #283744;<br />}<br />nav li a {<br /> border-right: 1px solid #576979;<br /> box-sizing:border-box;<br /> -moz-box-sizing:border-box;<br /> -webkit-box-sizing:border-box;<br />}<br />nav li:last-child a {<br /> border-right: 0;<br />}<br />nav a:hover, nav a:active {<br /> background-color: #0b81ac;<br />}<br />nav a#pull {<br /> display: none;<br />}<br /><br />/*Styles for screen 600px and lower*/<br />@media screen and (max-width: 700px) {<br /> nav { <br /> height: auto;<br /> }<br /> nav ul {<br /> width: 100%;<br /> display: block;<br /> height: auto;<br /> }<br /> nav li {<br /> width: 50%;<br /> float: left;<br /> position: relative;<br /> }<br /> nav li a {<br /> border-bottom: 1px solid #576979;<br /> border-right: 1px solid #576979;<br /> }<br /> nav a {<br /> text-align: left;<br /> width: 100%;<br /> text-indent: 25px;<br /> }<br />}<br /><br />/*Styles for screen 515px and lower*/<br />@media only screen and (max-width : 480px) {<br /> nav {<br /> border-bottom: 0;<br /> }<br /> nav ul {<br /> display: none;<br /> height: auto;<br /> }<br /> nav a#pull {<br /> display: block;<br /> background-color: #283744;<br /> width: 100%;<br /> position: relative;<br /> }<br /> nav a#pull:after {<br /> content:"";<br /> background: url('nav-icon.png') no-repeat;<br /> width: 30px;<br /> height: 30px;<br /> display: inline-block;<br /> position: absolute;<br /> right: 15px;<br /> top: 10px;<br /> }<br />}<br /><br />/*Smartphone*/<br />@media only screen and (max-width : 320px) {<br /> nav li {<br /> display: block;<br /> float: none;<br /> width: 100%;<br /> }<br /> nav li a {<br /> border-bottom: 1px solid #576979;<br /> }<br />}<br /><br /><br /><span style="color: red;"><b>Use this jquery in your file</b></span><br /><br />(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cu(a){if(!cj[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ck||(ck=c.createElement("iframe"),ck.frameBorder=ck.width=ck.height=0),b.appendChild(ck);if(!cl||!ck.createElement)cl=(ck.contentWindow||ck.contentDocument).document,cl.write((f.support.boxModel?"<!doctype html>":"")+"<html><body>"),cl.close();d=cl.createElement(a),cl.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ck)}cj[a]=e}return cj[a]}function ct(a,b){var c={};f.each(cp.concat.apply([],cp.slice(0,b)),function(){c[this]=a});return c}function cs(){cq=b}function cr(){setTimeout(cs,0);return cq=f.now()}function ci(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ch(){try{return new a.XMLHttpRequest}catch(b){}}function cb(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function ca(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function b_(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bD.test(a)?d(a,e):b_(a+"["+(typeof e=="object"?b:"")+"]",e,c,d)});else if(!c&&f.type(b)==="object")for(var e in b)b_(a+"["+e+"]",b[e],c,d);else d(a,b)}function b$(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function bZ(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bS,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bZ(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bZ(a,c,d,e,"*",g));return l}function bY(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bO),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bB(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?1:0,g=4;if(d>0){if(c!=="border")for(;e<g;e+=2)c||(d-=parseFloat(f.css(a,"padding"+bx[e]))||0),c==="margin"?d+=parseFloat(f.css(a,c+bx[e]))||0:d-=parseFloat(f.css(a,"border"+bx[e]+"Width"))||0;return d+"px"}d=by(a,b);if(d<0||d==null)d=a.style[b];if(bt.test(d))return d;d=parseFloat(d)||0;if(c)for(;e<g;e+=2)d+=parseFloat(f.css(a,"padding"+bx[e]))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+bx[e]+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+bx[e]))||0);return d+"px"}function bo(a){var b=c.createElement("div");bh.appendChild(b),b.innerHTML=a.outerHTML;return b.firstChild}function bn(a){var b=(a.nodeName||"").toLowerCase();b==="input"?bm(a):b!=="script"&&typeof a.getElementsByTagName!="undefined"&&f.grep(a.getElementsByTagName("input"),bm)}function bm(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bl(a){return typeof a.getElementsByTagName!="undefined"?a.getElementsByTagName("*"):typeof a.querySelectorAll!="undefined"?a.querySelectorAll("*"):[]}function bk(a,b){var c;b.nodeType===1&&(b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase(),c==="object"?b.outerHTML=a.outerHTML:c!=="input"||a.type!=="checkbox"&&a.type!=="radio"?c==="option"?b.selected=a.defaultSelected:c==="input"||c==="textarea"?b.defaultValue=a.defaultValue:c==="script"&&b.text!==a.text&&(b.text=a.text):(a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value)),b.removeAttribute(f.expando),b.removeAttribute("_submit_attached"),b.removeAttribute("_change_attached"))}function bj(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c,d,e,g=f._data(a),h=f._data(b,g),i=g.events;if(i){delete h.handle,h.events={};for(c in i)for(d=0,e=i[c].length;d<e;d++)f.event.add(b,c,i[c][d])}h.data&&(h.data=f.extend({},h.data))}}function bi(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function U(a){var b=V.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function T(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(O.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?+d:j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c<d;c++)b[a[c]]=!0;return b}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.2",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a!=null&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){if(typeof c!="string"||!c)return null;var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b,c){var d;if(b){if(H)return H.call(b,a,c);d=b.length,c=c?c<0?Math.max(0,d+c):c:0;for(;c<d;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h,i){var j,k=d==null,l=0,m=a.length;if(d&&typeof d=="object"){for(l in d)e.access(a,c,l,d[l],1,h,f);g=1}else if(f!==b){j=i===b&&e.isFunction(f),k&&(j?(j=c,c=function(a,b,c){return j.call(e(a),c)}):(c.call(a,f),c=null));if(c)for(;l<m;l++)c(a[l],d,j?f.call(a[l],l,c(a[l],d)):f,i);g=1}return g?a:k?c.call(a):m?c(a[0],d):h},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g={};f.Callbacks=function(a){a=a?g[a]||h(a):{};var c=[],d=[],e,i,j,k,l,m,n=function(b){var d,e,g,h,i;for(d=0,e=b.length;d<e;d++)g=b[d],h=f.type(g),h==="array"?n(g):h==="function"&&(!a.unique||!p.has(g))&&c.push(g)},o=function(b,f){f=f||[],e=!a.memory||[b,f],i=!0,j=!0,m=k||0,k=0,l=c.length;for(;c&&m<l;m++)if(c[m].apply(b,f)===!1&&a.stopOnFalse){e=!0;break}j=!1,c&&(a.once?e===!0?p.disable():c=[]:d&&d.length&&(e=d.shift(),p.fireWith(e[0],e[1])))},p={add:function(){if(c){var a=c.length;n(arguments),j?l=c.length:e&&e!==!0&&(k=a,o(e[0],e[1]))}return this},remove:function(){if(c){var b=arguments,d=0,e=b.length;for(;d<e;d++)for(var f=0;f<c.length;f++)if(b[d]===c[f]){j&&f<=l&&(l--,f<=m&&m--),c.splice(f--,1);if(a.unique)break}}return this},has:function(a){if(c){var b=0,d=c.length;for(;b<d;b++)if(a===c[b])return!0}return!1},empty:function(){c=[];return this},disable:function(){c=d=e=b;return this},disabled:function(){return!c},lock:function(){d=b,(!e||e===!0)&&p.disable();return this},locked:function(){return!d},fireWith:function(b,c){d&&(j?a.once||d.push([b,c]):(!a.once||!e)&&o(b,c));return this},fire:function(){p.fireWith(this,arguments);return this},fired:function(){return!!i}};return p};var i=[].slice;f.extend({Deferred:function(a){var b=f.Callbacks("once memory"),c=f.Callbacks("once memory"),d=f.Callbacks("memory"),e="pending",g={resolve:b,reject:c,notify:d},h={done:b.add,fail:c.add,progress:d.add,state:function(){return e},isResolved:b.fired,isRejected:c.fired,then:function(a,b,c){i.done(a).fail(b).progress(c);return this},always:function(){i.done.apply(i,arguments).fail.apply(i,arguments);return this},pipe:function(a,b,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[b,"reject"],progress:[c,"notify"]},function(a,b){var c=b[0],e=b[1],g;f.isFunction(c)?i[a](function(){g=c.apply(this,arguments),g&&f.isFunction(g.promise)?g.promise().then(d.resolve,d.reject,d.notify):d[e+"With"](this===i?d:this,[g])}):i[a](d[e])})}).promise()},promise:function(a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a}},i=h.promise({}),j;for(j in g)i[j]=g[j].fire,i[j+"With"]=g[j].fireWith;i.done(function(){e="resolved"},c.disable,d.lock).fail(function(){e="rejected"},b.disable,d.lock),a&&a.call(i,i);return i},when:function(a){function m(a){return function(b){e[a]=arguments.length>1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c<d;c++)b[c]&&b[c].promise&&f.isFunction(b[c].promise)?b[c].promise().then(l(c),j.reject,m(c)):--g;g||j.resolveWith(j,b)}else j!==a&&j.resolveWith(j,d?[a]:[]);return k}}),f.support=function(){var b,d,e,g,h,i,j,k,l,m,n,o,p=c.createElement("div"),q=c.documentElement;p.setAttribute("className","t"),p.innerHTML=" <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=p.getElementsByTagName("*"),e=p.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=p.getElementsByTagName("input")[0],b={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:p.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav></:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,pixelMargin:!0},f.boxModel=b.boxModel=c.compatMode==="CSS1Compat",i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete p.test}catch(r){b.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",function(){b.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),i.setAttribute("name","t"),p.appendChild(i),j=c.createDocumentFragment(),j.appendChild(p.lastChild),b.checkClone=j.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,j.removeChild(i),j.appendChild(p);if(p.attachEvent)for(n in{submit:1,change:1,focusin:1})m="on"+n,o=m in p,o||(p.setAttribute(m,"return;"),o=typeof p[m]=="function"),b[n+"Bubbles"]=o;j.removeChild(p),j=g=h=p=i=null,f(function(){var d,e,g,h,i,j,l,m,n,q,r,s,t,u=c.getElementsByTagName("body")[0];!u||(m=1,t="padding:0;margin:0;border:",r="position:absolute;top:0;left:0;width:1px;height:1px;",s=t+"0;visibility:hidden;",n="style='"+r+t+"5px solid #000;",q="<div "+n+"display:block;'><div style='"+t+"0;display:block;overflow:hidden;'></div></div>"+"<table "+n+"' cellpadding='0' cellspacing='0'>"+"<tr><td></td></tr></table>",d=c.createElement("div"),d.style.cssText=s+"width:0;height:0;position:static;top:0;margin-top:"+m+"px",u.insertBefore(d,u.firstChild),p=c.createElement("div"),d.appendChild(p),p.innerHTML="<table><tr><td style='"+t+"0;display:none'></td><td>t</td></tr></table>",k=p.getElementsByTagName("td"),o=k[0].offsetHeight===0,k[0].style.display="",k[1].style.display="none",b.reliableHiddenOffsets=o&&k[0].offsetHeight===0,a.getComputedStyle&&(p.innerHTML="",l=c.createElement("div"),l.style.width="0",l.style.marginRight="0",p.style.width="2px",p.appendChild(l),b.reliableMarginRight=(parseInt((a.getComputedStyle(l,null)||{marginRight:0}).marginRight,10)||0)===0),typeof p.style.zoom!="undefined"&&(p.innerHTML="",p.style.width=p.style.padding="1px",p.style.border=0,p.style.overflow="hidden",p.style.display="inline",p.style.zoom=1,b.inlineBlockNeedsLayout=p.offsetWidth===3,p.style.display="block",p.style.overflow="visible",p.innerHTML="<div style='width:5px;'></div>",b.shrinkWrapBlocks=p.offsetWidth!==3),p.style.cssText=r+s,p.innerHTML=q,e=p.firstChild,g=e.firstChild,i=e.nextSibling.firstChild.firstChild,j={doesNotAddBorder:g.offsetTop!==5,doesAddBorderForTableAndCells:i.offsetTop===5},g.style.position="fixed",g.style.top="20px",j.fixedPosition=g.offsetTop===20||g.offsetTop===15,g.style.position=g.style.top="",e.style.overflow="hidden",e.style.position="relative",j.subtractsBorderForOverflowNotVisible=g.offsetTop===-5,j.doesNotIncludeMarginInBodyOffset=u.offsetTop!==m,a.getComputedStyle&&(p.style.marginTop="1%",b.pixelMargin=(a.getComputedStyle(p,null)||{marginTop:0}).marginTop!=="1%"),typeof d.style.zoom!="undefined"&&(d.style.zoom=1),u.removeChild(d),l=p=d=null,f.extend(b,j))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e<g;e++)delete d[b[e]];if(!(c?m:f.isEmptyObject)(d))return}}if(!c){delete j[k].data;if(!m(j[k]))return}f.support.deleteExpando||!j.setInterval?delete j[k]:j[k]=null,i&&(f.support.deleteExpando?delete a[h]:a.removeAttribute?a.removeAttribute(h):a[h]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d,e,g,h,i,j=this[0],k=0,m=null;if(a===b){if(this.length){m=f.data(j);if(j.nodeType===1&&!f._data(j,"parsedAttrs")){g=j.attributes;for(i=g.length;k<i;k++)h=g[k].name,h.indexOf("data-")===0&&(h=f.camelCase(h.substring(5)),l(j,h,m[h]));f._data(j,"parsedAttrs",!0)}}return m}if(typeof a=="object")return this.each(function(){f.data(this,a)});d=a.split(".",2),d[1]=d[1]?"."+d[1]:"",e=d[1]+"!";return f.access(this,function(c){if(c===b){m=this.triggerHandler("getData"+e,[d[0]]),m===b&&j&&(m=f.data(j,a),m=l(j,a,m));return m===b&&d[1]?this.data(d[0]):m}d[1]=c,this.each(function(){var b=f(this);b.triggerHandler("setData"+e,d),f.data(this,a,c),b.triggerHandler("changeData"+e,d)})},null,c,arguments.length>1,null,!1)},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){var d=2;typeof a!="string"&&(c=a,a="fx",d--);if(arguments.length<d)return f.queue(this[0],a);return c===b?this:this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f.Callbacks("once memory"),!0))h++,l.add(m);m();return d.promise(c)}});var o=/[\n\t\r]/g,p=/\s+/,q=/\r/g,r=/^(?:button|input)$/i,s=/^(?:button|input|object|select|textarea)$/i,t=/^a(?:rea)?$/i,u=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,v=f.support.getSetAttribute,w,x,y;f.fn.extend({attr:function(a,b){return f.access(this,f.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,f.prop,a,b,arguments.length>1)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(p);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(o," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(p);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(o," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.type]||f.valHooks[this.nodeName.toLowerCase()];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.type]||f.valHooks[g.nodeName.toLowerCase()];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c<d;c++){e=i[c];if(e.selected&&(f.support.optDisabled?!e.disabled:e.getAttribute("disabled")===null)&&(!e.parentNode.disabled||!f.nodeName(e.parentNode,"optgroup"))){b=f(e).val();if(j)return b;h.push(b)}}if(j&&!h.length&&i.length)return f(i[g]).val();return h},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h,i=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;i<g;i++)e=d[i],e&&(c=f.propFix[e]||e,h=u.test(e),h||f.attr(a,e,""),a.removeAttribute(v?e:c),h&&c in a&&(a[c]=!1))}},attrHooks:{type:{set:function(a,b){if(r.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(w&&f.nodeName(a,"button"))return w.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(w&&f.nodeName(a,"button"))return w.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e,g,h,i=a.nodeType;if(!!a&&i!==3&&i!==8&&i!==2){h=i!==1||!f.isXMLDoc(a),h&&(c=f.propFix[c]||c,g=f.propHooks[c]);return d!==b?g&&"set"in g&&(e=g.set(a,d,c))!==b?e:a[c]=d:g&&"get"in g&&(e=g.get(a,c))!==null?e:a[c]}},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):s.test(a.nodeName)||t.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabindex=f.propHooks.tabIndex,x={get:function(a,c){var d,e=f.prop(a,c);return e===!0||typeof e!="boolean"&&(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},v||(y={name:!0,id:!0,coords:!0},w=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&(y[c]?d.nodeValue!=="":d.specified)?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.attrHooks.tabindex.set=w.set,f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})}),f.attrHooks.contenteditable={get:w.get,set:function(a,b,c){b===""&&(b="false"),w.set(a,b,c)}}),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.enctype||(f.propFix.enctype="encoding"),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/(?:^|\s)hover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(<br />a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")};f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler,g=p.selector),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k<c.length;k++){l=A.exec(c[k])||[],m=l[1],n=(l[2]||"").split(".").sort(),s=f.event.special[m]||{},m=(g?s.delegateType:s.bindType)||m,s=f.event.special[m]||{},o=f.extend({type:m,origType:l[1],data:e,handler:d,guid:d.guid,selector:g,quick:g&&G(g),namespace:n.join(".")},p),r=j[m];if(!r){r=j[m]=[],r.delegateCount=0;if(!s.setup||s.setup.call(a,e,n,i)===!1)a.addEventListener?a.addEventListener(m,i,!1):a.attachEvent&&a.attachEvent("on"+m,i)}s.add&&(s.add.call(a,o),o.handler.guid||(o.handler.guid=d.guid)),g?r.splice(r.delegateCount++,0,o):r.push(o),f.event.global[m]=!0}a=null}},global:{},remove:function(a,b,c,d,e){var g=f.hasData(a)&&f._data(a),h,i,j,k,l,m,n,o,p,q,r,s;if(!!g&&!!(o=g.events)){b=f.trim(I(b||"")).split(" ");for(h=0;h<b.length;h++){i=A.exec(b[h])||[],j=k=i[1],l=i[2];if(!j){for(j in o)f.event.remove(a,j+b[h],c,d,!0);continue}p=f.event.special[j]||{},j=(d?p.delegateType:p.bindType)||j,r=o[j]||[],m=r.length,l=l?new RegExp("(^|\\.)"+l.split(".").sort().join("\\.(?:.*\\.)?")+"(\\.|$)"):null;for(n=0;n<r.length;n++)s=r[n],(e||k===s.origType)&&(!c||c.guid===s.guid)&&(!l||l.test(s.namespace))&&(!d||d===s.selector||d==="**"&&s.selector)&&(r.splice(n--,1),s.selector&&r.delegateCount--,p.remove&&p.remove.call(a,s));r.length===0&&m!==r.length&&((!p.teardown||p.teardown.call(a,l)===!1)&&f.removeEvent(a,j,g.handle),delete o[j])}f.isEmptyObject(o)&&(q=g.handle,q&&(q.elem=null),f.removeData(a,["events","handle"],!0))}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){if(!e||e.nodeType!==3&&e.nodeType!==8){var h=c.type||c,i=[],j,k,l,m,n,o,p,q,r,s;if(E.test(h+f.event.triggered))return;h.indexOf("!")>=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;l<r.length&&!c.isPropagationStopped();l++)m=r[l][0],c.type=r[l][1],q=(f._data(m,"events")||{})[c.type]&&f._data(m,"handle"),q&&q.apply(m,d),q=o&&m[o],q&&f.acceptData(m)&&q.apply(m,d)===!1&&c.preventDefault();c.type=h,!g&&!c.isDefaultPrevented()&&(!p._default||p._default.apply(e.ownerDocument,d)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)&&o&&e[h]&&(h!=="focus"&&h!=="blur"||c.target.offsetWidth!==0)&&!f.isWindow(e)&&(n=e[o],n&&(e[o]=null),f.event.triggered=h,e[h](),f.event.triggered=b,n&&(e[o]=n));return c.result}},dispatch:function(c){c=f.event.fix(c||a.event);var d=(f._data(this,"events")||{})[c.type]||[],e=d.delegateCount,g=[].slice.call(arguments,0),h=!c.exclusive&&!c.namespace,i=f.event.special[c.type]||{},j=[],k,l,m,n,o,p,q,r,s,t,u;g[0]=c,c.delegateTarget=this;if(!i.preDispatch||i.preDispatch.call(this,c)!==!1){if(e&&(!c.button||c.type!=="click")){n=f(this),n.context=this.ownerDocument||this;for(m=c.target;m!=this;m=m.parentNode||this)if(m.disabled!==!0){p={},r=[],n[0]=m;for(k=0;k<e;k++)s=d[k],t=s.selector,p[t]===b&&(p[t]=s.quick?H(m,s.quick):n.is(t)),p[t]&&r.push(s);r.length&&j.push({elem:m,matches:r})}}d.length>e&&j.push({elem:this,matches:d.slice(e)});for(k=0;k<j.length&&!c.isPropagationStopped();k++){q=j[k],c.currentTarget=q.elem;for(l=0;l<q.matches.length&&!c.isImmediatePropagationStopped();l++){s=q.matches[l];if(h||!c.namespace&&!s.namespace||c.namespace_re&&c.namespace_re.test(s.namespace))c.data=s.data,c.handleObj=s,o=((f.event.special[s.origType]||{}).handle||s.handler).apply(q.elem,g),o!==b&&(c.result=o,o===!1&&(c.preventDefault(),c.stopPropagation()))}}i.postDispatch&&i.postDispatch.call(this,c);return c.result}},props:"attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){a.which==null&&(a.which=b.charCode!=null?b.charCode:b.keyCode);return a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,d){var e,f,g,h=d.button,i=d.fromElement;a.pageX==null&&d.clientX!=null&&(e=a.target.ownerDocument||c,f=e.documentElement,g=e.body,a.pageX=d.clientX+(f&&f.scrollLeft||g&&g.scrollLeft||0)-(f&&f.clientLeft||g&&g.clientLeft||0),a.pageY=d.clientY+(f&&f.scrollTop||g&&g.scrollTop||0)-(f&&f.clientTop||g&&g.clientTop||0)),!a.relatedTarget&&i&&(a.relatedTarget=i===a.target?d.toElement:i),!a.which&&h!==b&&(a.which=h&1?1:h&2?3:h&4?2:0);return a}},fix:function(a){if(a[f.expando])return a;var d,e,g=a,h=f.event.fixHooks[a.type]||{},i=h.props?this.props.concat(h.props):this.props;a=f.Event(g);for(d=i.length;d;)e=i[--d],a[e]=g[e];a.target||(a.target=g.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),a.metaKey===b&&(a.metaKey=a.ctrlKey);return h.filter?h.filter(a,g):a},special:{ready:{setup:f.bindReady},load:{noBubble:!0},focus:{delegateType:"focusin"},blur:{delegateType:"focusout"},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}},simulate:function(a,b,c,d){var e=f.extend(new f.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?f.event.trigger(e,null,b):f.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},f.event.handle=f.event.dispatch,f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!(this instanceof f.Event))return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?K:J):this.type=a,b&&f.extend(this,b),this.timeStamp=a&&a.timeStamp||f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=K;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=K;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=K,this.stopPropagation()},isDefaultPrevented:J,isPropagationStopped:J,isImmediatePropagationStopped:J},f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c=this,d=a.relatedTarget,e=a.handleObj,g=e.selector,h;if(!d||d!==c&&!f.contains(c,d))a.type=e.origType,h=e.handler.apply(this,arguments),a.type=b;return h}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(){if(f.nodeName(this,"form"))return!1;f.event.add(this,"click._submit keypress._submit",function(a){var c=a.target,d=f.nodeName(c,"input")||f.nodeName(c,"button")?c.form:b;d&&!d._submit_attached&&(f.event.add(d,"submit._submit",function(a){a._submit_bubble=!0}),d._submit_attached=!0)})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&f.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){if(f.nodeName(this,"form"))return!1;f.event.remove(this,"._submit")}}),f.support.changeBubbles||(f.event.special.change={setup:function(){if(z.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio")f.event.add(this,"propertychange._change",function(a){a.originalEvent.propertyName==="checked"&&(this._just_changed=!0)}),f.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1,f.event.simulate("change",this,a,!0))});return!1}f.event.add(this,"beforeactivate._change",function(a){var b=a.target;z.test(b.nodeName)&&!b._change_attached&&(f.event.add(b,"change._change",function(a){this.parentNode&&!a.isSimulated&&!a.isTrigger&&f.event.simulate("change",this.parentNode,a,!0)}),b._change_attached=!0)})},handle:function(a){var b=a.target;if(this!==b||a.isSimulated||a.isTrigger||b.type!=="radio"&&b.type!=="checkbox")return a.handleObj.handler.apply(this,arguments)},teardown:function(){f.event.remove(this,"._change");return z.test(this.nodeName)}}),f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){var d=0,e=function(a){f.event.simulate(b,a.target,f.event.fix(a),!0)};f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.fn.extend({on:function(a,c,d,e,g){var h,i;if(typeof a=="object"){typeof c!="string"&&(d=d||c,c=b);for(i in a)this.on(i,c,d,a[i],g);return this}d==null&&e==null?(e=c,d=c=b):e==null&&(typeof c=="string"?(e=d,d=b):(e=d,d=c,c=b));if(e===!1)e=J;else if(!e)return this;g===1&&(h=e,e=function(a){f().off(a);return h.apply(this,arguments)},e.guid=h.guid||(h.guid=f.guid++));return this.each(function(){f.event.add(this,a,e,d,c)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,c,d){if(a&&a.preventDefault&&a.handleObj){var e=a.handleObj;f(a.delegateTarget).off(e.namespace?e.origType+"."+e.namespace:e.origType,e.selector,e.handler);return this}if(typeof a=="object"){for(var g in a)this.off(g,c,a[g]);return this}if(c===!1||typeof c=="function")d=c,c=b;d===!1&&(d=J);return this.each(function(){f.event.remove(this,a,d,c)})},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},live:function(a,b,c){f(this.context).on(a,this.selector,b,c);return this},die:function(a,b){f(this.context).off(a,this.selector||"**",b);return this},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return arguments.length==1?this.off(a,"**"):this.off(b,a,c)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f._data(this,"lastToggle"+a.guid)||0)%d;f._data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}if(j.nodeType===1){g||(j[d]=c,j.sizset=h);if(typeof b!="string"){if(j===b){k=!0;break}}else if(m.filter(b,[j]).length>0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}j.nodeType===1&&!g&&(j[d]=c,j.sizset=h);if(j.nodeName.toLowerCase()===b){k=j;break}j=j[a]}e[h]=k}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},m.matches=function(a,b){return m(a,null,null,b)},m.matchesSelector=function(a,b){return m(b,null,null,[a]).length>0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e<f;e++){h=o.order[e];if(g=o.leftMatch[h].exec(a)){i=g[1],g.splice(1,1);if(i.substr(i.length-1)!=="\\"){g[1]=(g[1]||"").replace(j,""),d=o.find[h](g,b,c);if(d!=null){a=a.replace(o.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},m.filter=function(a,c,d,e){var f,g,h,i,j,k,l,n,p,q=a,r=[],s=c,t=c&&c[0]&&m.isXML(c[0]);while(a&&c.length){for(h in o.filter)if((f=o.leftMatch[h].exec(a))!=null&&f[2]){k=o.filter[h],l=f[1],g=!1,f.splice(1,1);if(l.substr(l.length-1)==="\\")continue;s===r&&(r=[]);if(o.preFilter[h]){f=o.preFilter[h](f,s,d,r,e,t);if(!f)g=i=!0;else if(f===!0)continue}if(f)for(n=0;(j=s[n])!=null;n++)j&&(i=k(j,f,n,s),p=e^i,d&&i!=null?p?g=!0:s[n]=!1:p&&(r.push(j),g=!0));if(i!==b){d||(s=r),a=a.replace(o.match[h],"");if(!g)return[];break}}if(a===q)if(g==null)m.error(a);else break;q=a}return s},m.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)};var n=m.getText=function(a){var b,c,d=a.nodeType,e="";if(d){if(d===1||d===9||d===11){if(typeof a.textContent=="string")return a.textContent;if(typeof a.innerText=="string")return a.innerText.replace(k,"");for(a=a.firstChild;a;a=a.nextSibling)e+=n(a)}else if(d===3||d===4)return a.nodeValue}else for(b=0;c=a[b];b++)c.nodeType!==8&&(e+=n(c));return e},o=m.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!l.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&m.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&m.filter(b,a,!0)}},"":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("parentNode",b,f,a,d,c)},"~":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("previousSibling",b,f,a,d,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(j,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}m.error(e)},CHILD:function(a,b){var c,e,f,g,h,i,j,k=b[1],l=a;switch(k){case"only":case"first":while(l=l.previousSibling)if(l.nodeType===1)return!1;if(k==="first")return!0;l=a;case"last":while(l=l.nextSibling)if(l.nodeType===1)return!1;return!0;case"nth":c=b[2],e=b[3];if(c===1&&e===0)return!0;f=b[0],g=a.parentNode;if(g&&(g[d]!==f||!a.nodeIndex)){i=0;for(l=g.firstChild;l;l=l.nextSibling)l.nodeType===1&&(l.nodeIndex=++i);g[d]=f}j=a.nodeIndex-e;return c===0?j===0:j%c===0&&j/c>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));o.match.globalPOS=p;var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c<e;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var u,v;c.documentElement.compareDocumentPosition?u=function(a,b){if(a===b){h=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(u=function(a,b){if(a===b){h=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,i=b.parentNode,j=g;if(g===i)return v(a,b);if(!g)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return v(e[k],f[k]);return k===c?v(a,f[k],-1):v(e[k],b,1)},v=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h<i;h++)m(a,g[h],e,c);return m.filter(f,e)};m.attr=f.attr,m.selectors.attrMap={},f.find=m,f.expr=m.selectors,f.expr[":"]=f.expr.filters,f.unique=m.uniqueSort,f.text=m.getText,f.isXMLDoc=m.isXML,f.contains=m.contains}();var L=/Until$/,M=/^(?:parents|prevUntil|prevAll)/,N=/,/,O=/^.[^:#\[\.,]*$/,P=Array.prototype.slice,Q=f.expr.match.globalPOS,R={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(T(this,a,!1),"not",a)},filter:function(a){return this.pushStack(T(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?Q.test(a)?f(a,this.context).index(this[0])>=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d<a.length;d++)f(g).is(a[d])&&c.push({selector:a[d],elem:g,level:h});g=g.parentNode,h++}return c}var i=Q.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(i?i.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|style)/i,bb=/<(?:script|object|embed|option|style)/i,bc=new RegExp("<(?:"+V+")[\\s/>]","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*<!(?:\[CDATA\[|\-\-)/,bg={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){return f.access(this,function(a){return a===b?f.text(this):this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a))},null,a,arguments.length)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f<br />.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){return f.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(;d<e;d++)c=this[d]||{},c.nodeType===1&&(f.cleanData(c.getElementsByTagName("*")),c.innerHTML=a);c=0}catch(g){}}c&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bd.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bi(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,function(a,b){b.src?f.ajax({type:"GET",global:!1,url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bf,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)})}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i,j=a[0];b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof j=="string"&&j.length<512&&i===c&&j.charAt(0)==="<"&&!bb.test(j)&&(f.support.checkClone||!bd.test(j))&&(f.support.html5Clone||!bc.test(j))&&(g=!0,h=f.fragments[j],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[j]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||f.isXMLDoc(a)||!bc.test("<"+a.nodeName+">")?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g,h,i,j=[];b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);for(var k=0,l;(l=a[k])!=null;k++){typeof l=="number"&&(l+="");if(!l)continue;if(typeof l=="string")if(!_.test(l))l=b.createTextNode(l);else{l=l.replace(Y,"<$1></$2>");var m=(Z.exec(l)||["",""])[1].toLowerCase(),n=bg[m]||bg._default,o=n[0],p=b.createElement("div"),q=bh.childNodes,r;b===c?bh.appendChild(p):U(b).appendChild(p),p.innerHTML=n[1]+l+n[2];while(o--)p=p.lastChild;if(!f.support.tbody){var s=$.test(l),t=m==="table"&&!s?p.firstChild&&p.firstChild.childNodes:n[1]==="<table>"&&!s?p.childNodes:[];for(i=t.length-1;i>=0;--i)f.nodeName(t[i],"tbody")&&!t[i].childNodes.length&&t[i].parentNode.removeChild(t[i])}!f.support.leadingWhitespace&&X.test(l)&&p.insertBefore(b.createTextNode(X.exec(l)[0]),p.firstChild),l=p.childNodes,p&&(p.parentNode.removeChild(p),q.length>0&&(r=q[q.length-1],r&&r.parentNode&&r.parentNode.removeChild(r)))}var u;if(!f.support.appendChecked)if(l[0]&&typeof (u=l.length)=="number")for(i=0;i<u;i++)bn(l[i]);else bn(l);l.nodeType?j.push(l):j=f.merge(j,l)}if(d){g=function(a){return!a.type||be.test(a.type)};for(k=0;j[k];k++){h=j[k];if(e&&f.nodeName(h,"script")&&(!h.type||be.test(h.type)))e.push(h.parentNode?h.parentNode.removeChild(h):h);else{if(h.nodeType===1){var v=f.grep(h.getElementsByTagName("script"),g);j.splice.apply(j,[k+1,0].concat(v))}d.appendChild(h)}}}return j},cleanData:function(a){var b,c,d=f.cache,e=f.event.special,g=f.support.deleteExpando;for(var h=0,i;(i=a[h])!=null;h++){if(i.nodeName&&f.noData[i.nodeName.toLowerCase()])continue;c=i[f.expando];if(c){b=d[c];if(b&&b.events){for(var j in b.events)e[j]?f.event.remove(i,j):f.removeEvent(i,j,b.handle);b.handle&&(b.handle.elem=null)}g?delete i[f.expando]:i.removeAttribute&&i.removeAttribute(f.expando),delete d[c]}}}});var bp=/alpha\([^)]*\)/i,bq=/opacity=([^)]*)/,br=/([A-Z]|^ms)/g,bs=/^[\-+]?(?:\d*\.)?\d+$/i,bt=/^-?(?:\d*\.)?\d+(?!px)[^\d\s]+$/i,bu=/^([\-+])=([\-+.\de]+)/,bv=/^margin/,bw={position:"absolute",visibility:"hidden",display:"block"},bx=["Top","Right","Bottom","Left"],by,bz,bA;f.fn.css=function(a,c){return f.access(this,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)},a,c,arguments.length>1)},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=by(a,"opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bu.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(by)return by(a,c)},swap:function(a,b,c){var d={},e,f;for(f in b)d[f]=a.style[f],a.style[f]=b[f];e=c.call(a);for(f in b)a.style[f]=d[f];return e}}),f.curCSS=f.css,c.defaultView&&c.defaultView.getComputedStyle&&(bz=function(a,b){var c,d,e,g,h=a.style;b=b.replace(br,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b))),!f.support.pixelMargin&&e&&bv.test(b)&&bt.test(c)&&(g=h.width,h.width=c,c=e.width,h.width=g);return c}),c.documentElement.currentStyle&&(bA=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f==null&&g&&(e=g[b])&&(f=e),bt.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),by=bz||bA,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){if(c)return a.offsetWidth!==0?bB(a,b,d):f.swap(a,bw,function(){return bB(a,b,d)})},set:function(a,b){return bs.test(b)?b+"px":b}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bq.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bp,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bp.test(g)?g.replace(bp,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){return f.swap(a,{display:"inline-block"},function(){return b?by(a,"margin-right"):a.style.marginRight})}})}),f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)}),f.each({margin:"",padding:"",border:"Width"},function(a,b){f.cssHooks[a+b]={expand:function(c){var d,e=typeof c=="string"?c.split(" "):[c],f={};for(d=0;d<4;d++)f[a+bx[d]+b]=e[d]||e[d-2]||e[0];return f}}});var bC=/%20/g,bD=/\[\]$/,bE=/\r?\n/g,bF=/#.*$/,bG=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bH=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bI=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bJ=/^(?:GET|HEAD)$/,bK=/^\/\//,bL=/\?/,bM=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bN=/^(?:select|textarea)/i,bO=/\s+/,bP=/([?&])_=[^&]*/,bQ=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bR=f.fn.load,bS={},bT={},bU,bV,bW=["*/"]+["*"];try{bU=e.href}catch(bX){bU=c.createElement("a"),bU.href="",bU=bU.href}bV=bQ.exec(bU.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bR)return bR.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bM,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bN.test(this.nodeName)||bH.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bE,"\r\n")}}):{name:b.name,value:c.replace(bE,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b$(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b$(a,b);return a},ajaxSettings:{url:bU,isLocal:bI.test(bV[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bW},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bY(bS),ajaxTransport:bY(bT),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?ca(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cb(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bG.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bF,"").replace(bK,bV[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bO),d.crossDomain==null&&(r=bQ.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bV[1]&&r[2]==bV[2]&&(r[3]||(r[1]==="http:"?80:443))==(bV[3]||(bV[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bZ(bS,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bJ.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bL.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bP,"$1_="+x);d.url=y+(y===d.url?(bL.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bW+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bZ(bT,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)b_(g,a[g],c,e);return d.join("&").replace(bC,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cc=f.now(),cd=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cc++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=typeof b.data=="string"&&/^application\/x\-www\-form\-urlencoded/.test(b.contentType);if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(cd.test(b.url)||e&&cd.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(cd,l),b.url===j&&(e&&(k=k.replace(cd,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var ce=a.ActiveXObject?function(){for(var a in cg)cg[a](0,1)}:!1,cf=0,cg;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ch()||ci()}:ch,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,ce&&delete cg[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n);try{m.text=h.responseText}catch(a){}try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cf,ce&&(cg||(cg={},f(a).unload(ce)),cg[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cj={},ck,cl,cm=/^(?:toggle|show|hide)$/,cn=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,co,cp=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cq;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(ct("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),(e===""&&f.css(d,"display")==="none"||!f.contains(d.ownerDocument.documentElement,d))&&f._data(d,"olddisplay",cu(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(ct("hide",3),a,b,c);var d,e,g=0,h=this.length;for(;g<h;g++)d=this[g],d.style&&(e=f.css(d,"display"),e!=="none"&&!f._data(d,"olddisplay")&&f._data(d,"olddisplay",e));for(g=0;g<h;g++)this[g].style&&(this[g].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(ct("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){function g(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o,p,q;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]);if((k=f.cssHooks[g])&&"expand"in k){l=k.expand(a[g]),delete a[g];for(i in l)i in a||(a[i]=l[i])}}for(g in a){h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(!f.support.inlineBlockNeedsLayout||cu(this.nodeName)==="inline"?this.style.display="inline-block":this.style.zoom=1))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)j=new f.fx(this,b,i),h=a[i],cm.test(h)?(q=f._data(this,"toggle"+i)||(h==="toggle"?d?"show":"hide":0),q?(f._data(this,"toggle"+i,q==="show"?"hide":"show"),j[q]()):j[h]()):(m=cn.exec(h),n=j.cur(),m?(o=parseFloat(m[2]),p=m[3]||(f.cssNumber[i]?"":"px"),p!=="px"&&(f.style(this,i,(o||1)+p),n=(o||1)/j.cur()*n,f.style(this,i,n+p)),m[1]&&(o=(m[1]==="-="?-1:1)*o+n),j.custom(n,o,p)):j.custom(n,h,""));return!0}var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return e.queue===!1?this.each(g):this.queue(e.queue,g)},stop:function(a,c,d){typeof a!="string"&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]);return this.each(function(){function h(a,b,c){var e=b[c];f.removeData(a,c,!0),e.stop(d)}var b,c=!1,e=f.timers,g=f._data(this);d||f._unmark(!0,this);if(a==null)for(b in g)g[b]&&g[b].stop&&b.indexOf(".run")===b.length-4&&h(this,g,b);else g[b=a+".run"]&&g[b].stop&&h(this,g,b);for(b=e.length;b--;)e[b].elem===this&&(a==null||e[b].queue===a)&&(d?e[b](!0):e[b].saveState(),c=!0,e.splice(b,1));(!d||!c)&&f.dequeue(this,a)})}}),f.each({slideDown:ct("show",1),slideUp:ct("hide",1),slideToggle:ct("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default;if(d.queue==null||d.queue===!0)d.queue="fx";d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue?f.dequeue(this,d.queue):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a){return a},swing:function(a){return-Math.cos(a*Math.PI)/2+.5}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,c,d){function h(a){return e.step(a)}var e=this,g=f.fx;this.startTime=cq||cr(),this.end=c,this.now=this.start=a,this.pos=this.state=0,this.unit=d||this.unit||(f.cssNumber[this.prop]?"":"px"),h.queue=this.options.queue,h.elem=this.elem,h.saveState=function(){f._data(e.elem,"fxshow"+e.prop)===b&&(e.options.hide?f._data(e.elem,"fxshow"+e.prop,e.start):e.options.show&&f._data(e.elem,"fxshow"+e.prop,e.end))},h()&&f.timers.push(h)&&!co&&(co=setInterval(g.tick,g.interval))},show:function(){var a=f._data(this.elem,"fxshow"+this.prop);this.options.orig[this.prop]=a||f.style(this.elem,this.prop),this.options.show=!0,a!==b?this.custom(this.cur(),a):this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f._data(this.elem,"fxshow"+this.prop)||f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b,c,d,e=cq||cr(),g=!0,h=this.elem,i=this.options;if(a||e>=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c<b.length;c++)a=b[c],!a()&&b[c]===a&&b.splice(c--,1);b.length||f.fx.stop()},interval:13,stop:function(){clearInterval(co),co=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=a.now+a.unit:a.elem[a.prop]=a.now}}}),f.each(cp.concat.apply([],cp),function(a,b){b.indexOf("margin")&&(f.fx.step[b]=function(a){f.style(a.elem,b,Math.max(0,a.now)+a.unit)})}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cv,cw=/^t(?:able|d|h)$/i,cx=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?cv=function(a,b,c,d){try{d=a.getBoundingClientRect()}catch(e){}if(!d||!f.contains(c,a))return d?{top:d.top,left:d.left}:{top:0,left:0};var g=b.body,h=cy(b),i=c.clientTop||g.clientTop||0,j=c.clientLeft||g.clientLeft||0,k=h.pageYOffset||f.support.boxModel&&c.scrollTop||g.scrollTop,l=h.pageXOffset||f.support.boxModel&&c.scrollLeft||g.scrollLeft,m=d.top+k-i,n=d.left+l-j;return{top:m,left:n}}:cv=function(a,b,c){var d,e=a.offsetParent,g=a,h=b.body,i=b.defaultView,j=i?i.getComputedStyle(a,null):a.currentStyle,k=a.offsetTop,l=a.offsetLeft;while((a=a.parentNode)&&a!==h&&a!==c){if(f.support.fixedPosition&&j.position==="fixed")break;d=i?i.getComputedStyle(a,null):a.currentStyle,k-=a.scrollTop,l-=a.scrollLeft,a===e&&(k+=a.offsetTop,l+=a.offsetLeft,f.support.doesNotAddBorder&&(!f.support.doesAddBorderForTableAndCells||!cw.test(a.nodeName))&&(k+=parseFloat(d.borderTopWidth)||0,l+=parseFloat(d.borderLeftWidth)||0),g=e,e=a.offsetParent),f.support.subtractsBorderForOverflowNotVisible&&d.overflow!=="visible"&&(k+=parseFloat(d.borderTopWidth)||0,l+=parseFloat(d.borderLeftWidth)||0),j=d}if(j.position==="relative"||j.position==="static")k+=h.offsetTop,l+=h.offsetLeft;f.support.fixedPosition&&j.position==="fixed"&&(k+=Math.max(c.scrollTop,h.scrollTop),l+=Math.max(c.scrollLeft,h.scrollLeft));return{top:k,left:l}},f.fn.offset=function(a){if(arguments.length)return a===b?this:this.each(function(b){f.offset.setOffset(this,a,b)});var c=this[0],d=c&&c.ownerDocument;if(!d)return null;if(c===d.body)return f.offset.bodyOffset(c);return cv(c,d,d.documentElement)},f.offset={bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.support.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);f.fn[a]=function(e){return f.access(this,function(a,e,g){var h=cy(a);if(g===b)return h?c in h?h[c]:f.support.boxModel&&h.document.documentElement[e]||h.document.body[e]:a[e];h?h.scrollTo(d?f(h).scrollLeft():g,d?g:f(h).scrollTop()):a[e]=g},a,e,arguments.length,null)}}),f.each({Height:"height",Width:"width"},function(a,c){var d="client"+a,e="scroll"+a,g="offset"+a;f.fn["inner"+a]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,c,"padding")):this[c]():null},f.fn["outer"+a]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,c,a?"margin":"border")):this[c]():null},f.fn[c]=function(a){return f.access(this,function(a,c,h){var i,j,k,l;if(f.isWindow(a)){i=a.document,j=i.documentElement[d];return f.support.boxModel&&j||i.body&&i.body[d]||j}if(a.nodeType===9){i=a.documentElement;if(i[d]>=i[e])return i[d];return Math.max(a.body[e],i[e],a.body[g],i[g])}if(h===b){k=f.css(a,c),l=parseFloat(k);return f.isNumeric(l)?l:k}f(a).css(c,h)},c,a,arguments.length,null)}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window); <br /><br /><br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-55284214933658857332013-08-04T23:03:00.001-07:002013-08-04T23:03:52.636-07:00 What is the use of Canvas Element in HTML5 ?<div dir="ltr" style="text-align: left;" trbidi="on">
<br /><br />The canvas element is used to draw paths, boxes, circles, characters, and adding images on a web page by using javascript,<br />the <canvas> element is only a container for graphics. You must use a script to actually draw the graphics.<br />Draw a red rectangle, a gradient rectangle, a multicolor rectangle, and some multicolor text onto the canvas:<br /><br />example: <br /><body><canvas id="myCanvas" width="200" height="100"></canvas> <br /> <script type="text/javascript"><br />var myCanvas=document.getElementById("myCanvas");<br />var myCanvas=myCanvas.getContext("2d");<br />myCanvas.fillStyle="#13a3ff";<br />myCanvas.fillRect(0,0,150,75);<br /></script> <br /></body><br /><br />Canvas - Gradients<br /><body><br /><canvas id="myCanvas" width="400" height="300"></canvas> <br /> <script type="text/javascript"><br />var c=document.getElementById("myCanvas");<br />var ctx=c.getContext("2d");<br /><br />// gradient<br />var grd=ctx.createLinearGradient(0,0,200,0);<br />grd.addColorStop(0,"#0b90c1");<br />grd.addColorStop(1,"#1e6d8a");<br /><br />// color<br />ctx.fillStyle=grd;<br />ctx.fillRect(10,10,150,80);<br /></script> <br /></body><br /><br />Canvas - Text<br />
<body><br /><br /><canvas id="myCanvas" width="400" height="300"></canvas> <br /><script type="text/javascript"><br />var c=document.getElementById("myCanvas");<br />var ctx=c.getContext("2d");<br />ctx.font="32px Arial";<br />ctx.fillText("Just Effects",100,100);<br /></script> <br /><br /></body><br /><br />Canvas - Line<br /><br /><body><br /><canvas id="myCanvas" width="578" height="500"></canvas><br /> <script><br /> var canvas = document.getElementById('myCanvas');<br /> var context = canvas.getContext('2d');<br /><br /> context.beginPath();<br /> context.moveTo(100, 550);<br /> context.lineTo(350, 50);<br /> context.stroke();<br /></script><br /></body><br /><br />HTML5 Canvas Text Font, Size, Text Align, Text Color and Style <br /><body><br /> <canvas id="myCanvas" width="578" height="200"></canvas><br /> <script><br /> var canvas = document.getElementById('myCanvas');<br /> var context = canvas.getContext('2d');<br /><br /> context.font = 'bold 48pt arial';<br /> context.fillStyle = '#156f90';<br /> context.textAlign = 'center';<br /> context.fillText('Justeffects!', 150, 100);<br /> </script><br /> </body><br /><br />Canvas Rotate Transform<br /><body><br /> <canvas id="myCanvas" width="700" height="200"></canvas><br /> <script><br /> var canvas = document.getElementById('myCanvas');<br /> var context = canvas.getContext('2d');<br /> var rectWidth = 200;<br /> var rectHeight = 50;<br /><br /> // translate context to center of canvas<br /> context.translate(canvas.width / 2, canvas.height / 10);<br /><br /> // rotate 45 degrees clockwise<br /> context.rotate(Math.PI / 6);<br /><br /> context.fillStyle = '#156f90';<br /> context.fillRect(rectWidth / -10, rectHeight / -10, rectWidth, rectHeight);<br /> </script><br /> </body><br /><br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-78603680806624311172013-08-02T22:04:00.002-07:002013-08-03T01:20:55.843-07:00New Input type attributes of HTML5 form<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: large;"><b> New Input type attributes of HTML5 form</b></span><br />
<b>Type</b> <b>Value</b><br />
<br />
tel Define a field for enter a telephone number<br />
search The input field is a search field<br />
url for URL<br />
email One or more email addresses<br />
datetime datetime allows the user to select a date and time(with time zone)<br />
date For date<br />
month For month<br />
week For week<br />
time The input value is of type time<br />
datetime-local A local date/time<br />
number For number<br />
range For number in a given range<br />
color For hexadecimal color, like #82345c<br />
placeholder Specifies a short hint value of an input field<br />
<br />
<span style="font-size: large;"><b> example: </b></span><br />
<span style="font-size: large;"><b><br /></b></span>
<span style="font-size: large;"><span style="font-size: small;"><form name="contact_form" action="send.php" method="post"><br /> Telephone: <input type="tel" name="usertel" required="required"><br><br /> Search Google: <input type="search" name="googlesearch"><br><br /> Add your homepage: <input type="url" name="homepage" required="required"><br><br /> Email: <input type="email" name="emai"><br><br /> Birthday (date and time): <input type="datetime" name="birthdaytime" required="required"><br><br /> Birthday: <input type="date" name="birthday"><br><br /> Birthday (month and year): <input type="month" name="birthdaymonth" required="required"><br><br /> Select a week: <input type="week" name="week_year"> <br><br /> Select a time: <input type="time" name="usr_time"><br><br /> Birthday (date and time): <input type="datetime-local" name="bdaytime"><br><br /> uantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5"><br><br /> <input type="range" name="points" min="1" max="10"><br><br /> Select your favorite color: <input type="color" name="favcolor"><br><br /> placeholder: <input type="text" name="q" placeholder="type your name"><br> <br /> <input type="submit" name="" value="submit"><br /> </form></span></span><br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-91057765647078885642013-08-02T02:32:00.000-07:002013-08-03T01:31:03.875-07:00Important question with answer ?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<b>(Q) The first page of a website is called?</b><br />
<br />
Design page<br />
Home page<br />
First page<br />
Main page<br />
<b>Ans: b. Home Page</b><br />
<br />
<b>(Q) Who is making the Web standards?</b><br />
<br />
Mozilla<br />
Microsoft<br />
The World Wide Web Consortium<br />
<b>Ans: c. The World Wide Web Consortium</b><br />
<br />
<b>(Q) The version of HTML is?</b><br />
<br />
<br />
HTML 0<br />
HTML 1<br />
HTML 2<br />
All of these<br />
<b>Ans: d. All of these</b><br />
<br />
<br />
<br />
<b>(Q) Head Tag is Used for?</b><br />
<br />
<br />
Writing Styles<br />
Writing Java Scripts<br />
Including CSS,JS Files<br />
All of above<br />
<br />
<b>Ans: d. All of above</b><br />
<br />
<b>(Q) There are how many Heading Tags?</b><br />
<br />
<br />
3<br />
4<br />
5<br />
6<br />
<b>Ans: d. 6</b>, <span style="color: red;"> h1,h2,h3,h4,h5,h6</span><br />
<br />
<b>(Q) Which is the largest Heading Tag?</b><br />
<br />
H1<br />
H3<br />
H4<br />
H6<br />
<br />
<b>Ans: a. H1</b><br />
<br />
<br />
<b>(Q) How many types of lists in HTML?</b><br />
<br />
1<br />
2<br />
3<br />
4<br />
<br />
Show Answer<br />
<br />
<b>Ans: c. 3, </b> <span style="color: red;"><b><UL>unordered list</UL>, <OL>ordered list</OL>, <DL>definition list</DL></b></span><br />
<br />
<b>(Q) Lists in HTML can be nested?</b><br />
<br />
<br />
Yes<br />
No<br />
Both<br />
None<br />
<b>Ans: a. Yes</b><br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-6209154264930354682013-07-30T23:19:00.002-07:002013-08-03T01:38:52.705-07:00HTML contact page form <div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2qxyaA7-HzODFRgoINCknokQQXMxzAMm4OzCQkjT6iqy5oM6RCXWqJlWLWPaJ14ZV451XNyvc-56hHC9cJfC9IZF0eaMKggsyUG3mrGHSybiT7I3b6yCAY5gLqAsF0WNFT517FtXnDTk/s1600/form1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2qxyaA7-HzODFRgoINCknokQQXMxzAMm4OzCQkjT6iqy5oM6RCXWqJlWLWPaJ14ZV451XNyvc-56hHC9cJfC9IZF0eaMKggsyUG3mrGHSybiT7I3b6yCAY5gLqAsF0WNFT517FtXnDTk/s1600/form1.png" height="320" width="234" /></a></div>
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta charset="utf-8"><br />
<title>Untitled Document</title><br />
<style type="text/css"><br />
body {<br />
background: #f2f2f2; <br />
color: #262626;<br />
font-family: Arial, san-serif;<br />
}<br />
#contact-form { <br />
background-color: #cb3d55; <br />
width: 465px; <br />
padding: 20px; <br />
margin: 50px auto; <br />
border-radius: 12px; <br />
-moz-border-radius: 12px; <br />
-webkit-border-radius: 12px; <br />
} <br />
<br />
#contact-form input, <br />
#contact-form select, <br />
#contact-form textarea, <br />
#contact-form label { <br />
font-size: 15px; <br />
margin-bottom: 2px;<br />
font-family: Arial, san-serif;<br />
} <br />
<br />
#contact-form input, <br />
#contact-form select, <br />
#contact-form textarea { <br />
width: 450px;<br />
height: 29px;<br />
margin: 0;<br />
padding: 0 8px;<br />
background: #fff;<br />
border: 1px solid #d9d9d9;<br />
border-top: 1px solid #c0c0c0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px;<br />
margin: 2px 0 25px 0; <br />
padding: 5px; <br />
} <br />
#contact-form input:hover, <br />
#contact-form select:hover, <br />
#contact-form textarea:hover { border: 1px solid #b9b9b9;<br />
border-top: 1px solid #a0a0a0;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);<br />
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } <br />
<br />
#contact-form input:focus, <br />
#contact-form select:focus, <br />
#contact-form textarea:focus { <br />
outline: none;<br />
border: 1px solid #4d90fe;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);<br />
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);<br />
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);<br />
<br />
} <br />
<br />
#contact-form textarea { <br />
height: 150px; <br />
} <br />
<br />
#contact-form #submit { <br />
width: 450px; <br />
color: #0000; <br />
border: none; <br />
background-color: #f6f6f6;<br />
} <br />
<br />
#contact-form #submit:hover { <br />
background-color: #c33754; <br />
color: #ffffff; <br />
}<br />
input:required, textarea:required { <br />
box-shadow: none;<br />
-moz-box-shadow: none; <br />
-webkit-box-shadow: none; <br />
-o-box-shadow: none; <br />
} <br />
<br />
#contact-form .required { <br />
font-weight:bold; <br />
color: #E5E6E7; <br />
}<br />
#failure, #success {<br />
color: #6EA070; <br />
display:none; <br />
}<br />
<br />
<br />
</style><br />
<br />
</head><br />
<br />
<body><br />
<div id="contact-form"> <br />
<h1>Get In Touch!</h1><br />
<h2>Use this contact form below to get in touch.</h2> <br />
<p id="failure">Opss.. something went wrong.</p> <br />
<p id="success">Thank you, your message was sent successfully.</p> <br />
<form method="post" action="emailForm.php" name=""> <br />
<label for="name">Name: <span class="required">*</span></label> <br />
<input type="text" id="name" name="name" value="" placeholder="Your name" required autofocus /> <br />
<br />
<label for="email">Email Address: <span class="required">*</span></label> <br />
<input type="email" id="email" name="email" value="" placeholder="your@email.com" required /> <br />
<br />
<label for="website">Website: </label> <br />
<input type="web" id="webstie" name="website" value="" /> <br />
<br />
<label for="subject">Subject: </label> <br />
<select id="subject" name="subject"> <br />
<option value="hello">I just want to say hello =]</option><br />
<option value="general">General</option> <br />
</select> <br />
<br />
<label for="message">Message: <span class="required">*</span></label> <br />
<textarea id="message" name="message" placeholder="Please, Write your message here." required></textarea> <br />
<br />
<input type="submit" value="Submit" id="submit" /> <br />
</form> <br />
</div><br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-84874749342776762352013-07-30T22:49:00.001-07:002013-08-03T01:40:01.489-07:00What is use of HTML Forms and how to create HTML form ?<div dir="ltr" style="text-align: left;" trbidi="on">
HTML Forms are one of the main points of interaction between a user and a web site or Site owner. <br />
HTML forms are used to pass data to a server. HTML form's input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements.<br />
A web form on a web page allows a user to enter data that is sent to a server for processing as per user requirement.<br />
<br />
<b>example:-</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju5ut5xDR05pKkGmEdN5ZmURu2i5yM4_NcozVhUgfdb-sX3-R3jgIXt4matLSPWMwLjvkuYs1IeLYkBxZCtjPYrQFlAeyYLwNShB2cShU3lj5ZQVhOF9ppCDJBuYNJI9gGYDyeA2b93CQ/s1600/form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju5ut5xDR05pKkGmEdN5ZmURu2i5yM4_NcozVhUgfdb-sX3-R3jgIXt4matLSPWMwLjvkuYs1IeLYkBxZCtjPYrQFlAeyYLwNShB2cShU3lj5ZQVhOF9ppCDJBuYNJI9gGYDyeA2b93CQ/s1600/form.png" height="200" width="320" /></a></div>
<br />
<br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta charset="utf-8"><br />
<title>Untitled Document</title><br />
<style type="text/css"><br />
form {<br />
<br />
margin: 0 auto; width: 400px; padding: 20px 25px 15px;<br />
border: 1px solid #e5e5e5;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;font-family:Arial, Helvetica, sans-serif; font-size:14px;<br />
background-color:#f1f1f1;<br />
}<br />
form div + div {<br />
margin-top: 1em;<br />
}<br />
label {<br />
<br />
display: inline-block;<br />
width: 90px;<br />
text-align: right;<br />
}<br />
input, textarea {<br />
<br />
font: 1em sans-serif;font-size: 15px;<br />
width: 300px;<br />
height: 29px;<br />
margin: 0;<br />
padding: 0 8px;<br />
background: #fff;<br />
border: 1px solid #d9d9d9;<br />
border-top: 1px solid #c0c0c0;<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
-webkit-border-radius: 1px;<br />
-moz-border-radius: 1px;<br />
border-radius: 1px; <br />
}<br />
<br />
input:hover, textarea:hover {border: 1px solid #b9b9b9;<br />
border-top: 1px solid #a0a0a0;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);<br />
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);<br />
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);<br />
}<br />
<br />
input:focus, textarea:focus {<br />
<br />
outline: none;<br />
border: 1px solid #4d90fe;<br />
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);<br />
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);<br />
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);<br />
}<br />
textarea {<br />
<br />
vertical-align: top; <br />
height: 5em; <br />
resize: vertical;<br />
}<br />
.button {<br />
padding-left: 90px; /* same size as the label elements */<br />
}<br />
<br />
button {<br />
margin-left: .5em;<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<br />
<body><br />
<form action="sendpage.php" method="post" name="contact_form"><br />
<div><br />
<label for="name">Name:</label><br />
<input type="text" id="name" /><br />
</div><br />
<div><br />
<label for="mail">E-mail:</label><br />
<input type="email" id="mail" /><br />
</div><br />
<div><br />
<label for="mail">Mobile</label><br />
<input type="number" id="mobile" /><br />
</div><br />
<div><br />
<label for="msg">Message:</label><br />
<textarea id="msg"></textarea><br />
</div><br />
<br />
<div class="button"><br />
<button type="submit">Submit </button><br />
</div><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-33399617329979890592013-07-30T05:24:00.003-07:002013-08-03T01:40:28.799-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<b>What is HTML <script> Tag</b> ?<br />
<br />
HTML <script> tag is used to define a client-side script, such as a JavaScript, j-uery .<br />
It's uses for image manipulation, form validation, and dynamic changes of content.<br />
<br />
<b>Example</b><br />
<script><br />
document.write("Hello Friend!")<br />
</script><br />
<br />
we can also use external JavaScrip file on HTML page through this tag <br />
<br />
<b>example </b><br />
<b><br /></b><script type="text/javascript" src="extrnl_avascript.js"></script></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-79466688535128614752013-07-30T05:18:00.000-07:002013-08-03T05:22:32.742-07:00Some important HTML color name and color Hex value :-<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<b>Color Name</b> <b>HEX value</b><br />
Black #000000<br />
Blue #0000FF<br />
Green #008000<br />
Red #FF0000<br />
Gold #FFD700<br />
Yellow #FFFF00<br />
White #FFFFFF<br />
Cyan #00FFFF<br />
Maroon #800000</div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-27609007536936008912013-07-30T05:15:00.000-07:002013-08-04T22:09:32.615-07:00What is the difference between "b" and "strong" tag ?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
Old browsers don't know <strong> they simply ignore it. But <b> works , The <strong> tag is a phrase tag. whereas The <b> tag is a font-style tags.<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-9321347844504530892013-07-29T22:18:00.001-07:002013-08-03T04:27:59.965-07:00Basic layout structure with html5 new elements:-<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_I-asUFno1Mb-iMmVPxpwWqoMoH_o7BC43cudgnCsSmIToOR9nYBcUfln3qwfSYKdQ47lIvOjBUVsAdzvXDSQNnKK4jbkRjWr8ZSNciNoKGq-Jl8qLg_qoREAU2CcuQyMSyVF69G0xvw/s1600/justeffects.jpg" /><a href="http://www.justeffects.com/" rel="nofollow" target="_blank">www.justeffects.com</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVK33W8pF7Ep7yJtQ80D3UuHBGjZCbC46Hchnm1sUpTMh-I7_SnaY0lnEzhHzKuHMB158lm5uBcMkAKhW_bm-wA_LqqC9fy_gtas9c2LapVKi9eNUln1I0bUFDvU7BtjRbmh9FGaIMBQI/s1600/justeffects.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<span style="font-size: medium;"><span style="font-size: x-small;"><span style="font-size: large;"><b> </b></span></span></span><span style="font-size: medium;"><span style="font-size: x-small;"><span style="font-size: large;"><b><span style="font-size: medium;"><span style="font-size: x-small;"><br /></span></span></b><span style="font-size: small;"><b>Use this inside head tag</b><br />
<br /><style type="text/css"><br /><br />body {<br /> width: 940px;<br /> margin: 0 auto;<br /> font: 10pt/1.5em Helvetica,"Helvetica neue", Arial, sans-serif;<br /> background-color: #fafafa;<br />}<br />/*html5 semantics tags */<br />article, aside, figure, footer, header, hgroup, menu, nav, section <br />{ display: block; }<br /><br />/* light css reset */<br />* { margin : 0; padding : 0; }<br />h2, h3, h4, h5, p, ul, ol { margin : 0 20px; padding : .5em 0; }<br />img { border: 0px;}<br /><br />/* =page level container */<br />#pageContainer {<br /> margin: 0px auto 0px auto;<br /> width: 960px;<br />}<br /><br />#pageHeader {<br /> width:960px;<br /> height:120px;<br /> color:#0099CC;<br /> background-color: #000;<br /> margin-top: 0px;<br /> margin-right: auto;<br /> margin-bottom: 0px;<br /> margin-left: auto;<br /> background-color: #ba3051;<br />}<br />.logo {<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 52px;<br /> color: #FFF;<br /> padding-top: 20px;<br /> font-weight: 700;<br /> padding-left: 20px;<br />}<br />#pageNav {<br /> width: 960px;<br /> height: 50px;<br /> background-color: #999;<br /> background-color:#eaeaea;<br />}<br />#pageNav ul {<br /> margin: 0px;<br /> padding: 0px;<br />}<br />#pageNav ul li {<br /> float: left;<br /> list-style-type: none;<br /> display: inline;<br /> padding-top: 10px;<br /> padding-right: 50px;<br /> padding-left: 10px;<br />}<br />#pageNav ul li a {<br /> color: #000;<br /> text-decoration: none;<br /> font-family: Verdana, sans-serif;<br /> font-size: 14px;<br /> text-transform: uppercase;<br /> font-weight: bold;<br />}<br />#pageSection {<br /> background-color: #f2f2f2;<br /> height: 300px;<br /> width: 660px;<br /> float: right;<br />}<br />#pageAside {<br /> width: 300px;<br /> height: 300px;<br /> background-color: #eaeaea;<br /> float: left;<br />}<br />#contentContainer {<br /> margin: 0px;<br /> padding-top: 10px;<br /> padding-bottom: 20px;<br /> min-height: 500px;<br />}<br /><br /><br />#pageFooter {<br /> width: 960px;<br /> background-color: #c33754;<br /> height: 100px;<br /> margin-top: 0px;<br /> margin-right: auto;<br /> margin-bottom: 0px;<br /> margin-left: auto;<br />}<br />.clearfix {clear:both; }<br /><br /></style></span></span></span></span><br />
<span style="font-size: medium;"><span style="font-size: x-small;"><span style="font-size: large;"><span style="font-size: small;"><br /><b>use this code inside body tag</b><br /><br /><body></span></span></span></span><br />
<span style="font-size: medium;"><span style="font-size: x-small;"><span style="font-size: large;"><span style="font-size: small;"><div id="pageContainer"><br /> <header id="pageHeader"><div class="logo">Justeffects.com</div></header><br /> <div class="clearfix"></div><br /> <nav id="pageNav"> <br /> <ul><br /> <li><a href="">Home </a></li><br /> <li><a href="">About</a></li><br /> <li><a href="">Our blog</a></li><br /> <li><a href="">Contact</a></li><br /> </ul><br /> </nav><br /><br /> <section id="pageSection"><br />
<header class="sectionHeader" style="padding:10px 0 0
10px;"><h3>Lorem ipsum dolor met</h3></header><br />
<article class="sectionArticle" style="padding:10px 0 0
28px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt</article><br /> <footer class="sectionFooter" style="padding:10px 0 0 28px;">Integer et urna ut</footer><br /> </section><br /><br /> <aside id="pageAside"><article><br /> <hgroup><br /> <h3>sidebar title</h3><br /> </hgroup><br /> <p><br /> Some Text Here<br /> </p><br /> </article></aside><br /> </div><br /> <div class="clearfix"></div><br />
<footer id="pageFooter"><div style="padding: 20px 0px 0px
50px; font-size:12px;">© 2013 All Rights Reserved
</div></footer><br /> </div><br /></body></span></span></span></span></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-46735264223960693442013-07-29T05:03:00.002-07:002013-08-03T05:22:10.049-07:00How to use responsive background-images in html5?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta charset="utf-8"><br />
<title>responsive background images</title><br />
<style type="text/css"><br />
div.wrapp {<br />
max-width: 800px;<br />
}<br />
<br />
figure.wrappundr {<br />
padding-top: 56.25%; /* 450px/800px = 0.5625 */<br />
<br />
background-image: url(body_bg.png);<br />
background-size: cover;<br />
-moz-background-size: cover; /* Firefox 3.6 */<br />
background-position: center; /* Internet Explorer 7/8 */<br />
}<br />
<br />
</style> <br />
</head><br />
<br />
<body><br />
<div class="wrapp"><br />
<figure class="wrappundr"></figure><br />
</div><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-49952463338981902592013-07-27T02:55:00.000-07:002013-08-04T21:26:17.427-07:00What new New Features add in html-5?<div dir="ltr" style="text-align: left;" trbidi="on">
<br /><br />
Some of the most interesting new features add in HTML5<br />
<br />
The <canvas> element for 2D drawing<br />
The <video> and <audio> elements for media playback<br />
Support for local storage<br />
New content-specific elements, like <article>, <footer>, <header>, <nav>, <section><br />
New form controls, like calendar, date, time, email, url, search</div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-65230197440501324222013-07-27T02:44:00.001-07:002013-08-05T05:00:50.430-07:00How to use Font, Size, and Style in your HTML page through Canvas tag in html5 ?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta charset="utf-8"><br />
<title>Untitled Document</title><br />
<style type="text/css"><br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<canvas id="myCanvas" width="600" height="300"></canvas><br />
<script><br />
var canvas = document.getElementById('myCanvas');<br />
var context = canvas.getContext('2d');<br />
<br />
context.font = 'bold 40px Calibri';<br />
context.fillText('JUSTEFFECTS.com!', 150, 100);<br />
</script><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-37541238244005872412013-07-27T02:43:00.003-07:002013-07-29T04:51:39.762-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<b>How to Drew Circle in your HTML page through Canvas tag in html5 ?</b><br />
<br />
<br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta charset="utf-8"><br />
<title>Untitled Document</title><br />
<style type="text/css"><br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<canvas id="myCanvas" width="600" height="300"></canvas><br />
<script><br />
var canvas = document.getElementById('myCanvas');<br />
var context = canvas.getContext('2d');<br />
var centerX = canvas.width / 2;<br />
var centerY = canvas.height / 2;<br />
var radius = 100;<br />
<br />
context.beginPath();<br />
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);<br />
context.fillStyle = '#acacdd';<br />
context.fill();<br />
context.lineWidth = 6;<br />
context.strokeStyle = '#000000';<br />
context.stroke();<br />
</script><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-13970352459809579742013-07-27T02:24:00.000-07:002013-07-27T02:24:04.181-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<b>How to Drew Line in Your HTML page Via Canvas tag in html5 </b>?<br />
<br />-<!DOCTYPE HTML><br /><html><br /><head><br /><meta charset="utf-8"><br /><title>Untitled Document</title><br /><style type="text/css"><br /> body {<br /> margin: 0px;<br /> padding: 0px;<br /> }<br /> </style><br /></head><br /><br /><body><br /> <canvas id="myCanvas" width="700" height="300"></canvas><br /> <script><br /> var canvas = document.getElementById('myCanvas');<br /> var context = canvas.getContext('2d');<br /><br /> context.beginPath();<br /> context.moveTo(100, 400);<br /> context.lineTo(450, 50);<br /> context.stroke();<br /> </script><br /></body><br /></html><br /></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0tag:blogger.com,1999:blog-7885577303686514305.post-81305601000949620462013-07-27T02:00:00.003-07:002013-07-27T04:36:52.744-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<b>How to create Linear Gradient in your html page Via Canvas tag in html5 </b><br />
<br />
-<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta charset="utf-8"><br />
<title>Untitled Document</title><br />
<style type="text/css"><br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<canvas id="myCanvas" width="578" height="200"></canvas><br />
<script><br />
var canvas = document.getElementById('myCanvas');<br />
var context = canvas.getContext('2d');<br />
context.rect(0, 0, canvas.width, canvas.height);<br />
<br />
// add linear gradient<br />
var grd = context.createLinearGradient(0, 0, canvas.width, canvas.height);<br />
// light blue<br />
grd.addColorStop(0, '#8ED6FF'); <br />
// dark blue<br />
grd.addColorStop(1, '#004CB3');<br />
context.fillStyle = grd;<br />
context.fill();<br />
</script><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/14829165548126564495noreply@blogger.com0