mirror of
https://github.com/owncloudarchive/contacts.git
synced 2024-12-10 21:24:33 +01:00
1006 lines
93 KiB
JavaScript
1006 lines
93 KiB
JavaScript
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
|
|
<meta charset='utf-8'>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>HTML5-placeholder-polyfill/src/placeholder_polyfill.jquery.js at master · ginader/HTML5-placeholder-polyfill · GitHub</title>
|
|
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
|
|
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-114.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-144.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144.png" />
|
|
<meta name="msapplication-TileImage" content="/windows-tile.png">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
|
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
|
|
|
<meta content="authenticity_token" name="csrf-param" />
|
|
<meta content="5kx0gPHMX8IlZoOv6pUUpEGSVcZYvxtPjR1gyik6w5c=" name="csrf-token" />
|
|
|
|
<link href="https://a248.e.akamai.net/assets.github.com/assets/github-b2d08c748f42859d0426de9792978e5eea5a8ab6.css" media="screen" rel="stylesheet" type="text/css" />
|
|
<link href="https://a248.e.akamai.net/assets.github.com/assets/github2-853ca93ac5a549fa8faf0da003398c7979ff0619.css" media="screen" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
|
|
<script src="https://a248.e.akamai.net/assets.github.com/assets/frameworks-eee761b9d5e06efb064aaaf528c44ef8e1601e71.js" type="text/javascript"></script>
|
|
<script src="https://a248.e.akamai.net/assets.github.com/assets/github-6a24f522069c57808f98782174bedcc7186d7dc7.js" type="text/javascript"></script>
|
|
|
|
|
|
<link rel='permalink' href='/ginader/HTML5-placeholder-polyfill/blob/9f9622f2cf14ba6925f1ea890af9d6222092d64e/src/placeholder_polyfill.jquery.js'>
|
|
<meta property="og:title" content="HTML5-placeholder-polyfill"/>
|
|
<meta property="og:type" content="githubog:gitrepository"/>
|
|
<meta property="og:url" content="https://github.com/ginader/HTML5-placeholder-polyfill"/>
|
|
<meta property="og:image" content="https://secure.gravatar.com/avatar/ac20c97a1a7c321444013be47f1fcee6?s=420&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"/>
|
|
<meta property="og:site_name" content="GitHub"/>
|
|
<meta property="og:description" content="HTML5-placeholder-polyfill - Small and robust polyfill for the HTML5 placeholder attribut. "/>
|
|
|
|
<meta name="description" content="HTML5-placeholder-polyfill - Small and robust polyfill for the HTML5 placeholder attribut. " />
|
|
|
|
<link href="https://github.com/ginader/HTML5-placeholder-polyfill/commits/master.atom" rel="alternate" title="Recent Commits to HTML5-placeholder-polyfill:master" type="application/atom+xml" />
|
|
|
|
</head>
|
|
|
|
|
|
<body class="logged_out page-blob linux vis-public env-production ">
|
|
<div id="wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="header header-logged-out">
|
|
<div class="container clearfix">
|
|
|
|
<a class="header-logo-wordmark" href="https://github.com/">
|
|
<img alt="GitHub" class="github-logo-4x" height="30" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x.png?1337118066" />
|
|
<img alt="GitHub" class="github-logo-4x-hover" height="30" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x-hover.png?1337118066" />
|
|
</a>
|
|
|
|
|
|
<ul class="top-nav">
|
|
<li class="explore"><a href="https://github.com/explore">Explore GitHub</a></li>
|
|
<li class="search"><a href="https://github.com/search">Search</a></li>
|
|
<li class="features"><a href="https://github.com/features">Features</a></li>
|
|
<li class="blog"><a href="https://github.com/blog">Blog</a></li>
|
|
</ul>
|
|
|
|
|
|
<div class="header-actions">
|
|
<a class="button primary classy" href="https://github.com/signup">Sign up for free</a>
|
|
<a class="button classy" href="https://github.com/login?return_to=%2Fginader%2FHTML5-placeholder-polyfill%2Fblob%2Fmaster%2Fsrc%2Fplaceholder_polyfill.jquery.js">Sign in</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="site hfeed" itemscope itemtype="http://schema.org/WebPage">
|
|
<div class="hentry">
|
|
|
|
<div class="pagehead repohead instapaper_ignore readability-menu">
|
|
<div class="container">
|
|
<div class="title-actions-bar">
|
|
|
|
|
|
|
|
<ul class="pagehead-actions">
|
|
|
|
|
|
<li>
|
|
<span class="star-button"><a href="/login?return_to=%2Fginader%2FHTML5-placeholder-polyfill" class="minibutton js-toggler-target entice tooltipped leftwards" title="You must be signed in to use this feature" rel="nofollow"><span class="mini-icon mini-icon-star"></span>Star</a><a class="social-count js-social-count" href="/ginader/HTML5-placeholder-polyfill/stargazers">65</a></span>
|
|
</li>
|
|
<li>
|
|
<a href="/login?return_to=%2Fginader%2FHTML5-placeholder-polyfill" class="minibutton js-toggler-target fork-button entice tooltipped leftwards" title="You must be signed in to fork a repository" rel="nofollow"><span class="mini-icon mini-icon-fork"></span>Fork</a><a href="/ginader/HTML5-placeholder-polyfill/network" class="social-count">30</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
|
|
<span class="repo-label"><span>public</span></span>
|
|
<span class="mega-icon mega-icon-public-repo"></span>
|
|
<span class="author vcard">
|
|
<a href="/ginader" class="url fn" itemprop="url" rel="author">
|
|
<span itemprop="title">ginader</span>
|
|
</a></span> /
|
|
<strong><a href="/ginader/HTML5-placeholder-polyfill" class="js-current-repository">HTML5-placeholder-polyfill</a></strong>
|
|
</h1>
|
|
</div>
|
|
|
|
|
|
|
|
<ul class="tabs">
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill" class="selected" highlight="repo_sourcerepo_downloadsrepo_commitsrepo_tagsrepo_branches">Code</a></li>
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/network" highlight="repo_network">Network</a></li>
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/pulls" highlight="repo_pulls">Pull Requests <span class='counter'>0</span></a></li>
|
|
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/issues" highlight="repo_issues">Issues <span class='counter'>8</span></a></li>
|
|
|
|
|
|
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/graphs" highlight="repo_graphsrepo_contributors">Graphs</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
<div class="tabnav">
|
|
|
|
<span class="tabnav-right">
|
|
<ul class="tabnav-tabs">
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/tags" class="tabnav-tab" highlight="repo_tags">Tags <span class="counter blank">0</span></a></li>
|
|
</ul>
|
|
|
|
</span>
|
|
|
|
<div class="tabnav-widget scope">
|
|
|
|
|
|
<div class="context-menu-container js-menu-container js-context-menu">
|
|
<a href="#"
|
|
class="minibutton bigger switcher js-menu-target js-commitish-button btn-branch repo-tree"
|
|
data-hotkey="w"
|
|
data-ref="master">
|
|
<span><em class="mini-icon mini-icon-branch"></em><i>branch:</i> master</span>
|
|
</a>
|
|
|
|
<div class="context-pane commitish-context js-menu-content">
|
|
<a href="#" class="close js-menu-close"><span class="mini-icon mini-icon-remove-close"></span></a>
|
|
<div class="context-title">Switch branches/tags</div>
|
|
<div class="context-body pane-selector commitish-selector js-navigation-container">
|
|
<div class="filterbar">
|
|
<input type="text" id="context-commitish-filter-field" class="js-navigation-enable js-filterable-field" placeholder="Filter branches/tags">
|
|
<ul class="tabs">
|
|
<li><a href="#" data-filter="branches" class="selected">Branches</a></li>
|
|
<li><a href="#" data-filter="tags">Tags</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="js-filter-tab js-filter-branches">
|
|
<div data-filterable-for="context-commitish-filter-field" data-filterable-type=substring>
|
|
<div class="commitish-item branch-commitish selector-item js-navigation-item js-navigation-target selected">
|
|
<span class="mini-icon mini-icon-confirm"></span>
|
|
<h4>
|
|
<a href="/ginader/HTML5-placeholder-polyfill/blob/master/src/placeholder_polyfill.jquery.js" class="js-navigation-open" data-name="master" rel="nofollow">master</a>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
<div class="no-results">Nothing to show</div>
|
|
</div>
|
|
|
|
<div class="js-filter-tab js-filter-tags filter-tab-empty" style="display:none">
|
|
<div data-filterable-for="context-commitish-filter-field" data-filterable-type=substring>
|
|
</div>
|
|
<div class="no-results">Nothing to show</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- /.commitish-context-context -->
|
|
</div>
|
|
</div> <!-- /.scope -->
|
|
|
|
<ul class="tabnav-tabs">
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill" class="selected tabnav-tab" highlight="repo_source">Files</a></li>
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/commits/master" class="tabnav-tab" highlight="repo_commits">Commits</a></li>
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/branches" class="tabnav-tab" highlight="repo_branches" rel="nofollow">Branches <span class="counter ">1</span></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div><!-- /.repohead -->
|
|
|
|
<div id="js-repo-pjax-container" class="container context-loader-container" data-pjax-container>
|
|
|
|
|
|
|
|
<!-- blob contrib key: blob_contributors:v21:84e4b704ece68b5a5fb7edd0f16de628 -->
|
|
<!-- blob contrib frag key: views10/v8/blob_contributors:v21:84e4b704ece68b5a5fb7edd0f16de628 -->
|
|
|
|
<div id="slider">
|
|
|
|
|
|
<div class="frame-meta">
|
|
|
|
<p title="This is a placeholder element" class="js-history-link-replace hidden"></p>
|
|
<div class="breadcrumb">
|
|
<span class='bold'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/ginader/HTML5-placeholder-polyfill" class="js-slide-to" data-direction="back" itemscope="url"><span itemprop="title">HTML5-placeholder-polyfill</span></a></span></span> / <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/ginader/HTML5-placeholder-polyfill/tree/master/src" class="js-slide-to" data-direction="back" itemscope="url"><span itemprop="title">src</span></a></span> / <strong class="final-path">placeholder_polyfill.jquery.js</strong> <span class="js-clippy mini-icon mini-icon-clippy " data-clipboard-text="src/placeholder_polyfill.jquery.js" data-copied-hint="copied!" data-copy-hint="copy to clipboard"></span>
|
|
</div>
|
|
|
|
<a href="/ginader/HTML5-placeholder-polyfill/find/master" class="js-slide-to" data-hotkey="t" style="display:none">Show File Finder</a>
|
|
|
|
|
|
<div class="commit file-history-tease" data-path="src/placeholder_polyfill.jquery.js/">
|
|
<img class="main-avatar" height="24" src="https://secure.gravatar.com/avatar/527f4d53dface556f273bd7995a4ade9?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
|
|
<span class="author">Dirk Ginader</span>
|
|
<time class="js-relative-date" datetime="2012-11-14T10:55:50-08:00" title="2012-11-14 10:55:50">November 14, 2012</time>
|
|
<div class="commit-title">
|
|
<a href="/ginader/HTML5-placeholder-polyfill/commit/aba8e5456853bda7536affd280ab7037efbc16c6" class="message">fixing and IE issue</a>
|
|
</div>
|
|
|
|
<div class="participation">
|
|
<p class="quickstat"><a href="#blob_contributors_box" rel="facebox"><strong>5</strong> contributors</a></p>
|
|
<a class="avatar tooltipped downwards" title="elliotttf" href="/ginader/HTML5-placeholder-polyfill/commits/master/src/placeholder_polyfill.jquery.js?author=elliotttf"><img height="20" src="https://secure.gravatar.com/avatar/47052ab9c29ffa151ee09b605481712a?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="20" /></a>
|
|
<a class="avatar tooltipped downwards" title="ginader" href="/ginader/HTML5-placeholder-polyfill/commits/master/src/placeholder_polyfill.jquery.js?author=ginader"><img height="20" src="https://secure.gravatar.com/avatar/ac20c97a1a7c321444013be47f1fcee6?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="20" /></a>
|
|
<a class="avatar tooltipped downwards" title="nkovacs" href="/ginader/HTML5-placeholder-polyfill/commits/master/src/placeholder_polyfill.jquery.js?author=nkovacs"><img height="20" src="https://secure.gravatar.com/avatar/f8447d0ae4e15d8a97515e4d14d4ab75?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="20" /></a>
|
|
<a class="avatar tooltipped downwards" title="Krinkle" href="/ginader/HTML5-placeholder-polyfill/commits/master/src/placeholder_polyfill.jquery.js?author=Krinkle"><img height="20" src="https://secure.gravatar.com/avatar/49061e8503ca321a8045c9065963a8c6?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="20" /></a>
|
|
<a class="avatar tooltipped downwards" title="paquettea" href="/ginader/HTML5-placeholder-polyfill/commits/master/src/placeholder_polyfill.jquery.js?author=paquettea"><img height="20" src="https://secure.gravatar.com/avatar/2428941f53e0238ad7ab9e479099c3d1?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="20" /></a>
|
|
|
|
|
|
</div>
|
|
<div id="blob_contributors_box" style="display:none">
|
|
<h2>Users on GitHub who have contributed to this file</h2>
|
|
<ul class="facebox-user-list">
|
|
<li>
|
|
<img height="24" src="https://secure.gravatar.com/avatar/47052ab9c29ffa151ee09b605481712a?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
|
|
<a href="/elliotttf">elliotttf</a>
|
|
</li>
|
|
<li>
|
|
<img height="24" src="https://secure.gravatar.com/avatar/ac20c97a1a7c321444013be47f1fcee6?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
|
|
<a href="/ginader">ginader</a>
|
|
</li>
|
|
<li>
|
|
<img height="24" src="https://secure.gravatar.com/avatar/f8447d0ae4e15d8a97515e4d14d4ab75?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
|
|
<a href="/nkovacs">nkovacs</a>
|
|
</li>
|
|
<li>
|
|
<img height="24" src="https://secure.gravatar.com/avatar/49061e8503ca321a8045c9065963a8c6?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
|
|
<a href="/Krinkle">Krinkle</a>
|
|
</li>
|
|
<li>
|
|
<img height="24" src="https://secure.gravatar.com/avatar/2428941f53e0238ad7ab9e479099c3d1?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
|
|
<a href="/paquettea">paquettea</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div><!-- ./.frame-meta -->
|
|
|
|
<div class="frames">
|
|
<div class="frame" data-permalink-url="/ginader/HTML5-placeholder-polyfill/blob/9f9622f2cf14ba6925f1ea890af9d6222092d64e/src/placeholder_polyfill.jquery.js" data-title="HTML5-placeholder-polyfill/src/placeholder_polyfill.jquery.js at master · ginader/HTML5-placeholder-polyfill · GitHub" data-type="blob">
|
|
|
|
<div id="files" class="bubble">
|
|
<div class="file">
|
|
<div class="meta">
|
|
<div class="info">
|
|
<span class="icon"><b class="mini-icon mini-icon-text-file"></b></span>
|
|
<span class="mode" title="File Mode">file</span>
|
|
<span>213 lines (198 sloc)</span>
|
|
<span>8.945 kb</span>
|
|
</div>
|
|
<ul class="button-group actions">
|
|
<li>
|
|
<a class="grouped-button minibutton bigger lighter js-entice" href=""
|
|
data-entice="You must be signed in and on a branch to make or propose changes">Edit</a>
|
|
</li>
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/raw/master/src/placeholder_polyfill.jquery.js" class="minibutton grouped-button bigger lighter" id="raw-url">Raw</a></li>
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/blame/master/src/placeholder_polyfill.jquery.js" class="minibutton grouped-button bigger lighter">Blame</a></li>
|
|
<li><a href="/ginader/HTML5-placeholder-polyfill/commits/master/src/placeholder_polyfill.jquery.js" class="minibutton grouped-button bigger lighter" rel="nofollow">History</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="data type-javascript">
|
|
<table cellpadding="0" cellspacing="0" class="lines">
|
|
<tr>
|
|
<td>
|
|
<pre class="line_numbers"><span id="L1" rel="#L1">1</span>
|
|
<span id="L2" rel="#L2">2</span>
|
|
<span id="L3" rel="#L3">3</span>
|
|
<span id="L4" rel="#L4">4</span>
|
|
<span id="L5" rel="#L5">5</span>
|
|
<span id="L6" rel="#L6">6</span>
|
|
<span id="L7" rel="#L7">7</span>
|
|
<span id="L8" rel="#L8">8</span>
|
|
<span id="L9" rel="#L9">9</span>
|
|
<span id="L10" rel="#L10">10</span>
|
|
<span id="L11" rel="#L11">11</span>
|
|
<span id="L12" rel="#L12">12</span>
|
|
<span id="L13" rel="#L13">13</span>
|
|
<span id="L14" rel="#L14">14</span>
|
|
<span id="L15" rel="#L15">15</span>
|
|
<span id="L16" rel="#L16">16</span>
|
|
<span id="L17" rel="#L17">17</span>
|
|
<span id="L18" rel="#L18">18</span>
|
|
<span id="L19" rel="#L19">19</span>
|
|
<span id="L20" rel="#L20">20</span>
|
|
<span id="L21" rel="#L21">21</span>
|
|
<span id="L22" rel="#L22">22</span>
|
|
<span id="L23" rel="#L23">23</span>
|
|
<span id="L24" rel="#L24">24</span>
|
|
<span id="L25" rel="#L25">25</span>
|
|
<span id="L26" rel="#L26">26</span>
|
|
<span id="L27" rel="#L27">27</span>
|
|
<span id="L28" rel="#L28">28</span>
|
|
<span id="L29" rel="#L29">29</span>
|
|
<span id="L30" rel="#L30">30</span>
|
|
<span id="L31" rel="#L31">31</span>
|
|
<span id="L32" rel="#L32">32</span>
|
|
<span id="L33" rel="#L33">33</span>
|
|
<span id="L34" rel="#L34">34</span>
|
|
<span id="L35" rel="#L35">35</span>
|
|
<span id="L36" rel="#L36">36</span>
|
|
<span id="L37" rel="#L37">37</span>
|
|
<span id="L38" rel="#L38">38</span>
|
|
<span id="L39" rel="#L39">39</span>
|
|
<span id="L40" rel="#L40">40</span>
|
|
<span id="L41" rel="#L41">41</span>
|
|
<span id="L42" rel="#L42">42</span>
|
|
<span id="L43" rel="#L43">43</span>
|
|
<span id="L44" rel="#L44">44</span>
|
|
<span id="L45" rel="#L45">45</span>
|
|
<span id="L46" rel="#L46">46</span>
|
|
<span id="L47" rel="#L47">47</span>
|
|
<span id="L48" rel="#L48">48</span>
|
|
<span id="L49" rel="#L49">49</span>
|
|
<span id="L50" rel="#L50">50</span>
|
|
<span id="L51" rel="#L51">51</span>
|
|
<span id="L52" rel="#L52">52</span>
|
|
<span id="L53" rel="#L53">53</span>
|
|
<span id="L54" rel="#L54">54</span>
|
|
<span id="L55" rel="#L55">55</span>
|
|
<span id="L56" rel="#L56">56</span>
|
|
<span id="L57" rel="#L57">57</span>
|
|
<span id="L58" rel="#L58">58</span>
|
|
<span id="L59" rel="#L59">59</span>
|
|
<span id="L60" rel="#L60">60</span>
|
|
<span id="L61" rel="#L61">61</span>
|
|
<span id="L62" rel="#L62">62</span>
|
|
<span id="L63" rel="#L63">63</span>
|
|
<span id="L64" rel="#L64">64</span>
|
|
<span id="L65" rel="#L65">65</span>
|
|
<span id="L66" rel="#L66">66</span>
|
|
<span id="L67" rel="#L67">67</span>
|
|
<span id="L68" rel="#L68">68</span>
|
|
<span id="L69" rel="#L69">69</span>
|
|
<span id="L70" rel="#L70">70</span>
|
|
<span id="L71" rel="#L71">71</span>
|
|
<span id="L72" rel="#L72">72</span>
|
|
<span id="L73" rel="#L73">73</span>
|
|
<span id="L74" rel="#L74">74</span>
|
|
<span id="L75" rel="#L75">75</span>
|
|
<span id="L76" rel="#L76">76</span>
|
|
<span id="L77" rel="#L77">77</span>
|
|
<span id="L78" rel="#L78">78</span>
|
|
<span id="L79" rel="#L79">79</span>
|
|
<span id="L80" rel="#L80">80</span>
|
|
<span id="L81" rel="#L81">81</span>
|
|
<span id="L82" rel="#L82">82</span>
|
|
<span id="L83" rel="#L83">83</span>
|
|
<span id="L84" rel="#L84">84</span>
|
|
<span id="L85" rel="#L85">85</span>
|
|
<span id="L86" rel="#L86">86</span>
|
|
<span id="L87" rel="#L87">87</span>
|
|
<span id="L88" rel="#L88">88</span>
|
|
<span id="L89" rel="#L89">89</span>
|
|
<span id="L90" rel="#L90">90</span>
|
|
<span id="L91" rel="#L91">91</span>
|
|
<span id="L92" rel="#L92">92</span>
|
|
<span id="L93" rel="#L93">93</span>
|
|
<span id="L94" rel="#L94">94</span>
|
|
<span id="L95" rel="#L95">95</span>
|
|
<span id="L96" rel="#L96">96</span>
|
|
<span id="L97" rel="#L97">97</span>
|
|
<span id="L98" rel="#L98">98</span>
|
|
<span id="L99" rel="#L99">99</span>
|
|
<span id="L100" rel="#L100">100</span>
|
|
<span id="L101" rel="#L101">101</span>
|
|
<span id="L102" rel="#L102">102</span>
|
|
<span id="L103" rel="#L103">103</span>
|
|
<span id="L104" rel="#L104">104</span>
|
|
<span id="L105" rel="#L105">105</span>
|
|
<span id="L106" rel="#L106">106</span>
|
|
<span id="L107" rel="#L107">107</span>
|
|
<span id="L108" rel="#L108">108</span>
|
|
<span id="L109" rel="#L109">109</span>
|
|
<span id="L110" rel="#L110">110</span>
|
|
<span id="L111" rel="#L111">111</span>
|
|
<span id="L112" rel="#L112">112</span>
|
|
<span id="L113" rel="#L113">113</span>
|
|
<span id="L114" rel="#L114">114</span>
|
|
<span id="L115" rel="#L115">115</span>
|
|
<span id="L116" rel="#L116">116</span>
|
|
<span id="L117" rel="#L117">117</span>
|
|
<span id="L118" rel="#L118">118</span>
|
|
<span id="L119" rel="#L119">119</span>
|
|
<span id="L120" rel="#L120">120</span>
|
|
<span id="L121" rel="#L121">121</span>
|
|
<span id="L122" rel="#L122">122</span>
|
|
<span id="L123" rel="#L123">123</span>
|
|
<span id="L124" rel="#L124">124</span>
|
|
<span id="L125" rel="#L125">125</span>
|
|
<span id="L126" rel="#L126">126</span>
|
|
<span id="L127" rel="#L127">127</span>
|
|
<span id="L128" rel="#L128">128</span>
|
|
<span id="L129" rel="#L129">129</span>
|
|
<span id="L130" rel="#L130">130</span>
|
|
<span id="L131" rel="#L131">131</span>
|
|
<span id="L132" rel="#L132">132</span>
|
|
<span id="L133" rel="#L133">133</span>
|
|
<span id="L134" rel="#L134">134</span>
|
|
<span id="L135" rel="#L135">135</span>
|
|
<span id="L136" rel="#L136">136</span>
|
|
<span id="L137" rel="#L137">137</span>
|
|
<span id="L138" rel="#L138">138</span>
|
|
<span id="L139" rel="#L139">139</span>
|
|
<span id="L140" rel="#L140">140</span>
|
|
<span id="L141" rel="#L141">141</span>
|
|
<span id="L142" rel="#L142">142</span>
|
|
<span id="L143" rel="#L143">143</span>
|
|
<span id="L144" rel="#L144">144</span>
|
|
<span id="L145" rel="#L145">145</span>
|
|
<span id="L146" rel="#L146">146</span>
|
|
<span id="L147" rel="#L147">147</span>
|
|
<span id="L148" rel="#L148">148</span>
|
|
<span id="L149" rel="#L149">149</span>
|
|
<span id="L150" rel="#L150">150</span>
|
|
<span id="L151" rel="#L151">151</span>
|
|
<span id="L152" rel="#L152">152</span>
|
|
<span id="L153" rel="#L153">153</span>
|
|
<span id="L154" rel="#L154">154</span>
|
|
<span id="L155" rel="#L155">155</span>
|
|
<span id="L156" rel="#L156">156</span>
|
|
<span id="L157" rel="#L157">157</span>
|
|
<span id="L158" rel="#L158">158</span>
|
|
<span id="L159" rel="#L159">159</span>
|
|
<span id="L160" rel="#L160">160</span>
|
|
<span id="L161" rel="#L161">161</span>
|
|
<span id="L162" rel="#L162">162</span>
|
|
<span id="L163" rel="#L163">163</span>
|
|
<span id="L164" rel="#L164">164</span>
|
|
<span id="L165" rel="#L165">165</span>
|
|
<span id="L166" rel="#L166">166</span>
|
|
<span id="L167" rel="#L167">167</span>
|
|
<span id="L168" rel="#L168">168</span>
|
|
<span id="L169" rel="#L169">169</span>
|
|
<span id="L170" rel="#L170">170</span>
|
|
<span id="L171" rel="#L171">171</span>
|
|
<span id="L172" rel="#L172">172</span>
|
|
<span id="L173" rel="#L173">173</span>
|
|
<span id="L174" rel="#L174">174</span>
|
|
<span id="L175" rel="#L175">175</span>
|
|
<span id="L176" rel="#L176">176</span>
|
|
<span id="L177" rel="#L177">177</span>
|
|
<span id="L178" rel="#L178">178</span>
|
|
<span id="L179" rel="#L179">179</span>
|
|
<span id="L180" rel="#L180">180</span>
|
|
<span id="L181" rel="#L181">181</span>
|
|
<span id="L182" rel="#L182">182</span>
|
|
<span id="L183" rel="#L183">183</span>
|
|
<span id="L184" rel="#L184">184</span>
|
|
<span id="L185" rel="#L185">185</span>
|
|
<span id="L186" rel="#L186">186</span>
|
|
<span id="L187" rel="#L187">187</span>
|
|
<span id="L188" rel="#L188">188</span>
|
|
<span id="L189" rel="#L189">189</span>
|
|
<span id="L190" rel="#L190">190</span>
|
|
<span id="L191" rel="#L191">191</span>
|
|
<span id="L192" rel="#L192">192</span>
|
|
<span id="L193" rel="#L193">193</span>
|
|
<span id="L194" rel="#L194">194</span>
|
|
<span id="L195" rel="#L195">195</span>
|
|
<span id="L196" rel="#L196">196</span>
|
|
<span id="L197" rel="#L197">197</span>
|
|
<span id="L198" rel="#L198">198</span>
|
|
<span id="L199" rel="#L199">199</span>
|
|
<span id="L200" rel="#L200">200</span>
|
|
<span id="L201" rel="#L201">201</span>
|
|
<span id="L202" rel="#L202">202</span>
|
|
<span id="L203" rel="#L203">203</span>
|
|
<span id="L204" rel="#L204">204</span>
|
|
<span id="L205" rel="#L205">205</span>
|
|
<span id="L206" rel="#L206">206</span>
|
|
<span id="L207" rel="#L207">207</span>
|
|
<span id="L208" rel="#L208">208</span>
|
|
<span id="L209" rel="#L209">209</span>
|
|
<span id="L210" rel="#L210">210</span>
|
|
<span id="L211" rel="#L211">211</span>
|
|
<span id="L212" rel="#L212">212</span>
|
|
</pre>
|
|
</td>
|
|
<td width="100%">
|
|
<div class="highlight"><pre><div class='line' id='LC1'><span class="cm">/**</span></div><div class='line' id='LC2'><span class="cm">* HTML5 placeholder polyfill</span></div><div class='line' id='LC3'><span class="cm">* @requires jQuery - tested with 1.6.2 but might as well work with older versions</span></div><div class='line' id='LC4'><span class="cm">* </span></div><div class='line' id='LC5'><span class="cm">* code: https://github.com/ginader/HTML5-placeholder-polyfill</span></div><div class='line' id='LC6'><span class="cm">* please report issues at: https://github.com/ginader/HTML5-placeholder-polyfill/issues</span></div><div class='line' id='LC7'><span class="cm">*</span></div><div class='line' id='LC8'><span class="cm">* Copyright (c) 2012 Dirk Ginader (ginader.de)</span></div><div class='line' id='LC9'><span class="cm">* Dual licensed under the MIT and GPL licenses:</span></div><div class='line' id='LC10'><span class="cm">* http://www.opensource.org/licenses/mit-license.php</span></div><div class='line' id='LC11'><span class="cm">* http://www.gnu.org/licenses/gpl.html</span></div><div class='line' id='LC12'><span class="cm">*</span></div><div class='line' id='LC13'><span class="cm">* Version: 2.0.6</span></div><div class='line' id='LC14'><span class="cm">* </span></div><div class='line' id='LC15'><span class="cm">*/</span></div><div class='line' id='LC16'><br/></div><div class='line' id='LC17'><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC18'> <span class="kd">var</span> <span class="nx">debug</span> <span class="o">=</span> <span class="kc">false</span><span class="p">,</span></div><div class='line' id='LC19'> <span class="nx">animId</span><span class="p">;</span></div><div class='line' id='LC20'> <span class="kd">function</span> <span class="nx">showPlaceholderIfEmpty</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC21'> <span class="k">if</span><span class="p">(</span> <span class="nx">input</span><span class="p">.</span><span class="nx">val</span><span class="p">()</span> <span class="o">===</span> <span class="s1">''</span> <span class="p">){</span></div><div class='line' id='LC22'> <span class="nx">input</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">).</span><span class="nx">removeClass</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">hideClass</span><span class="p">);</span></div><div class='line' id='LC23'> <span class="p">}</span><span class="k">else</span><span class="p">{</span></div><div class='line' id='LC24'> <span class="nx">input</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">hideClass</span><span class="p">);</span></div><div class='line' id='LC25'> <span class="p">}</span></div><div class='line' id='LC26'> <span class="p">}</span></div><div class='line' id='LC27'> <span class="kd">function</span> <span class="nx">hidePlaceholder</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">options</span><span class="p">){</span></div><div class='line' id='LC28'> <span class="nx">input</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">hideClass</span><span class="p">);</span></div><div class='line' id='LC29'> <span class="p">}</span></div><div class='line' id='LC30'> <span class="kd">function</span> <span class="nx">positionPlaceholder</span><span class="p">(</span><span class="nx">placeholder</span><span class="p">,</span><span class="nx">input</span><span class="p">){</span></div><div class='line' id='LC31'> <span class="kd">var</span> <span class="nx">ta</span> <span class="o">=</span> <span class="nx">input</span><span class="p">.</span><span class="nx">is</span><span class="p">(</span><span class="s1">'textarea'</span><span class="p">);</span></div><div class='line' id='LC32'><br/></div><div class='line' id='LC33'> <span class="c1">// Determine if we need to shift the header down more.</span></div><div class='line' id='LC34'> <span class="kd">var</span> <span class="nx">offset</span> <span class="o">=</span> <span class="nx">input</span><span class="p">.</span><span class="nx">offset</span><span class="p">();</span></div><div class='line' id='LC35'> <span class="k">if</span> <span class="p">(</span><span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding'</span><span class="p">)</span> <span class="o">&&</span> <span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding'</span><span class="p">)</span> <span class="o">!==</span> <span class="s1">'0px'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC36'> <span class="kd">var</span> <span class="nx">padding</span> <span class="o">=</span> <span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding'</span><span class="p">).</span><span class="nx">split</span><span class="p">(</span><span class="s1">' '</span><span class="p">);</span></div><div class='line' id='LC37'> <span class="nx">offset</span><span class="p">.</span><span class="nx">top</span> <span class="o">+=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">padding</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">replace</span><span class="p">(</span><span class="s1">'px'</span><span class="p">,</span> <span class="s1">''</span><span class="p">));</span></div><div class='line' id='LC38'> <span class="nx">offset</span><span class="p">.</span><span class="nx">left</span> <span class="o">+=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">padding</span><span class="p">[</span><span class="nx">padding</span><span class="p">.</span><span class="nx">length</span> <span class="o">-</span> <span class="mi">1</span><span class="p">].</span><span class="nx">replace</span><span class="p">(</span><span class="s1">'px'</span><span class="p">,</span> <span class="s1">''</span><span class="p">));</span></div><div class='line' id='LC39'> <span class="p">}</span></div><div class='line' id='LC40'> <span class="k">else</span> <span class="p">{</span></div><div class='line' id='LC41'> <span class="k">if</span> <span class="p">(</span><span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding-top'</span><span class="p">)</span> <span class="o">&&</span> <span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding-top'</span><span class="p">)</span> <span class="o">!==</span> <span class="s1">'0px'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC42'> <span class="nx">offset</span><span class="p">.</span><span class="nx">top</span> <span class="o">+=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding-top'</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="s1">'px'</span><span class="p">,</span> <span class="s1">''</span><span class="p">));</span></div><div class='line' id='LC43'> <span class="p">}</span></div><div class='line' id='LC44'> <span class="k">if</span> <span class="p">(</span><span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding-left'</span><span class="p">)</span> <span class="o">&&</span> <span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding-left'</span><span class="p">)</span> <span class="o">!==</span> <span class="s1">'0px'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC45'> <span class="nx">offset</span><span class="p">.</span><span class="nx">left</span> <span class="o">+=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'padding-left'</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="s1">'px'</span><span class="p">,</span> <span class="s1">''</span><span class="p">));</span></div><div class='line' id='LC46'> <span class="p">}</span></div><div class='line' id='LC47'> <span class="p">}</span></div><div class='line' id='LC48'><br/></div><div class='line' id='LC49'> <span class="nx">placeholder</span><span class="p">.</span><span class="nx">css</span><span class="p">({</span></div><div class='line' id='LC50'> <span class="nx">width</span> <span class="o">:</span> <span class="nx">input</span><span class="p">.</span><span class="nx">innerWidth</span><span class="p">()</span><span class="o">-</span><span class="p">(</span><span class="nx">ta</span> <span class="o">?</span> <span class="mi">20</span> <span class="o">:</span> <span class="mi">4</span><span class="p">),</span></div><div class='line' id='LC51'> <span class="nx">height</span> <span class="o">:</span> <span class="nx">input</span><span class="p">.</span><span class="nx">innerHeight</span><span class="p">()</span><span class="o">-</span><span class="mi">6</span><span class="p">,</span></div><div class='line' id='LC52'> <span class="nx">lineHeight</span> <span class="o">:</span> <span class="nx">input</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">'line-height'</span><span class="p">),</span></div><div class='line' id='LC53'> <span class="nx">whiteSpace</span> <span class="o">:</span> <span class="nx">ta</span> <span class="o">?</span> <span class="s1">'normal'</span> <span class="o">:</span> <span class="s1">'nowrap'</span><span class="p">,</span></div><div class='line' id='LC54'> <span class="nx">overflow</span> <span class="o">:</span> <span class="s1">'hidden'</span></div><div class='line' id='LC55'> <span class="p">}).</span><span class="nx">offset</span><span class="p">(</span><span class="nx">offset</span><span class="p">);</span></div><div class='line' id='LC56'> <span class="p">}</span></div><div class='line' id='LC57'> <span class="kd">function</span> <span class="nx">startFilledCheckChange</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">options</span><span class="p">){</span></div><div class='line' id='LC58'> <span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="nx">input</span><span class="p">.</span><span class="nx">val</span><span class="p">();</span></div><div class='line' id='LC59'> <span class="p">(</span><span class="kd">function</span> <span class="nx">checkloop</span><span class="p">(){</span></div><div class='line' id='LC60'> <span class="nx">animId</span> <span class="o">=</span> <span class="nx">requestAnimationFrame</span><span class="p">(</span><span class="nx">checkloop</span><span class="p">);</span></div><div class='line' id='LC61'> <span class="k">if</span><span class="p">(</span><span class="nx">input</span><span class="p">.</span><span class="nx">val</span><span class="p">()</span> <span class="o">!==</span> <span class="nx">val</span><span class="p">){</span></div><div class='line' id='LC62'> <span class="nx">hidePlaceholder</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC63'> <span class="nx">stopCheckChange</span><span class="p">();</span></div><div class='line' id='LC64'> <span class="nx">startEmptiedCheckChange</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC65'> <span class="p">}</span></div><div class='line' id='LC66'> <span class="p">}());</span></div><div class='line' id='LC67'> <span class="p">}</span></div><div class='line' id='LC68'> <span class="kd">function</span> <span class="nx">startEmptiedCheckChange</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">options</span><span class="p">){</span></div><div class='line' id='LC69'> <span class="p">(</span><span class="kd">function</span> <span class="nx">checkloop</span><span class="p">(){</span></div><div class='line' id='LC70'> <span class="nx">animId</span> <span class="o">=</span> <span class="nx">requestAnimationFrame</span><span class="p">(</span><span class="nx">checkloop</span><span class="p">);</span></div><div class='line' id='LC71'> <span class="nx">showPlaceholderIfEmpty</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC72'> <span class="p">}());</span></div><div class='line' id='LC73'> <span class="p">}</span></div><div class='line' id='LC74'> <span class="kd">function</span> <span class="nx">stopCheckChange</span><span class="p">(){</span></div><div class='line' id='LC75'> <span class="nx">cancelAnimationFrame</span><span class="p">(</span><span class="nx">animId</span><span class="p">);</span></div><div class='line' id='LC76'> <span class="p">}</span></div><div class='line' id='LC77'> <span class="kd">function</span> <span class="nx">log</span><span class="p">(</span><span class="nx">msg</span><span class="p">){</span></div><div class='line' id='LC78'> <span class="k">if</span><span class="p">(</span><span class="nx">debug</span> <span class="o">&&</span> <span class="nb">window</span><span class="p">.</span><span class="nx">console</span> <span class="o">&&</span> <span class="nb">window</span><span class="p">.</span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">){</span></div><div class='line' id='LC79'> <span class="nb">window</span><span class="p">.</span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">msg</span><span class="p">);</span></div><div class='line' id='LC80'> <span class="p">}</span></div><div class='line' id='LC81'> <span class="p">}</span></div><div class='line' id='LC82'><br/></div><div class='line' id='LC83'> <span class="nx">$</span><span class="p">.</span><span class="nx">fn</span><span class="p">.</span><span class="nx">placeHolder</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">config</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC84'> <span class="nx">log</span><span class="p">(</span><span class="s1">'init placeHolder'</span><span class="p">);</span></div><div class='line' id='LC85'> <span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span></div><div class='line' id='LC86'> <span class="kd">var</span> <span class="nx">l</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">length</span><span class="p">;</span></div><div class='line' id='LC87'> <span class="k">this</span><span class="p">.</span><span class="nx">options</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span></div><div class='line' id='LC88'> <span class="nx">className</span><span class="o">:</span> <span class="s1">'placeholder'</span><span class="p">,</span> <span class="c1">// css class that is used to style the placeholder</span></div><div class='line' id='LC89'> <span class="nx">visibleToScreenreaders</span> <span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// expose the placeholder text to screenreaders or not</span></div><div class='line' id='LC90'> <span class="nx">visibleToScreenreadersHideClass</span> <span class="o">:</span> <span class="s1">'placeholder-hide-except-screenreader'</span><span class="p">,</span> <span class="c1">// css class is used to visually hide the placeholder</span></div><div class='line' id='LC91'> <span class="nx">visibleToNoneHideClass</span> <span class="o">:</span> <span class="s1">'placeholder-hide'</span><span class="p">,</span> <span class="c1">// css class used to hide the placeholder for all</span></div><div class='line' id='LC92'> <span class="nx">hideOnFocus</span> <span class="o">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">// either hide the placeholder on focus or on type</span></div><div class='line' id='LC93'> <span class="nx">removeLabelClass</span> <span class="o">:</span> <span class="s1">'visuallyhidden'</span><span class="p">,</span> <span class="c1">// remove this class from a label (to fix hidden labels)</span></div><div class='line' id='LC94'> <span class="nx">hiddenOverrideClass</span> <span class="o">:</span> <span class="s1">'visuallyhidden-with-placeholder'</span><span class="p">,</span> <span class="c1">// replace the label above with this class</span></div><div class='line' id='LC95'> <span class="nx">forceHiddenOverride</span> <span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// allow the replace of the removeLabelClass with hiddenOverrideClass or not</span></div><div class='line' id='LC96'> <span class="nx">forceApply</span> <span class="o">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">// apply the polyfill even for browser with native support</span></div><div class='line' id='LC97'> <span class="nx">autoInit</span> <span class="o">:</span> <span class="kc">true</span> <span class="c1">// init automatically or not</span></div><div class='line' id='LC98'> <span class="p">},</span> <span class="nx">config</span><span class="p">);</span></div><div class='line' id='LC99'> <span class="k">this</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">hideClass</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">visibleToScreenreaders</span> <span class="o">?</span> <span class="k">this</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">visibleToScreenreadersHideClass</span> <span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">visibleToNoneHideClass</span><span class="p">;</span></div><div class='line' id='LC100'> <span class="k">return</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">index</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC101'> <span class="kd">var</span> <span class="nx">input</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">),</span></div><div class='line' id='LC102'> <span class="nx">text</span> <span class="o">=</span> <span class="nx">input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">),</span></div><div class='line' id='LC103'> <span class="nx">id</span> <span class="o">=</span> <span class="nx">input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'id'</span><span class="p">),</span></div><div class='line' id='LC104'> <span class="nx">label</span><span class="p">,</span><span class="nx">placeholder</span><span class="p">,</span><span class="nx">titleNeeded</span><span class="p">,</span><span class="nx">polyfilled</span><span class="p">;</span></div><div class='line' id='LC105'> <span class="k">if</span><span class="p">(</span><span class="nx">text</span> <span class="o">===</span> <span class="s2">""</span> <span class="o">||</span> <span class="nx">text</span> <span class="o">===</span> <span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC106'> <span class="nx">text</span> <span class="o">=</span> <span class="nx">input</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">attributes</span><span class="p">[</span><span class="s2">"placeholder"</span><span class="p">].</span><span class="nx">value</span><span class="p">;</span></div><div class='line' id='LC107'> <span class="p">}</span></div><div class='line' id='LC108'> <span class="nx">label</span> <span class="o">=</span> <span class="nx">input</span><span class="p">.</span><span class="nx">closest</span><span class="p">(</span><span class="s1">'label'</span><span class="p">);</span></div><div class='line' id='LC109'> <span class="nx">input</span><span class="p">.</span><span class="nx">removeAttr</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">);</span></div><div class='line' id='LC110'> <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">label</span><span class="p">.</span><span class="nx">length</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">id</span><span class="p">){</span></div><div class='line' id='LC111'> <span class="nx">log</span><span class="p">(</span><span class="s1">'the input element with the placeholder needs an id!'</span><span class="p">);</span></div><div class='line' id='LC112'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC113'> <span class="p">}</span></div><div class='line' id='LC114'> <span class="nx">label</span> <span class="o">=</span> <span class="nx">label</span><span class="p">.</span><span class="nx">length</span> <span class="o">?</span> <span class="nx">label</span> <span class="o">:</span> <span class="nx">$</span><span class="p">(</span><span class="s1">'label[for="'</span><span class="o">+</span><span class="nx">id</span><span class="o">+</span><span class="s1">'"]'</span><span class="p">).</span><span class="nx">first</span><span class="p">();</span></div><div class='line' id='LC115'> <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">label</span><span class="p">.</span><span class="nx">length</span><span class="p">){</span></div><div class='line' id='LC116'> <span class="nx">log</span><span class="p">(</span><span class="s1">'the input element with the placeholder needs a label!'</span><span class="p">);</span></div><div class='line' id='LC117'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC118'> <span class="p">}</span></div><div class='line' id='LC119'> <span class="nx">polyfilled</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">label</span><span class="p">).</span><span class="nx">find</span><span class="p">(</span><span class="s1">'.placeholder'</span><span class="p">);</span></div><div class='line' id='LC120'> <span class="k">if</span><span class="p">(</span><span class="nx">polyfilled</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC121'> <span class="c1">//log('the input element already has a polyfilled placeholder!');</span></div><div class='line' id='LC122'> <span class="nx">positionPlaceholder</span><span class="p">(</span><span class="nx">polyfilled</span><span class="p">,</span><span class="nx">input</span><span class="p">);</span></div><div class='line' id='LC123'> <span class="nx">polyfilled</span><span class="p">.</span><span class="nx">text</span><span class="p">(</span><span class="nx">text</span><span class="p">);</span></div><div class='line' id='LC124'> <span class="k">return</span> <span class="nx">input</span><span class="p">;</span></div><div class='line' id='LC125'> <span class="p">}</span></div><div class='line' id='LC126'> </div><div class='line' id='LC127'> <span class="k">if</span><span class="p">(</span><span class="nx">label</span><span class="p">.</span><span class="nx">hasClass</span><span class="p">(</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">removeLabelClass</span><span class="p">)){</span></div><div class='line' id='LC128'> <span class="nx">label</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">removeLabelClass</span><span class="p">)</span></div><div class='line' id='LC129'> <span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">hiddenOverrideClass</span><span class="p">);</span></div><div class='line' id='LC130'> <span class="p">}</span></div><div class='line' id='LC131'><br/></div><div class='line' id='LC132'> <span class="nx">placeholder</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">'<span>'</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">className</span><span class="p">).</span><span class="nx">text</span><span class="p">(</span><span class="nx">text</span><span class="p">).</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">label</span><span class="p">);</span></div><div class='line' id='LC133'><br/></div><div class='line' id='LC134'> <span class="nx">titleNeeded</span> <span class="o">=</span> <span class="p">(</span><span class="nx">placeholder</span><span class="p">.</span><span class="nx">width</span><span class="p">()</span> <span class="o">></span> <span class="nx">input</span><span class="p">.</span><span class="nx">width</span><span class="p">());</span></div><div class='line' id='LC135'> <span class="k">if</span><span class="p">(</span><span class="nx">titleNeeded</span><span class="p">){</span></div><div class='line' id='LC136'> <span class="nx">placeholder</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'title'</span><span class="p">,</span><span class="nx">text</span><span class="p">);</span></div><div class='line' id='LC137'> <span class="p">}</span></div><div class='line' id='LC138'> <span class="nx">positionPlaceholder</span><span class="p">(</span><span class="nx">placeholder</span><span class="p">,</span><span class="nx">input</span><span class="p">);</span></div><div class='line' id='LC139'> <span class="nx">input</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">,</span><span class="nx">placeholder</span><span class="p">);</span></div><div class='line' id='LC140'> <span class="nx">placeholder</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">'input'</span><span class="p">,</span><span class="nx">placeholder</span><span class="p">);</span></div><div class='line' id='LC141'> <span class="nx">placeholder</span><span class="p">.</span><span class="nx">click</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC142'> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">'input'</span><span class="p">).</span><span class="nx">focus</span><span class="p">();</span></div><div class='line' id='LC143'> <span class="p">});</span></div><div class='line' id='LC144'> <span class="nx">input</span><span class="p">.</span><span class="nx">focusin</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC145'> <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">hideOnFocus</span> <span class="o">&&</span> <span class="nb">window</span><span class="p">.</span><span class="nx">requestAnimationFrame</span><span class="p">){</span></div><div class='line' id='LC146'> <span class="nx">startFilledCheckChange</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC147'> <span class="p">}</span><span class="k">else</span><span class="p">{</span></div><div class='line' id='LC148'> <span class="nx">hidePlaceholder</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC149'> <span class="p">}</span></div><div class='line' id='LC150'> <span class="p">});</span></div><div class='line' id='LC151'> <span class="nx">input</span><span class="p">.</span><span class="nx">focusout</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC152'> <span class="nx">showPlaceholderIfEmpty</span><span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">),</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC153'> <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">hideOnFocus</span> <span class="o">&&</span> <span class="nb">window</span><span class="p">.</span><span class="nx">cancelAnimationFrame</span><span class="p">){</span></div><div class='line' id='LC154'> <span class="nx">stopCheckChange</span><span class="p">();</span></div><div class='line' id='LC155'> <span class="p">}</span></div><div class='line' id='LC156'> <span class="p">});</span></div><div class='line' id='LC157'> <span class="nx">showPlaceholderIfEmpty</span><span class="p">(</span><span class="nx">input</span><span class="p">,</span><span class="nx">o</span><span class="p">.</span><span class="nx">options</span><span class="p">);</span></div><div class='line' id='LC158'><br/></div><div class='line' id='LC159'> <span class="c1">// reformat on window resize and optional reformat on font resize - requires: http://www.tomdeater.com/jquery/onfontresize/</span></div><div class='line' id='LC160'> <span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">bind</span><span class="p">(</span><span class="s2">"fontresize resize"</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC161'> <span class="nx">positionPlaceholder</span><span class="p">(</span><span class="nx">placeholder</span><span class="p">,</span><span class="nx">input</span><span class="p">);</span></div><div class='line' id='LC162'> <span class="p">});</span></div><div class='line' id='LC163'><br/></div><div class='line' id='LC164'> <span class="c1">// optional reformat when a textarea is being resized - requires http://benalman.com/projects/jquery-resize-plugin/</span></div><div class='line' id='LC165'> <span class="k">if</span><span class="p">(</span><span class="nx">$</span><span class="p">.</span><span class="nx">event</span><span class="p">.</span><span class="nx">special</span><span class="p">.</span><span class="nx">resize</span><span class="p">){</span></div><div class='line' id='LC166'> <span class="nx">$</span><span class="p">(</span><span class="s2">"textarea"</span><span class="p">).</span><span class="nx">bind</span><span class="p">(</span><span class="s2">"resize"</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span></div><div class='line' id='LC167'> <span class="nx">positionPlaceholder</span><span class="p">(</span><span class="nx">placeholder</span><span class="p">,</span><span class="nx">input</span><span class="p">);</span></div><div class='line' id='LC168'> <span class="p">});</span></div><div class='line' id='LC169'> <span class="p">}</span><span class="k">else</span><span class="p">{</span></div><div class='line' id='LC170'> <span class="c1">// we simply disable the resizeablilty of textareas when we can't react on them resizing</span></div><div class='line' id='LC171'> <span class="nx">$</span><span class="p">(</span><span class="s2">"textarea"</span><span class="p">).</span><span class="nx">css</span><span class="p">(</span><span class="s1">'resize'</span><span class="p">,</span><span class="s1">'none'</span><span class="p">);</span></div><div class='line' id='LC172'> <span class="p">}</span></div><div class='line' id='LC173'><br/></div><div class='line' id='LC174'> <span class="k">if</span><span class="p">(</span><span class="nx">index</span> <span class="o">>=</span> <span class="nx">l</span><span class="o">-</span><span class="mi">1</span><span class="p">){</span></div><div class='line' id='LC175'> <span class="nx">$</span><span class="p">.</span><span class="nx">attrHooks</span><span class="p">.</span><span class="nx">placeholder</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC176'> <span class="nx">get</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">elem</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC177'> <span class="k">if</span> <span class="p">(</span><span class="nx">elem</span><span class="p">.</span><span class="nx">nodeName</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">===</span> <span class="s1">'input'</span> <span class="o">||</span> <span class="nx">elem</span><span class="p">.</span><span class="nx">nodeName</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">===</span> <span class="s1">'textarea'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC178'> <span class="k">if</span><span class="p">(</span> <span class="nx">$</span><span class="p">(</span><span class="nx">elem</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">)</span> <span class="p">){</span> </div><div class='line' id='LC179'> <span class="c1">// has been polyfilled</span></div><div class='line' id='LC180'> <span class="k">return</span> <span class="nx">$</span><span class="p">(</span> <span class="nx">$</span><span class="p">(</span><span class="nx">elem</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">)</span> <span class="p">).</span><span class="nx">text</span><span class="p">();</span></div><div class='line' id='LC181'> <span class="p">}</span><span class="k">else</span><span class="p">{</span></div><div class='line' id='LC182'> <span class="c1">// native / not yet polyfilled</span></div><div class='line' id='LC183'> <span class="k">return</span> <span class="nx">$</span><span class="p">(</span><span class="nx">elem</span><span class="p">)[</span><span class="mi">0</span><span class="p">].</span><span class="nx">placeholder</span><span class="p">;</span></div><div class='line' id='LC184'> <span class="p">}</span></div><div class='line' id='LC185'> </div><div class='line' id='LC186'> <span class="p">}</span><span class="k">else</span><span class="p">{</span></div><div class='line' id='LC187'> <span class="k">return</span> <span class="kc">undefined</span><span class="p">;</span></div><div class='line' id='LC188'> <span class="p">}</span></div><div class='line' id='LC189'> <span class="p">},</span></div><div class='line' id='LC190'> <span class="nx">set</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">elem</span><span class="p">,</span> <span class="nx">value</span><span class="p">){</span></div><div class='line' id='LC191'> <span class="k">return</span> <span class="nx">$</span><span class="p">(</span> <span class="nx">$</span><span class="p">(</span><span class="nx">elem</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">'placeholder'</span><span class="p">)</span> <span class="p">).</span><span class="nx">text</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span></div><div class='line' id='LC192'> <span class="p">}</span></div><div class='line' id='LC193'> <span class="p">};</span></div><div class='line' id='LC194'> <span class="p">}</span></div><div class='line' id='LC195'> <span class="p">});</span></div><div class='line' id='LC196'><br/></div><div class='line' id='LC197'> </div><div class='line' id='LC198'><br/></div><div class='line' id='LC199'> <span class="p">};</span></div><div class='line' id='LC200'> <span class="nx">$</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC201'> <span class="kd">var</span> <span class="nx">config</span> <span class="o">=</span> <span class="nb">window</span><span class="p">.</span><span class="nx">placeHolderConfig</span> <span class="o">||</span> <span class="p">{};</span></div><div class='line' id='LC202'> <span class="k">if</span><span class="p">(</span><span class="nx">config</span><span class="p">.</span><span class="nx">autoInit</span> <span class="o">===</span> <span class="kc">false</span><span class="p">){</span></div><div class='line' id='LC203'> <span class="nx">log</span><span class="p">(</span><span class="s1">'placeholder:abort because autoInit is off'</span><span class="p">);</span></div><div class='line' id='LC204'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC205'> <span class="p">}</span></div><div class='line' id='LC206'> <span class="k">if</span><span class="p">((</span><span class="s1">'placeholder'</span> <span class="k">in</span> <span class="nx">$</span><span class="p">(</span><span class="s1">'<input>'</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span> <span class="o">||</span> <span class="s1">'placeHolder'</span> <span class="k">in</span> <span class="nx">$</span><span class="p">(</span><span class="s1">'<input>'</span><span class="p">)[</span><span class="mi">0</span><span class="p">])</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">config</span><span class="p">.</span><span class="nx">forceApply</span><span class="p">){</span> <span class="c1">// don't run the polyfill when the browser has native support</span></div><div class='line' id='LC207'> <span class="nx">log</span><span class="p">(</span><span class="s1">'placeholder:abort because browser has native support'</span><span class="p">);</span></div><div class='line' id='LC208'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC209'> <span class="p">}</span></div><div class='line' id='LC210'> <span class="nx">$</span><span class="p">(</span><span class="s1">'input[placeholder], textarea[placeholder]'</span><span class="p">).</span><span class="nx">placeHolder</span><span class="p">(</span><span class="nx">config</span><span class="p">);</span></div><div class='line' id='LC211'> <span class="p">});</span></div><div class='line' id='LC212'><span class="p">}(</span><span class="nx">jQuery</span><span class="p">));</span></div></pre></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="#jump-to-line" rel="facebox" data-hotkey="l" class="js-jump-to-line" style="display:none">Jump to Line</a>
|
|
<div id="jump-to-line" style="display:none">
|
|
<h2>Jump to Line</h2>
|
|
<form accept-charset="UTF-8" class="js-jump-to-line-form">
|
|
<input class="textfield js-jump-to-line-field" type="text">
|
|
<div class="full-button">
|
|
<button type="submit" class="classy">
|
|
Go
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="js-frame-loading-template" class="frame frame-loading large-loading-area" style="display:none;">
|
|
<img class="js-frame-loading-spinner" src="https://a248.e.akamai.net/assets.github.com/images/spinners/octocat-spinner-128.gif?1347543529" height="64" width="64">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="context-overlay"></div>
|
|
</div>
|
|
|
|
<div id="footer-push"></div><!-- hack for sticky footer -->
|
|
</div><!-- end of wrapper - hack for sticky footer -->
|
|
|
|
<!-- footer -->
|
|
<div id="footer">
|
|
<div class="container clearfix">
|
|
|
|
<dl class="footer_nav">
|
|
<dt>GitHub</dt>
|
|
<dd><a href="https://github.com/about">About us</a></dd>
|
|
<dd><a href="https://github.com/blog">Blog</a></dd>
|
|
<dd><a href="https://github.com/contact">Contact & support</a></dd>
|
|
<dd><a href="http://enterprise.github.com/">GitHub Enterprise</a></dd>
|
|
<dd><a href="http://status.github.com/">Site status</a></dd>
|
|
</dl>
|
|
|
|
<dl class="footer_nav">
|
|
<dt>Applications</dt>
|
|
<dd><a href="http://mac.github.com/">GitHub for Mac</a></dd>
|
|
<dd><a href="http://windows.github.com/">GitHub for Windows</a></dd>
|
|
<dd><a href="http://eclipse.github.com/">GitHub for Eclipse</a></dd>
|
|
<dd><a href="http://mobile.github.com/">GitHub mobile apps</a></dd>
|
|
</dl>
|
|
|
|
<dl class="footer_nav">
|
|
<dt>Services</dt>
|
|
<dd><a href="http://get.gaug.es/">Gauges: Web analytics</a></dd>
|
|
<dd><a href="http://speakerdeck.com">Speaker Deck: Presentations</a></dd>
|
|
<dd><a href="https://gist.github.com">Gist: Code snippets</a></dd>
|
|
<dd><a href="http://jobs.github.com/">Job board</a></dd>
|
|
</dl>
|
|
|
|
<dl class="footer_nav">
|
|
<dt>Documentation</dt>
|
|
<dd><a href="http://help.github.com/">GitHub Help</a></dd>
|
|
<dd><a href="http://developer.github.com/">Developer API</a></dd>
|
|
<dd><a href="http://github.github.com/github-flavored-markdown/">GitHub Flavored Markdown</a></dd>
|
|
<dd><a href="http://pages.github.com/">GitHub Pages</a></dd>
|
|
</dl>
|
|
|
|
<dl class="footer_nav">
|
|
<dt>More</dt>
|
|
<dd><a href="http://training.github.com/">Training</a></dd>
|
|
<dd><a href="https://github.com/edu">Students & teachers</a></dd>
|
|
<dd><a href="http://shop.github.com">The Shop</a></dd>
|
|
<dd><a href="/plans">Plans & pricing</a></dd>
|
|
<dd><a href="http://octodex.github.com/">The Octodex</a></dd>
|
|
</dl>
|
|
|
|
<hr class="footer-divider">
|
|
|
|
|
|
<p class="right">© 2012 <span title="0.06767s from fe13.rs.github.com">GitHub</span> Inc. All rights reserved.</p>
|
|
<a class="left" href="https://github.com/">
|
|
<span class="mega-icon mega-icon-invertocat"></span>
|
|
</a>
|
|
<ul id="legal">
|
|
<li><a href="https://github.com/site/terms">Terms of Service</a></li>
|
|
<li><a href="https://github.com/site/privacy">Privacy</a></li>
|
|
<li><a href="https://github.com/security">Security</a></li>
|
|
</ul>
|
|
|
|
</div><!-- /.container -->
|
|
|
|
</div><!-- /.#footer -->
|
|
|
|
|
|
|
|
|
|
<div id="keyboard_shortcuts_pane" class="instapaper_ignore readability-extra" style="display:none">
|
|
<h2>Keyboard Shortcuts <small><a href="#" class="js-see-all-keyboard-shortcuts">(see all)</a></small></h2>
|
|
|
|
<div class="columns threecols">
|
|
<div class="column first">
|
|
<h3>Site wide shortcuts</h3>
|
|
<dl class="keyboard-mappings">
|
|
<dt>s</dt>
|
|
<dd>Focus command bar</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>?</dt>
|
|
<dd>Bring up this help dialog</dd>
|
|
</dl>
|
|
</div><!-- /.column.first -->
|
|
|
|
<div class="column middle" style='display:none'>
|
|
<h3>Commit list</h3>
|
|
<dl class="keyboard-mappings">
|
|
<dt>j</dt>
|
|
<dd>Move selection down</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>k</dt>
|
|
<dd>Move selection up</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>c <em>or</em> o <em>or</em> enter</dt>
|
|
<dd>Open commit</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>y</dt>
|
|
<dd>Expand URL to its canonical form</dd>
|
|
</dl>
|
|
</div><!-- /.column.first -->
|
|
|
|
<div class="column last js-hidden-pane" style='display:none'>
|
|
<h3>Pull request list</h3>
|
|
<dl class="keyboard-mappings">
|
|
<dt>j</dt>
|
|
<dd>Move selection down</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>k</dt>
|
|
<dd>Move selection up</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>o <em>or</em> enter</dt>
|
|
<dd>Open issue</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> enter</dt>
|
|
<dd>Submit comment</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> shift p</dt>
|
|
<dd>Preview comment</dd>
|
|
</dl>
|
|
</div><!-- /.columns.last -->
|
|
|
|
</div><!-- /.columns.equacols -->
|
|
|
|
<div class="js-hidden-pane" style='display:none'>
|
|
<div class="rule"></div>
|
|
|
|
<h3>Issues</h3>
|
|
|
|
<div class="columns threecols">
|
|
<div class="column first">
|
|
<dl class="keyboard-mappings">
|
|
<dt>j</dt>
|
|
<dd>Move selection down</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>k</dt>
|
|
<dd>Move selection up</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>x</dt>
|
|
<dd>Toggle selection</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>o <em>or</em> enter</dt>
|
|
<dd>Open issue</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> enter</dt>
|
|
<dd>Submit comment</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> shift p</dt>
|
|
<dd>Preview comment</dd>
|
|
</dl>
|
|
</div><!-- /.column.first -->
|
|
<div class="column last">
|
|
<dl class="keyboard-mappings">
|
|
<dt>c</dt>
|
|
<dd>Create issue</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>l</dt>
|
|
<dd>Create label</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>i</dt>
|
|
<dd>Back to inbox</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>u</dt>
|
|
<dd>Back to issues</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>/</dt>
|
|
<dd>Focus issues search</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="js-hidden-pane" style='display:none'>
|
|
<div class="rule"></div>
|
|
|
|
<h3>Issues Dashboard</h3>
|
|
|
|
<div class="columns threecols">
|
|
<div class="column first">
|
|
<dl class="keyboard-mappings">
|
|
<dt>j</dt>
|
|
<dd>Move selection down</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>k</dt>
|
|
<dd>Move selection up</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>o <em>or</em> enter</dt>
|
|
<dd>Open issue</dd>
|
|
</dl>
|
|
</div><!-- /.column.first -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="js-hidden-pane" style='display:none'>
|
|
<div class="rule"></div>
|
|
|
|
<h3>Network Graph</h3>
|
|
<div class="columns equacols">
|
|
<div class="column first">
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="badmono">←</span> <em>or</em> h</dt>
|
|
<dd>Scroll left</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="badmono">→</span> <em>or</em> l</dt>
|
|
<dd>Scroll right</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="badmono">↑</span> <em>or</em> k</dt>
|
|
<dd>Scroll up</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="badmono">↓</span> <em>or</em> j</dt>
|
|
<dd>Scroll down</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>t</dt>
|
|
<dd>Toggle visibility of head labels</dd>
|
|
</dl>
|
|
</div><!-- /.column.first -->
|
|
<div class="column last">
|
|
<dl class="keyboard-mappings">
|
|
<dt>shift <span class="badmono">←</span> <em>or</em> shift h</dt>
|
|
<dd>Scroll all the way left</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>shift <span class="badmono">→</span> <em>or</em> shift l</dt>
|
|
<dd>Scroll all the way right</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>shift <span class="badmono">↑</span> <em>or</em> shift k</dt>
|
|
<dd>Scroll all the way up</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>shift <span class="badmono">↓</span> <em>or</em> shift j</dt>
|
|
<dd>Scroll all the way down</dd>
|
|
</dl>
|
|
</div><!-- /.column.last -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="js-hidden-pane" >
|
|
<div class="rule"></div>
|
|
<div class="columns threecols">
|
|
<div class="column first js-hidden-pane" >
|
|
<h3>Source Code Browsing</h3>
|
|
<dl class="keyboard-mappings">
|
|
<dt>t</dt>
|
|
<dd>Activates the file finder</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>l</dt>
|
|
<dd>Jump to line</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>w</dt>
|
|
<dd>Switch branch/tag</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>y</dt>
|
|
<dd>Expand URL to its canonical form</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="js-hidden-pane" style='display:none'>
|
|
<div class="rule"></div>
|
|
<div class="columns threecols">
|
|
<div class="column first">
|
|
<h3>Browsing Commits</h3>
|
|
<dl class="keyboard-mappings">
|
|
<dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> enter</dt>
|
|
<dd>Submit comment</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>escape</dt>
|
|
<dd>Close form</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>p</dt>
|
|
<dd>Parent commit</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>o</dt>
|
|
<dd>Other parent commit</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="js-hidden-pane" style='display:none'>
|
|
<div class="rule"></div>
|
|
<h3>Notifications</h3>
|
|
|
|
<div class="columns threecols">
|
|
<div class="column first">
|
|
<dl class="keyboard-mappings">
|
|
<dt>j</dt>
|
|
<dd>Move selection down</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>k</dt>
|
|
<dd>Move selection up</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>o <em>or</em> enter</dt>
|
|
<dd>Open notification</dd>
|
|
</dl>
|
|
</div><!-- /.column.first -->
|
|
|
|
<div class="column second">
|
|
<dl class="keyboard-mappings">
|
|
<dt>e <em>or</em> shift i <em>or</em> y</dt>
|
|
<dd>Mark as read</dd>
|
|
</dl>
|
|
<dl class="keyboard-mappings">
|
|
<dt>shift m</dt>
|
|
<dd>Mute thread</dd>
|
|
</dl>
|
|
</div><!-- /.column.first -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="markdown-help" class="instapaper_ignore readability-extra">
|
|
<h2>Markdown Cheat Sheet</h2>
|
|
|
|
<div class="cheatsheet-content">
|
|
|
|
<div class="mod">
|
|
<div class="col">
|
|
<h3>Format Text</h3>
|
|
<p>Headers</p>
|
|
<pre>
|
|
# This is an <h1> tag
|
|
## This is an <h2> tag
|
|
###### This is an <h6> tag</pre>
|
|
<p>Text styles</p>
|
|
<pre>
|
|
*This text will be italic*
|
|
_This will also be italic_
|
|
**This text will be bold**
|
|
__This will also be bold__
|
|
|
|
*You **can** combine them*
|
|
</pre>
|
|
</div>
|
|
<div class="col">
|
|
<h3>Lists</h3>
|
|
<p>Unordered</p>
|
|
<pre>
|
|
* Item 1
|
|
* Item 2
|
|
* Item 2a
|
|
* Item 2b</pre>
|
|
<p>Ordered</p>
|
|
<pre>
|
|
1. Item 1
|
|
2. Item 2
|
|
3. Item 3
|
|
* Item 3a
|
|
* Item 3b</pre>
|
|
</div>
|
|
<div class="col">
|
|
<h3>Miscellaneous</h3>
|
|
<p>Images</p>
|
|
<pre>
|
|
|
|
Format: 
|
|
</pre>
|
|
<p>Links</p>
|
|
<pre>
|
|
http://github.com - automatic!
|
|
[GitHub](http://github.com)</pre>
|
|
<p>Blockquotes</p>
|
|
<pre>
|
|
As Kanye West said:
|
|
|
|
> We're living the future so
|
|
> the present is our past.
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
<div class="rule"></div>
|
|
|
|
<h3>Code Examples in Markdown</h3>
|
|
<div class="col">
|
|
<p>Syntax highlighting with <a href="http://github.github.com/github-flavored-markdown/" title="GitHub Flavored Markdown" target="_blank">GFM</a></p>
|
|
<pre>
|
|
```javascript
|
|
function fancyAlert(arg) {
|
|
if(arg) {
|
|
$.facebox({div:'#foo'})
|
|
}
|
|
}
|
|
```</pre>
|
|
</div>
|
|
<div class="col">
|
|
<p>Or, indent your code 4 spaces</p>
|
|
<pre>
|
|
Here is a Python code example
|
|
without syntax highlighting:
|
|
|
|
def foo:
|
|
if not bar:
|
|
return true</pre>
|
|
</div>
|
|
<div class="col">
|
|
<p>Inline code for comments</p>
|
|
<pre>
|
|
I think you should use an
|
|
`<addr>` element here instead.</pre>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="ajax-error-message" class="flash flash-error">
|
|
<span class="mini-icon mini-icon-exclamation"></span>
|
|
Something went wrong with that request. Please try again.
|
|
<a href="#" class="mini-icon mini-icon-remove-close ajax-error-dismiss"></a>
|
|
</div>
|
|
|
|
|
|
|
|
<span id='server_response_time' data-time='0.06884' data-host='fe13'></span>
|
|
|
|
</body>
|
|
</html>
|
|
|