/
al.anatolyev
/
web4stud
Обзор
Документация
Войти
/
al.anatolyev
/
web4stud
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
samples/layouts/scripts.js.html
53 строки
6 KB
aag
%1
19 май 2026, 12:36
19 май 2026, 12:36
1775bad
Код
Авторство
О чём код?
<html> <head> <title>scripts.js</title> </head> <body bgcolor="#ffffff" text="#000000"> <pre> <a name="line1"> 1</a> <a name="line2"> 2</a> class menuItem <font color="4444FF"><strong>{</strong></font> <a name="line3"> 3</a> _link <font color="4444FF">=</font> <font color="#008000">""</font><font color="4444FF">;</font> _text<font color="4444FF">=</font><font color="#008000">""</font><font color="4444FF">;</font> <a name="line4"> 4</a> constructor (<font color="#2040a0"><strong>text</strong></font>, <font color="#2040a0"><strong>link</strong></font>)<font color="4444FF"><strong>{</strong></font> <a name="line5"> 5</a> <strong>this</strong>._link <font color="4444FF">=</font> <font color="#2040a0"><strong>link</strong></font><font color="4444FF">;</font> <a name="line6"> 6</a> <strong>this</strong>._text <font color="4444FF">=</font> <font color="#2040a0"><strong>text</strong></font><font color="4444FF">;</font> <a name="line7"> 7</a> <font color="4444FF"><strong>}</strong></font> <a name="line8"> 8</a> get <font color="#2040a0"><strong>anchor</strong></font>() <font color="4444FF"><strong>{</strong></font><strong>return</strong> `<font color="4444FF"><</font>a <font color="#2040a0"><strong>href</strong></font><font color="4444FF">=</font><font color="#008000">"${this._link}"</font><font color="4444FF">></font>$<font color="4444FF"><strong>{</strong></font><strong>this</strong>._text<font color="4444FF"><strong>}</strong></font><font color="4444FF"><</font><font color="4444FF">/</font>a<font color="4444FF">></font>`<font color="4444FF">;</font><font color="4444FF"><strong>}</strong></font><font color="4444FF">;</font> <a name="line9"> 9</a> <font color="4444FF"><strong>}</strong></font><font color="4444FF">;</font> <a name="line10">10</a> <a name="line11">11</a> <strong>function<font color="ff0000"> mainMenu</font><font color="2040a0">()</font> {</strong> <a name="line12">12</a> const Menu <font color="4444FF">=</font> [ <a name="line13">13</a> <strong>new</strong> menuItem(<font color="#008000">"LINEAR"</font>,<font color="#008000">"linear.html"</font>), <a name="line14">14</a> <strong>new</strong> menuItem(<font color="#008000">"TABLE"</font>,<font color="#008000">"table.html"</font>), <a name="line15">15</a> <strong>new</strong> menuItem(<font color="#008000">"FLOAT"</font>,<font color="#008000">"float.html"</font>), <a name="line16">16</a> <strong>new</strong> menuItem(<font color="#008000">"FLEX"</font>,<font color="#008000">"flex.html"</font>), <a name="line17">17</a> <strong>new</strong> menuItem(<font color="#008000">"GRID"</font>,<font color="#008000">"grid.html"</font>), <a name="line18">18</a> <strong>new</strong> menuItem(<font color="#008000">"GRID EMULATOR"</font>,<font color="#008000">"grid-emu.html"</font>) <a name="line19">19</a> ]<font color="4444FF">;</font> <a name="line20">20</a> <a name="line21">21</a> let s <font color="4444FF">=</font> <font color="#008000">""</font><font color="4444FF">;</font> <a name="line22">22</a> <strong>return</strong> <font color="#008000">"<div>"</font> + (s +<font color="4444FF">=</font> Menu.map((item) <font color="4444FF">=</font><font color="4444FF">></font> <font color="4444FF"><strong>{</strong></font><strong>return</strong> item.<font color="#2040a0"><strong>anchor</strong></font><font color="4444FF"><strong>}</strong></font>)).<font color="a52a2a"><strong>replace</strong></font>(<font color="4444FF">/</font>,<font color="4444FF">/</font>g,<font color="#008000">" | "</font>) + <font color="#008000">"</div>"</font><font color="4444FF">;</font> <a name="line23">23</a> <font color="4444FF"><strong>}</strong></font> <a name="line24">24</a> <a name="line25">25</a> <font color="#444444">/*------ add main menu and some content to fish -----------------------------*/</font> <a name="line26">26</a> <strong>function<font color="ff0000"> addContent</font><font color="2040a0">(d)</font> {</strong> <a name="line27">27</a> d.getElementsByTagName(<font color="#008000">"header"</font>)[<font color="#FF0000">0</font>].innerHTML +<font color="4444FF">=</font> mainMenu()<font color="4444FF">;</font> <a name="line28">28</a> <a name="line29">29</a> <strong>var</strong> content <font color="4444FF">=</font> JSON.<font color="a52a2a"><strong>parse</strong></font>(data)<font color="4444FF">;</font> <a name="line30">30</a> <a name="line31">31</a> d.getElementById(<font color="#008000">"main"</font>).innerHTML <font color="4444FF">=</font> content.main<font color="4444FF">;</font> <a name="line32">32</a> d.getElementById(<font color="#008000">"aside"</font>).innerHTML <font color="4444FF">=</font> content.aside<font color="4444FF">;</font> <a name="line33">33</a> <a name="line34">34</a> <font color="#444444">// HTMLCollection</font> <a name="line35">35</a> <strong>for</strong>(item of d.getElementsByClassName(<font color="#008000">"addition"</font>)) item.innerHTML<font color="4444FF">=</font>content.addition<font color="4444FF">;</font> <a name="line36">36</a> <a name="line37">37</a> <font color="#444444">// HTMLCollection to array</font> <a name="line38">38</a> [].slice.call(d.getElementsByClassName(<font color="#008000">"extras"</font>)).map((item, <font color="#2040a0"><strong>index</strong></font>) <font color="4444FF">=</font><font color="4444FF">></font> <font color="4444FF"><strong>{</strong></font>item.innerHTML<font color="4444FF">=</font>`<font color="4444FF"><</font>h3<font color="4444FF">></font>$<font color="4444FF"><strong>{</strong></font><font color="#2040a0"><strong>index</strong></font>+<font color="#FF0000">1</font><font color="4444FF"><strong>}</strong></font>. Nulla sed nulla<font color="4444FF"><</font><font color="4444FF">/</font>h3<font color="4444FF">></font>`+content.extras<font color="4444FF"><strong>}</strong></font>)<font color="4444FF">;</font> <a name="line39">39</a> <a name="line40">40</a> d.getElementsByTagName(<font color="#008000">"footer"</font>)[<font color="#FF0000">0</font>].innerHTML <font color="4444FF">=</font> mainMenu() + <font color="#008000">"<div>&copy;CC-BY, 2022</div>"</font><font color="4444FF">;</font> <a name="line41">41</a> <font color="4444FF"><strong>}</strong></font> </pre> <hr> syntax highlighted by <a href="http://www.palfrader.org/code2html">Code2HTML</a>, v. 0.9.1 </body> </html>