「使用者:Xiplus/Twinkle/twinkle.js」:各本之異
刪去的內容 新增的內容
1cd386a Initial commit |
813b33a twinkle: Update vector classes (vectorMenu -> vector-menu) for the Twinkle menu |
||
第一七五行:
*
* Available navigation areas depend on the skin used.
* Vector:▼
* For each option, the outer div class contains "vector-menu", the inner div class is "vector-menu-content", and the ul is "vector-menu-content-list"
* "mw-panel", outer div class contains "vector-menu-portal
* "left-navigation", outer div class
* "right-navigation", outer div class
* Special layout of p-personal portlet (part of "head") through specialized styles.▼
* Monobook:
* "column-one", outer div class "portlet", inner div class "pBody". Existing portlets: "p-cactions", "p-personal", "p-logo", "p-navigation", "p-search", "p-interaction", "p-tb", "p-coll-print_export"
* Special layout of p-cactions and p-personal through specialized styles.
▲ * Vector:
▲ * "mw-panel", outer div class "portal", inner div class "body". Existing portlets/elements: "p-logo", "p-navigation", "p-interaction", "p-tb", "p-coll-print_export"
▲ * "left-navigation", outer div class "vectorTabs" or "vectorMenu", inner div class "" or "menu". Existing portlets: "p-namespaces", "p-variants" (menu)
▲ * "right-navigation", outer div class "vectorTabs" or "vectorMenu", inner div class "" or "menu". Existing portlets: "p-views", "p-cactions" (menu), "p-search"
▲ * Special layout of p-personal portlet (part of "head") through specialized styles.
* Modern:
* "mw_contentwrapper" (top nav), outer div class "portlet", inner div class "pBody". Existing portlets or elements: "p-cactions", "mw_content"
第二二七行 ⟶ 第二二八行:
navigation = "mw-panel";
}
outerDivClass =
innerDivClass =
break;
case "modern":
第二四五行 ⟶ 第二四六行:
// Build the DOM elements.
var outerDiv = document.createElement(
outerDiv.setAttribute('aria-labelledby', id + '-label');
outerDiv.className = outerDivClass + " emptyPortlet";▼
// Vector getting vector-menu-empty FIXME TODO
outerDiv.id = id;
if ( nextnode && nextnode.parentNode === root ) {
第二五四行 ⟶ 第二五七行:
}
var
h3.id = id + '-label';
if ( type === "menu" ) {▼
span.appendChild( document.createTextNode( text ) );▼
h5.appendChild( span );▼
var a = document.createElement( "a" );▼
// add invisible checkbox to keep menu open when clicked
a.href = "#";▼
// similar to the p-cactions ("More") menu
if (outerDivClass.indexOf('vector-menu-dropdown') !== -1) {
var chkbox = document.createElement('input');
chkbox.className = 'vectorMenuCheckbox vector-menu-checkbox'; // remove vectorMenuCheckbox after 1.35-wmf.37 goes live
chkbox.setAttribute('type', 'checkbox');
chkbox.setAttribute('aria-labelledby', id + '-label');
var span = document.createElement('span');
$( a ).click(function ( e ) {▼
e.preventDefault();▼
}▼
});▼
h5.appendChild( a );▼
▲ e.preventDefault();
▲ });
ul.className = 'menu vector-menu-content-list'; // remove menu after 1.35-wmf.37 goes live
} else {
outerDiv.appendChild(h3);
}
▲ outerDiv.appendChild( h5 );
if (innerDivClass) {
▲ innerDiv = document.createElement( "div" );
innerDiv.className = innerDivClass;
innerDiv.appendChild(ul);
outerDiv.appendChild(innerDiv);
} else {
outerDiv.appendChild(ul);
}
▲ var ul = document.createElement( "ul" );
▲ (innerDiv || outerDiv).appendChild( ul );
return outerDiv;
|