Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
332 lines (320 sloc) 12.9 KB
<%
function containsTag(tagList, tag) {
if (tagList == null || tagList == undefined) return 0;
if (tag == undefined || tag == null) return 0;
tag = tag.toLowerCase();
for (var i = 0, len = tagList.length; i < len; i++) {
if (tagList[i].toLowerCase() == tag) return 1;
}
return 0;
}
var s_html_href = '/'+env.locale+'/docs/Web/HTML';
var s_html_title = 'HTML';
var s_html_ref_href = '/'+env.locale+'/docs/Web/HTML/Element';
var s_html_ref_title = 'HTML Elements';
var s_html_guide_href = '/'+env.locale+'/docs/Web/Guide/HTML';
var s_api_href = '/' + env.locale + '/docs/Web/API';
switch (env.locale) {
case 'fr':
s_html_href = '/'+env.locale+'/docs/HTML';
s_html_ref_href = '/'+env.locale+'/docs/Web/HTML/Element';
s_html_ref_title = 'Éléments HTML';
break;
case 'ru':
s_html_ref_title = 'HTML элементы';
break;
default: break;
}
var text = mdn.localStringMap({
'en-US': {
'Input_types': '<code>&lt;input&gt;</code> types'
}
});
// Find the section of HTML this page belongs to (that is the first tag of the form "HTML XYZ")
var tags = env.tags;
var found_tag = '';
for (i in tags) {
if (tags[i] != s_html_ref_title) {
if (('' + tags[i]).substr(0, 5) == 'HTML ') {
found_tag = tags[i];
break;
}
}
}
// Find the HTML Tags belonging to the same subject
if (found_tag != undefined && found_tag != null && found_tag.length) {
// Find the pages, sub-pages of HTML/Element that are tagged with that specific tag
var pageList = page.subpagesExpand(s_html_ref_href); // Get subpages, including tags
var resultHTML = [];
for (aPage in pageList) {
if (containsTag(pageList[aPage].tags, found_tag)) {
resultHTML.push(pageList[aPage].slug.split("/").pop(-1).toLowerCase());
}
}
}
/*
// Find the interfaces belonging to the same subject
if (found_tag) {
// Find the pages, sub-pages of HTML/ that are tagged with that specific tag
var pageList = page.subpagesExpand(s_api_href); // Get subpages, including tags
var resultAPI = [];
for (aPage in pageList) {
if (containsTag(pageList[aPage].tags, found_tag) &&
containsTag(pageList[aPage].tags, "Interface")) { // We only want interfaces, not properties or methods
resultAPI.push(pageList[aPage].title);
}
}
}
// Find the guides, tutorials, ... belonging to the same subject
if (found_tag) {
// Find the pages, sub-pages of Guide/HTML that are tagged with that specific tag
var pageList = page.subpagesExpand(s_html_guide_href); // Get subpages, including tags
var resultGuide = [];
for (aPage in pageList) {
if (containsTag(pageList[aPage].tags, found_tag)) {
resultGuide.push({title: pageList[aPage].title, url: pageList[aPage].url});
}
}
}
*/
var resultGuide = [];
var resultAPI = [];
if (s_html_href) { %>
<section class="Quick_links" id="Quick_Links">
<ol>
<% if (found_tag) {
for( aPage in resultGuide) { // Tutorials and guides matching
%>
<li><a href="<%-resultGuide[aPage].url%>"><%-resultGuide[aPage].title%></a></li>
<% }
for (slugLeaf in resultHTML) { // HTML entities matching
if (resultHTML[slugLeaf] === "heading_elements") { // Special case for <h1>…<h6>
%>
<li><%- template("HTMLelement", ["Heading_elements", "<code>&lt;h1&gt;-&lt;h6&gt;</code>"]) %></li>
<%
}
else {
%>
<li><%- template("HTMLelement", [resultHTML[slugLeaf]]) %></li>
<% }
}
for (slugLeaf in resultAPI) { // HTML-DOM interfaces matching
%>
<li><%- template("domxref", [resultAPI[slugLeaf]]) %></li>
<% }
} %>
<% if (env.slug.includes("/HTML/Element/input")) { %>
<li><details open><summary><%-text['Input_types']%></summary>
<%-template("ListSubpagesForSidebar", ['/en-US/docs/Web/HTML/Element/input'])%></details></li>
<% } %>
<li><details><summary><%-s_html_ref_title%></summary><ol>
<li>A
<ol>
<li><%-template("HTMLElement", ["a"])%></li>
<li><%-template("HTMLElement", ["abbr"])%></li>
<li><s class="obsoleteElement"><%-template("HTMLElement", ["acronym"])%></s></li>
<li><%-template("HTMLElement", ["address"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["applet"])%></s></li>
<li><%-template("HTMLElement", ["area"])%></li>
<li class="html5"><%-template("HTMLElement", ["article"])%></li>
<li class="html5"><%-template("HTMLElement", ["aside"])%></li>
<li class="html5"><%-template("HTMLElement", ["audio"])%></li>
</ol>
</li><li>B
<ol>
<li><%-template("HTMLElement", ["b"])%></li>
<li><%-template("HTMLElement", ["base"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["basefont"])%></s></li>
<li class="html5"><%-template("HTMLElement", ["bdi"])%></li>
<li><%-template("HTMLElement", ["bdo"])%></li>
<li><s class="nonStdElement"><%-template("HTMLElement", ["bgsound"])%></s></li>
<li><s class="obsoleteElement"><%-template("HTMLElement", ["big"])%></s></li>
<li><s class="nonStdElement"><%-template("HTMLElement", ["blink"])%></s></li>
<li><%-template("HTMLElement", ["blockquote"])%></li>
<li><%-template("HTMLElement", ["body"])%></li>
<li><%-template("HTMLElement", ["br"])%></li>
<li><%-template("HTMLElement", ["button"])%></li>
</ol>
</li><li>C
<ol>
<li class="html5"><%-template("HTMLElement", ["canvas"])%></li>
<li><%-template("HTMLElement", ["caption"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["center"])%></s></li>
<li><%-template("HTMLElement", ["cite"])%></li>
<li><%-template("HTMLElement", ["code"])%></li>
<li><%-template("HTMLElement", ["col"])%></li>
<li><%-template("HTMLElement", ["colgroup"])%></li>
<li class="webcomp"><%-template("HTMLElement", ["content"])%></li>
</ol>
</li><li>D
<ol>
<li class="html5"><%-template("HTMLElement", ["data"])%></li>
<li class="html5"><%-template("HTMLElement", ["datalist"])%></li>
<li><%-template("HTMLElement", ["dd"])%></li>
<li><%-template("HTMLElement", ["del"])%></li>
<li class="html5"><%-template("HTMLElement", ["details"])%></li>
<li><%-template("HTMLElement", ["dfn"])%></li>
<li class="html5"><%-template("HTMLElement", ["dialog"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["dir"])%></s></li>
<li><%-template("HTMLElement", ["div"])%></li>
<li><%-template("HTMLElement", ["dl"])%></li>
<li><%-template("HTMLElement", ["dt"])%></li>
</ol>
</li><li>E
<ol>
<li><%-template("HTMLElement", ["em"])%></li>
<li class="html5"><%-template("HTMLElement", ["embed"])%></li>
</ol>
</li><li>F
<ol>
<li><%-template("HTMLElement", ["fieldset"])%></li>
<li class="html5"><%-template("HTMLElement", ["figcaption"])%></li>
<li class="html5"><%-template("HTMLElement", ["figure"])%></li>
<li><s class="deprecatedElement obsoleteElement"><%-template("HTMLElement", ["font"])%></s></li>
<li class="html5"><%-template("HTMLElement", ["footer"])%></li>
<li><%-template("HTMLElement", ["form"])%></li>
<li><s class="obsoleteElement"><%-template("HTMLElement", ["frame"])%></s></li>
<li><s class="obsoleteElement"><%-template("HTMLElement", ["frameset"])%></s></li>
</ol>
</li><li>G H
<ol>
<li><%-template("HTMLElement", ["h1"])%></li>
<li><%-template("HTMLElement", ["h2"])%></li>
<li><%-template("HTMLElement", ["h3"])%></li>
<li><%-template("HTMLElement", ["h4"])%></li>
<li><%-template("HTMLElement", ["h5"])%></li>
<li><%-template("HTMLElement", ["h6"])%></li>
<li><%-template("HTMLElement", ["head"])%></li>
<li class="html5"><%-template("HTMLElement", ["header"])%></li>
<li class="html5"><s class="deprecatedElement obsoleteElement"><%-template("HTMLElement", ["hgroup"])%></s></li>
<li><%-template("HTMLElement", ["hr"])%></li>
<li><%-template("HTMLElement", ["html"])%></li>
</ol>
</li><li>I
<ol>
<li><%-template("HTMLElement", ["i"])%></li>
<li><%-template("HTMLElement", ["iframe"])%></li>
<li><%-template("HTMLElement", ["img"])%></li>
<li><%-template("HTMLElement", ["input"])%></li>
<li><%-template("HTMLElement", ["ins"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["isindex"])%></s></li>
</ol>
</li><li>J K
<ol>
<li><%-template("HTMLElement", ["kbd"])%></li>
<li class="html5"><%-template("HTMLElement", ["keygen"])%></li>
</ol>
</li><li>L
<ol>
<li><%-template("HTMLElement", ["label"])%></li>
<li><%-template("HTMLElement", ["legend"])%></li>
<li><%-template("HTMLElement", ["li"])%></li>
<li><%-template("HTMLElement", ["link"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["listing"])%></s></li>
</ol>
</li><li>M
<ol>
<li class="html5"><%-template("HTMLElement", ["main"])%></li>
<li><%-template("HTMLElement", ["map"])%></li>
<li class="html5"><%-template("HTMLElement", ["mark"])%></li>
<li><s class="nonStdElement"><%-template("HTMLElement", ["marquee"])%></s></li>
<li class="html5"><%-template("HTMLElement", ["menu"])%></li>
<li class="html5"><%-template("HTMLElement", ["menuitem"])%></li>
<li><%-template("HTMLElement", ["meta"])%></li>
<li class="html5"><%-template("HTMLElement", ["meter"])%></li>
</ol>
</li><li>N
<ol>
<li class="html5"><%-template("HTMLElement", ["nav"])%></li>
<li><s class="nonStdElement"><%-template("HTMLElement", ["nobr"])%></s></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["noframes"])%></s></li>
<li><%-template("HTMLElement", ["noscript"])%></li>
</ol>
</li><li>O
<ol>
<li><%-template("HTMLElement", ["object"])%></li>
<li><%-template("HTMLElement", ["ol"])%></li>
<li><%-template("HTMLElement", ["optgroup"])%></li>
<li><%-template("HTMLElement", ["option"])%></li>
<li class="html5"><%-template("HTMLElement", ["output"])%></li>
</ol>
</li><li>P
<ol>
<li><%-template("HTMLElement", ["p"])%></li>
<li><%-template("HTMLElement", ["param"])%></li>
<li class="html5"><%-template("HTMLElement", ["picture"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["plaintext"])%></s></li>
<li><%-template("HTMLElement", ["pre"])%></li>
<li class="html5"><%-template("HTMLElement", ["progress"])%></li>
</ol>
</li><li>Q
<ol>
<li><%-template("HTMLElement", ["q"])%></li>
</ol>
</li><li>R
<ol>
<li class="html5"><%-template("HTMLElement", ["rp"])%></li>
<li class="html5"><%-template("HTMLElement", ["rt"])%></li>
<li class="html5"><%-template("HTMLElement", ["rtc"])%></li>
<li class="html5"><%-template("HTMLElement", ["ruby"])%></li>
</ol>
</li><li>S
<ol>
<li><%-template("HTMLElement", ["s"])%></li>
<li><%-template("HTMLElement", ["samp"])%></li>
<li><%-template("HTMLElement", ["script"])%></li>
<li class="html5"><%-template("HTMLElement", ["section"])%></li>
<li><%-template("HTMLElement", ["select"])%></li>
<li class="webcomp"><%-template("HTMLElement", ["shadow"])%></li>
<li class="html5"><%-template("HTMLElement", ["slot"])%></li>
<li><%-template("HTMLElement", ["small"])%></li>
<li class="html5"><%-template("HTMLElement", ["source"])%></li>
<li><s class="nonStdElement"><%-template("HTMLElement", ["spacer"])%></s></li>
<li><%-template("HTMLElement", ["span"])%></li>
<li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["strike"])%></s></li>
<li><%-template("HTMLElement", ["strong"])%></li>
<li><%-template("HTMLElement", ["style"])%></li>
<li><%-template("HTMLElement", ["sub"])%></li>
<li class="html5"><%-template("HTMLElement", ["summary"])%></li>
<li><%-template("HTMLElement", ["sup"])%></li>
</ol>
</li><li>T
<ol>
<li><%-template("HTMLElement", ["table"])%></li>
<li><%-template("HTMLElement", ["tbody"])%></li>
<li><%-template("HTMLElement", ["td"])%></li>
<li class="webcomp"><%-template("HTMLElement", ["template"])%></li>
<li><%-template("HTMLElement", ["textarea"])%></li>
<li><%-template("HTMLElement", ["tfoot"])%></li>
<li><%-template("HTMLElement", ["th"])%></li>
<li><%-template("HTMLElement", ["thead"])%></li>
<li class="html5"><%-template("HTMLElement", ["time"])%></li>
<li><%-template("HTMLElement", ["title"])%></li>
<li><%-template("HTMLElement", ["tr"])%></li>
<li class="html5"><%-template("HTMLElement", ["track"])%></li>
<li><s class="obsoleteElement"><%-template("HTMLElement", ["tt"])%></s></li>
</ol>
</li><li>U
<ol>
<li><%-template("HTMLElement", ["u"])%></li>
<li><%-template("HTMLElement", ["ul"])%></li>
</ol>
</li><li>V
<ol>
<li><%-template("HTMLElement", ["var"])%></li>
<li class="html5"><%-template("HTMLElement", ["video"])%></li>
</ol>
</li><li>W
<ol>
<li class="html5"><%-template("HTMLElement", ["wbr"])%></li>
</ol>
</li><li>X Y Z
<ol>
<li><s class="obsoleteElement"><%-template("HTMLElement", ["xmp"])%></s></li>
</ol>
</li>
</ol>
</details></li>
</ol>
</section>
<%}%>