-
Notifications
You must be signed in to change notification settings - Fork 5
/
test.html
168 lines (129 loc) · 11.1 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>Интернет-магазин MetaStore</title>
<link rel="icon" href="templates/imgs/fav-md32.png" type="image/png">
<link rel="shortcut icon" href="templates/imgs/fav-md32.png" type="image/png">
<link rel="apple-touch-icon" href="templates/imgs/fav-md32.png" type='image/png'>
<!--стили наши + dhtmlx-->
<link rel="stylesheet" type="text/css" href="templates/nouislider.css">
<link rel="stylesheet" type="text/css" href="lib/dhtmlx_web.css">
<link rel="stylesheet" type="text/css" href="lib/metadata.css">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/fontawesome/latest/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="templates/webshop.css">
<!-- библиотеки -->
<script src="//cdn.jsdelivr.net/alasql/latest/alasql.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.nouislider/latest/nouislider.min.js"></script>
<script src="lib/dhtmlx_debug.js"></script>
<script src="lib/metadata.js"></script>
<!-- эксперимент -->
<link rel="stylesheet" type="text/css" href="lib/baron/baron.css">
<link rel="stylesheet" type="text/css" href="templates/baron.css">
<script src="lib/qbb.min.js"></script>
<script src="lib/baron/baron.js"></script>
<script>
if(typeof $ == "undefined"){
function $(selector, context) {
return bonzo(qwery(selector, context));
}
}
function body_onload(){
baron({
root: '.wdg_product_accordion',
scroller: '.scroller',
bar: '.scroller__bar',
barOnCls: 'baron',
// Local copy of jQuery-like utility
// Default: window.jQuery
$: $,
// Event manager
// Default: function(elem, event, func, mode) { params.$(elem)[mode || 'on'](event, func); };
event: function(elem, event, func, mode) { // Events manager
if (mode == 'trigger') {
mode = 'fire';
}
bean[mode || 'on'](elem, event, func);
}
}).fix({
elements: '.header__title',
outside: 'header__title_state_fixed',
before: 'header__title_position_top',
after: 'header__title_position_bottom',
clickable: true
}).pull({
block: '.load',
elements: [{
self: '.load__value',
property: 'width'
}],
limit: 115,
onExpand: function() {
$('.load').css('background', 'grey');
}
});
}
</script>
<!-- конец эксперимента -->
<!-- собственно, скрипт магазина -->
<script src="src/main.js"></script>
</head>
<body onload="body_onload();">
<div class="clipper wdg_product_accordion">
<div class="scroller">
<div class="container">
<div class="header">
<div class="header__title" name="header">Товар
<div style="float: right; width: 30px; height: 30px; background-color: #00CC00"></div>
</div>
</div>
<div name="path">
</div>
<div name="main">
<p class="text">Baron is a title of nobility. In the kingdom of England, the medieval Latin word baro, baronis was used originally to denote a tenant-in-chief of the early Norman kings who held his lands by the feudal tenure of "barony" (in Latin per baroniam), and who was entitled to attend the Great Council which by the 13th century had developed into the Parliament of England.
</p>
<p class="text">The title was quite common in most European countries often in a slightly modified form. In Italian, the word used was Barone. The corresponding title in the Holy Roman Empire was Freiherr.</p>
</div>
<div class="header">
<div class="header__title header__title_state_fixed header__title_position_bottom">Описание и характеристики</div>
</div>
<div name="description">
<p class="text">The word baron comes from the Old French baron, from a Late Latin baro "man; servant, soldier, mercenary" (so used in Salic Law; Alemannic Law has barus in the same sense). Isidore in the 7th century thought the word was from Greek βαρύς "heavy" (because of the "heavy work" done by mercenaries), but the word is presumably of Old Frankish origin, cognate with Old English beorn meaning "warrior, nobleman"). Cornutus in the first century already reports a word barones which he took to be of Gaulish origin. He glosses it as meaning servos militum and explains it as meaning "stupid", by reference to classical Latin bāro "simpleton, dunce"; because of this early reference, the word has also been suggested to derive from an otherwise unknown Celtic *bar, but OED takes this to be "a figment".</p>
</div>
<div class="header">
<div class="header__title header__title_state_fixed">Комментарии, обзоры, вопрос-ответ</div>
</div>
<div name="notes">
<p class="text">In the Peerage of England, Peerage of Ireland, Peerage of Great Britain and the Peerage of the United Kingdom, barons form the lowest rank, placed immediately below viscounts. A female of baronial rank has the title baroness. Feudal baronies (or "baronies by tenure") are now obsolete in England and without any legal force but any such historical titles are held in gross, that is to say are deemed to be enveloped within a more modern extant peerage title also held by the holder, sometimes along with vestigial manorial rights and tenures by grand serjeanty.
</p>
<p class="text">William I introduced "baron" as a rank in England to distinguish the men who had pledged their loyalty to him under the feudal system. Previously, in the Anglo-Saxon kingdom of England, the king's companions held the title of earl and in Scotland, the title of thane. All who held their feudal barony "in-chief of the king", that is with the king as his immediate overlord, became alike barones regis ("barons of the king"), bound to perform a stipulated annual military service, and obliged to attend his council. Eventually the greatest of the nobles, especially those in the marches, such as the Earls of Chester or the Bishops of Durham, whose territories were often deemed palatinate, that is to say "worthy of a prince", might refer to their own tenants as "barons", where lesser magnates spoke simply of their "men" (homines).
</p>
<p class="text">Initially those who held land directly from the king by military service, from earls downwards, all bore alike the title of baron, which was thus the factor uniting all members of the ancient baronage as peers one of another. Under King Henry II, the Dialogus de Scaccario already distinguished between greater barons, who held per baroniam by knight's service, and lesser barons, who held manors. Technically, Lords of Manors are barons, or freemen, however they do not use the term as a title. John Selden in his esteemed work Titles of Honour writes, "The word Baro (Latin for Baron) hath been also so much communicated, that not only all Lords of Mannors have been from antient time, and are at this day called sometimes Barons (as in the stile of their Court Barons, which is Curia Baronis, &c. And I have read hors de son Barony in a barr to an Avowry for hors de son fee) But also the Judges of the Exchequer have it from antient time fixed on them."[4] Within a century of the Norman Conquest of 1066, as in the case of Thomas Becket in 1164, there arose the practice of sending to each greater baron a personal summons demanding his attendance at the King's Council, which evolved into the Parliament and later into the House of Lords, whilst as was stipulated in Magna Carta of 1215, the lesser barons of each county would receive a single summons as a group through the sheriff, and representatives only from their number would be elected to attend on behalf of the group. These representatives developed into the Knights of the Shire, elected by the County Court presided over by the sheriff, who themselves formed the precursor of the House of Commons. Thus appeared a definite distinction, which eventually had the effect of restricting to the greater barons alone the privileges and duties of peerage.
</p>
</div>
<div class="header">
<div class="header__title header__title_state_fixed">Драйверы и файлы</div>
</div>
<div name="download">
<p class="text">A person holding a peerage in the rank of baron is entitled to a coronet bearing six silver balls (called pearls) around the rim, equally spaced and all of equal size and height. The rim itself is neither jeweled, nor "chased" (which is the case for the coronets of peers of higher degree).
</p>
<p class="text">The actual coronet is mostly worn on certain ceremonial occasions, such as the coronation of a new monarch, but a baron can bear his coronet of rank on his coat of arms above the shield. In heraldry, the baron's coronet is shown with four of the balls visible.
</p>
<p class="text">Scottish feudal barons were entitled to a red cap of maintenance (chapeau) turned up ermine if petitioning for a grant or matriculation of a coat of arms between the 1930s and 2004. This chapeau is identical to the red cap worn by an English baron, but without the silver balls or gilt. This is sometimes depicted in armorial paintings between the shield and the helmet. Additionally, if the baron is the head of a family he may include a chiefly coronet which is similar to a ducal coronet, but with four strawberry leaves. Because the chapeau was a relatively recent innovation, a number of ancient Arms of Scottish feudal barons do not display the chapeau. Now Scottish feudal barons are principally recognised by the baron's helm, which in Scotland is a steel helmet with grille of three grilles, garnished in gold. Occasionally the great tilting-helm garnished with gold is shown, or a helmet befitting a higher rank, if held.
</p>
</div>
<div class="load" style="height: 0px;">
<div class="load__value" style="width: 0%;"></div>
</div>
</div>
</div>
<div class="scroller__track">
<div class="scroller__bar" style="height: 26px; top: 0px;"></div>
</div>
</div>
</body>
</html>