Рис. 9.1 – HTML-текст та його інтерпретація в браузері
Продовження рис. 9.1 – HTML-текст та його інтерпретація в браузері
HTTP (Hypertext Transport Protocol — протокол передачі гіпертексту) і
PICS (Platform for Internet Content Selection — платформа вибору
інформації в Internet). Діяльністю W3C керує Тім Бернерс Лі, винахідник
гіпертексту. Більш докладну інформацію про цю організацію можна знайти
на її Web-сервері за адресою http//www.w3.org.
Термін Web-сторінка позначає документи в Web, у яких для опису атрибутів
форматування використовується мова HTML. HTML-документ — це ще одна
назва Web-сторінки, причому більш точне, оскільки HTML використовується
не тільки в Web.
Уніфіковані локатори ресурсів (URL)
Однією з головних понять HTML є також URL. Для звертання до ресурсу
використовується його адреса, або URL. URL — це стандарт, прийнятий для
визначення місцезнаходження будь-якого ресурсу в Internet, будь це
документ або служба. URL складається з трьох частин.
Схема. Схема описує протокол, що повинний використовувати клієнт для
доступу до ресурсу. За протоколом звичайно ставляться символи ://. Але з
цього правила є виключення. Якщо ресурсом є файл, то схема має вигляд
file://, якщо адреса електронної пошти, то — mailto:, а якщо новини — то
news:.
Хост. Хост — це доменне ім’я комп’ютера (або сервера) у Internet, на
якому знаходиться ресурс. Домен третього рівня в імені хоста звичайно
говорить про те, якого роду інформація знаходиться на сервері.
Наприклад, на сервері www.host.com знаходяться
Web-сторінки, а на сервері ftp. host. com — файли, які можна
завантажити через FTP.
Шлях. Ця частина URL являє собою повний шлях до документа і, можливо,
ім’я файлу. На відміну від протоколу і хоста, шлях не є обов’язковим
елементом URL. Якщо ввести URL Web-сервера, не вказавши при цьому шлях
на HTML-документ, то сервер відкриє свою початкову сторінку, що
з’являється за замовчуванням при звертанні до цього сервера.
Термін “Web-сторінка” в однаковій мірі підходить для всіх
HTML-документів у Internet. A термін “початкова сторінка” має два різних
визначення. По-перше, початкова сторінка — це сторінка самого верхнього
рівня на великому Web-сервері. Саме ця Web-сторінка відкривається у
випадку, якщо користувач уводить URL без вказівки шляху або імені файлу.
У подібному випадку Web-cepвep відкриває файл з ім’ям lndex.htm або
default.htm і відображає початкову сторінку. По-друге, термін “початкова
сторінка” використовується для опису персональних Web-сторінок, що
поміщають у Internet окремі користувачі.
HTTP
HTTP розшифровується як Hyper Text Transport Protocol (протокол передачі
гіпертексту) і використовується в Web з 1990 року. Він служить для
визначення способів формування запитів клієнтів і способів відповіді
Web-серверів на ці запити. Коротше кажучи, HTTP описує способи передачі
Web-сторінок.
HTTP — це простий текстовий протокол, тобто ви можете прочитати і
зрозуміти кожну команду, що посилається на сервер (спробуйте зв’язатися
з портом 80 Web-сервера за допомогою telnet). Броузер посилає на
Web-сервер запит, а той, у свою чергу, видає відповідь. Першим рядком
запиту є команда, звичайно GET (Одержати) або POST (Послати), що містить
URL ресурсу (файлу, сценарію, програми і т.д.) і версію HTTP,
використовувану броузером. За командою випливають заголовки, у яких
утримується додаткова інформація, необхідна Web-серверові. Усі заголовки
мають однаковий формат: ім’я: значення.
Відповідь сервера починається з указівки версії HTTP і коду повернення.
Код повернення час від часу з’являється на екрані вашого броузера, коли
сервер повертає помилку.
Протокол HTTP не підтримує функції збереження інформації про користувача
або про його браузері. Для постійного збереження інформації про
користувача використовуються розширення, прийняті фірмою Netscape (або
службові індексні файли) cookies. Зараз ця технологія визнана в усім
світі. Файли cookies зберігаються на комп’ютері користувача. Сервер
визначає cookie у заголовку відповіді Set-cookie. І з кожним наступним
запитом браузер повертає cookie на сервер у заголовку запиту Cookie.
Таким чином, сервер зберігає інформацію на комп’ютері користувача, а
потім прочитує неї при одержанні чергового запиту.
Запуск програм на сервері
При обробці запиту Web-сервер аналізує URL, у якому може утримуватися
звертання до файлові або програмі. Іноді розробники Web-сторінок
доповнюють їх службовими програмами, що виконують, наприклад, перевірку
даних, введених користувачем, або обробку замовлення в режимі online.
HTTP не визначає способи виконання сервером подібних операцій. Якщо ж
URL указує на файл, сервер просто повертає його вміст браузеру.
Якщо URL указує на програму, то сервер запускає її з параметрами,
переданими браузером. У деяких випадках на сервері є спеціальні
каталоги, такі як CGI-BIN. Це віртуальний каталог із програмами. Запис у
URL типу host/cgi-bin/prog змушує Web-сервер викликати програму prog з
каталогу cgi-bin. В інших випадках у URL указується конкретний шлях до
програми, наприклад, host/prog. dll, що є ISAPI-фільтром, що
використовується разом з Internet Information Server.
Незалежно від того, яким способом сервер визначає, що URL посилається на
програму, HTTP указує метод передачі параметрів цій програмі (або
сценарієві), що знаходиться на сервері. Броузер додає наприкінці URL
знак питання (?), а за ним — рядок запиту. Усі параметри, яким у рядку
запиту привласнюються значення, повинні розділятися знаками амперсанда
(&): url?a=b&c=d&e=f. У рядку запиту може бути не більш 255 символів.
Крім того, у ній не можуть утримуватися пропуски.
Використання Web-броузера
Програма-клієнт, що використовується для звертання до Web-сервера,
називається Web-броузером. Два самих популярних броузера на сьогоднішній
день — це Internet Explorer і Netscape.
По своїй суті Web-браузери — неймовірно складні програми. Вони
підтримують безліч стандартів, що визначають усе, що тільки можна:
починаючи від способів передачі Web-сторінок за допомогою HTTP і
відображення HTML-документа і закінчуючи захистом транзакцій за
допомогою SSL. Але зовні Web-браузери здаються надзвичайно простими,
тому що ними легко користуватися. Розглянемо можливості, якими володіє
більшість Web-броузеров.
Ідентифікація Web-сторінок за допомогою URL. В усіх Web-браузерах
реалізовані однакові методи відкривання Web-сторінок. Ви можете клацнути
на посиланні, набрати URL-адресу Web-сторінки в адресному полі,
скористатися меню, вибрати сервер у списку Обране (Favorites) і т.д.
Можливості Web-браузерів не обмежуються одним тільки відображенням
HTML-документів. За допомогою Web-браузера можна, наприклад, переглянути
Gopher-сервер або завантажити файли з FTP-сервера.
Використання елементів керування, надбудов і Java-аплетів
Раніш на Web-сторінці можна було знайти тільки текст і зображення. А
тепер до ваших послуг усілякі мультимедійні об’єкти, а також
об’єкти-додатки, наприклад, надбудови (plug-ins), елементи керування
Active і аплети написані мовою Java. У будь-якого типу об’єкта, що
знаходиться на Web-сторінці, є власний користувальницький інтерфейс.
Наприклад, при натисненні правої кнопки миші на одних об’єктах на екрані
з’являється контекстне меню, у якому можна вибрати команду. А інші
об’єкти відображають елементи керування прямо на Web-сторінці.
В даний час у Web можна знайти об’єкти трьох різних типів: надбудови
Netscape, елементи керування Active і Java-аплеты. Але розходження між
цими типами об’єктів, взагалі ж, несуттєві. Усі вони виконують одне
основне призначення: розширюють можливості Web-браузера. Одні об’єкти
додають браузеру мультимедійні можливості, яких у нього не було, а інші
— можливості відображення вмісту бази даних.
Більшість об’єктів установлюється на вашому комп’ютері самостійно. Вам
нічого не потрібно робити, хіба що почекати небагато, поки браузер їх
завантажить. Але деякі модулі розширення не здатні на таке, тому їх
приходиться встановлювати вручну. При відвідуванні Web-сервера, на якому
використовується один з подібних модулів розширення, браузер дасть вам
докладні інструкції про те, як знайти й встановити необхідні файли.
Робота з динамічними даними
Динамічний HTML користується в даний час величезною популярністю,
оскільки дозволяє розроблювачеві створити дійсно інтерактивну
Web-сторінку, а не статичний документ. Подібна можливість досягається за
рахунок того, що для кожного елемента Web-сторінки можна написати
сценарій. Наприклад, можна написати сценарій зміни кольору слова при
приміщенні на нього покажчика миші, чи написати сценарій імітації
феєрверку при натиненні кнопки миші на деяких елементах Web-сторінки.
3. Створення WEB – сторінок
Створення Web-сторінок з допомогою мови HTML
Гіпертекстові Web-сторінки зберігаються в звичайних текстових файлах з
розширенням НТМ або HTML. HTML – мова розмітки гіпертекстових
документів, призначена для створення та написання гіпертекстів. HTML –
базується на стандартній мові узагальненої розмітки (SGML – Standard
Generalized Markup Language) та призначений для опису взаємопов’язаних
документів у розподіленій мережевій інформаційній системі WWW. HTML
описує не тільки структуру документів, а й зв’язок між ними. У
загальному вигляді HTML – це набір стилів (tags), які виділяють різні
компоненти WWW-документів.
Зовнішній вигляд документа на екрані користувача визначається браузером.
Браузери є графічні та текстові, в кожнім браузері документ буде
виглядати по-своєму, але структура його залишиться незмінною, оскільки
вона задана форматом html..
Мова HTML є лінійною мовою й у стандартному варіанті не підтримує циклів
або розгалужень, при умові, що не використовуються технології SSI
(Server Side Includes), DHTML (Dynamic HTML) або ASP (Active Server
Pages) чи PHP. Браузер передивляється документ від початку і до кінця,
одразу форматуючи сторінку. Використання програм, які мають назву
CGI-script (VB-Script, JAVA-Script), а також використання мов серверного
програмування (включаючи SSI, ASP, PHP, JAVA) змінилося уявлення про
HTML документ, як про статичний текст з елементами гіпертекстової
розмітки. Нові технології дозволяють генерувати активні документи і
використовувати всю техніку програмування для їх створення.
Чистий HTML— це мова, що описує, як повинен виглядати документ. Його
також можна назвати мовою розмітки.
Основним елементом HTML є дескриптори або теги. Документ форматується
при додаванні дескриптора, що точно вказує, як повинен виглядати текст.
Дескриптори HTML розташовані у кутових дужках . Умовно дескриптори
модна розбтити на три частини:
· Дескриптори, які інформують браузер про те, що документ є
HTML-документом, і дескриптори коментарів.
· Дескриптори заголовків HTML-документа.
· Дескриптори тіла HTML-документа.
Розрізняють два тири дескрипторів: дескриптори-контейнери і прості
дескриптори.
Дескриптори-контейнери обмежують текст із двох сторін. Завершальний
дескриптор відрізняється від починаючою тільки косою рисою – >. Між
ними може знаходитися як текст, так і інші дескриптори.
Наприклад: дескриптор включає режим напівжирних символів, а
дескриптор В> — виключає. Усередині цієї фрази дескриптор включає
режим курсиву, а дескриптор І> — виключає. Тобто наступний вираз
записаний мовою HTML –
Це реченнямістить фразу І>, надруковану курсивомВ> .
На екрані браузера буде виглядати таким чином:
Це речення містить фразу, надруковану курсивом.
Існують також дескриптори, що не є контейнерами. Ці дескриптори просто
вставляють спеціальний елемент або виконують спеціалізовану функцію на
Web-сторінці. Наприклад, один з найбільш вживаних дескрипторів
використовується для розриву рядка, а дескриптор 
використовується
для вставки на сторінку малюнка. У цих випадках завершальні дескриптори
не використовуються.
Атрибути HTML
Безліч дескрипторів HTML також приймають параметри, які називаються
атрибутами. Атрибути використовуються для вказівки додаткової інформації
Web-браузерові про те, як застосовувати цей дескриптор. Якщо ви додасте
дескриптор, що створює посилання, то атрибути будуть використовуватися
для вказівки URL зв’язаної Web-сторінки. Атрибути — це імена, яким через
знак рівності (=) привласнюються визначені значення. Наприклад, для
зв’язку з файлом HTML необхідно атрибутові HREF привласнити URL цього
файлу — HREF=document2.htm і помістити його між відкриваючою і
закриваючою кутовою дужками дескриптора :
Друга сторінка
Якщо рядок значення параметра містить пробіли, її необхідно записувати в
одинарних або подвійних лапках. Наприклад, .
Структура документів HTML
Кожен файл HTML має однакову базову структуру. Умовно його можна розбити
на дві частини – заголовок і тіло. Відповідно є дескриптори які
відносяться до заголовка і тіла html-документу, але крім цього, як ми
говорили, існують ще загальні дескриптори. Тому, структуру html,
розглядають поряд з структурою дескрипторів.
В загальному кожен html-файл починається з дескрипторів і
закінчується дескриптором . Усередині цього контейнера вкладені
два інші: і
. Контейнер містить заголовну інформацію
про документ, а контейнер вміст документа. В загальному ж
структура html-файлу така:
Текст заголовку html-документа
Текст html-документу
Розглянемо більш детальніше дескриптори, які відносяться до кожної
частини html-документу.
Загальні дескриптори і коментарі.
До загальних дескрипторів можна віднести:
1) – дескриптор-контейнер, повідомляє браузеру, що вся
інформація, яка знаходиться між і є текстом, закодованим
у відповідності із форматом HTML.
2) – дескриптор контейнер, який вказує на те, що даний текст,
який міститься між цими дескрипторами є коментарем. Коментарі, так як і
коментарі в будь-якій мові програмування, на екран не виводяться.
3) – ще один вид дескриптора-коментаря.
Дескриптори заголовку HTML-документа
Заголовок html-документа задається за допомогою дескриптора-контейнера
. Цей дескриптор не є обов’язковим, проте дає необхідну інформацію
для програми-браузера. Елементи, які розміщені всередині цього
контейнера, в вікні браузера не відображаються.
Цей дескриптор може містити в собі такі дескриптори (використовуються
тільки між парою
:
1)
– дескриптор контейнер, який служить для задання тексту, що<br>
буде відображатись в рядку заголовку вікна браузера.
<p>Приклад:</p>
<p></p>
<p></p>
<p> </p><title> Наша організація
Головна сторінка нашої організації
В вікні браузера це буде виглядати наступним чином:
Рис. 9.2 – Використання заголовків.
????¤?¤?$???????AE?) – задає повний URL документа.
Використовується для вказування відносних URL. Має один обов’язковий
атрибут HREF, який задає повний URL документа.
3) – надає інформацію про документ для браузера, пошукових
серверів і інших додатків.
Синтаксис:
,
де
CONTENT – вміст дескриптора, в поєднанні з HTTP-EQUIV може
використовуватися для автоматичного пере завантаження документа.
HTTP-EQUIV – забезпечує браузеру супровідну інформацію про документ.
Якщо його значення рівно REFRESH, то документ перезавантажується через
вказане в якості значення атрибута CONTENT.
NAME – ім’я дескриптора.
URL – URL завантажувального документа, після вказання інтервалу в
секундах в якості значення атрибута CONTENT.
Примітка: Цей дескриптор дуже важливий при роміщенні головних
Web-сторінок (зазвичай сторінок з назвами index.html) на
Internet-сайтах. В цьому дескрипторі вказується ключові слова для пошуку
пошуковими сторінками, а також короткий опис документа. Можна,
наприклад, в документ вставити такі рядки.
Дескриптори тіла HTML-документа
Найголовнішою частиною HTML-документу все ж можна назвати тіло
HTML-документу, саме в цій частині використовується найбільша частина
дескрипторів, записуються сценарії, аплети тощо. Повністю про всі
дескриптори та їх структуру, як вже було сказано, можна дізнатися за
адресою: HYPERLINK “http://www.w3c.org/” http://www.w3c.org . Ми ж
розглянемо найбільш часто вживані дескриптори HTML.
Форматування символів у HTML
Нижче приведені деякі дескриптори форматування символів, підтримувані
HTML. Кожен дескриптор, приведений тут є контейнером, тобто необхідно
також використовувати завершальні дескриптори для завершення
відповідного форматування.
Серед цих дескрипторів розглядають фізичні та логічні. Фізичні
дескриптори конкретно вказують, як необхідно форматувати текст.
Наприклад, дескриптор форматує текст напівжирним шрифтом.
Дескриптори , , , , , , і
також є фізичними. Логічні дескриптори визначають не те, як відображати
текст, а що він собою представляє, залишаючи Web-браузеру можливість
“вирішувати”, як відображати даний текст. Дескриптори, що залишилися в
таблиці, є логічними.
Таблиця 9.1 – Дескриптори форматування символів.
Дескриптор Опис
Напівжирний
Курсив
Підкреслений
Перекреслений
Перекреслений
Нижній індекс
Верхній індекс
Більший
Маленький
Приклад коду
Виділення (зазвичай курсив)
Використання визначеного шрифту
<![CDATA[ Моношириний</plaintext></p>
<p><samp> Приклад</samp></p>
<p><strong> Виділення (звичайно напівжирний)</strong></p>
<p> Телетайп</p>
<p><var> Ім’я перемінної або параметра</var></p>
<p> Приклад</p>
<p>Приклад використання дескрипторів форматування символів:</p>
<p></p>
<p> </p>
<p> </p><title>Форматування символів</title><p> </p>
<p></p>
<p> <b>Напівжирний</b></p>
<p> <i>Курсив</i></p>
<p> <u>Підкреслений</u></p>
<p> <s>Перекреслений</s></p>
<p> <strike>Перекреслений</strike></p>
<p> <sub>Нижній індекс</sub></p>
<p> <sup>Верхній індекс</sup></p>
<p> <big>Більший</big></p>
<p> <small>Меншиий</small></p>
<p> <em>Виділення (зазвичай курсив)</em></p>
<p></p>
<p></p>
<p>У Web-браузері Microsoft Internet Explorer, цей текст буде відображатись<br>
так, як показано на Рис.9.3.</p>
<p>Рис.9.3 – Приклад форматування символів.</p>
<p>Використання шрифтів</p>
<p>Кожний браузер для відображення використовує свій шрифт, тому одна і таж<br>
сторінка в різних браузерах буде відображатись різними шрифтами. Але,<br>
якщо нам потрібно використовувати визначений шрифт, то можна вказати,<br>
який шрифт слід використовувати. Крім цього можна задати розмір і колір<br>
шрифту. </p>
<p>Для того щоб визначити шрифт тексту, його розмір і колір, використовуйте<br>
дескриптор <font> разом з атрибутами COLOR, FACE і SIZE. Можна вибрати<br>
будь-яку комбінацію цих атрибутів. Атрибут COLOR задає колір тексту.<br>
Колір можна вказувати буквеним, або числовим значенням (Див. Табл. 9.2)<br>
Атрибут FACE задає назву шрифту і задається одним або декількома назвами<br>
шрифтів, розділених комами. Якщо Web-браузер не знайде на машині перший<br>
зазначений шрифт, вона спробує відобразити текст другим і т.д. Атрибут<br>
SIZE задає відносний розмір шрифту: +1 позначає на один розмір більше,<br>
+2 — на два розміри більше, а -1 — на один розмір менше.</font></p>
<p>Шрифт, що вказується вами, у дескрипторі <font> повинен існувати на<br>
комп’ютері користувача і мати те ж ім’я. У противному випадку браузер<br>
спробує відобразити його альтернативним шрифтом або шрифтом за<br>
замовчуванням.</font></p>
<p>Приклади зміни<br>
шрифту: <br>
</p>
<p></p>
<p> </p>
<p></p><title> Приклад зміни шрифту</title><p> </p>
<p> </p>
<p> Приклади зміну шрифту</p>
<p><font face="Arial"></font></p>
<p>Цей приклад демонструє, як змінювати шрифт</p>
<p>для блоку тексту.</p>
<p></p>
<p><font size="+4"></font></p>
<p>Цей приклад демонструє, як змінювати розмір</p>
<p>для блоку тексту.</p>
<p></p>
<p><font color="RED" size="2" face="Arial,Courier"></font></p>
<p>Цей приклад демонструє, як змінювати шрифт, розмір і колір блоку тексту.</p>
<p></p>
<p> </p>
<p>Цей текст в браузері Microsoft Internet Explorer буде виглядати так:в</p>
<p>Рис 9.4. Приклад зміни шрифту.</p>
<p>Кольори в HTML</p>
<p>Кольори в HTML можна задавати назвами та в шіснадцядковому RGB-форматі.<br>
В RGB-форматі форматі кольори задаються за допомогою шаблону #RRGGBB, де<br>
RR – дві шістнадцядкові цифри, які задають інтенсивність червоного<br>
кольору, GG – дві шістнадцядкові цифри, які задають інтенсивність<br>
зеленого кольору, BB – дві шістнадцядкові цифри, які задають<br>
інтенсивність синього кольору. Наприклад, #FFOOOO — це червоний, тому що<br>
інтенсивність синьої і зеленої складових на нулі, а червоної — на<br>
максимумі.</p>
<p> Проте найпростіше вказувати колір за назвою. Існує шістнадцять<br>
визначених назв кольорів:</p>
<p>Таблиця 9.2 – Базові кольори HTML</p>
<p>Константа Колір Значення</p>
<p>AQUA Бірюзовий(Аквамарин) #00FFFF</p>
<p>BLACK Чорний #000000</p>
<p>BLUE Синій(Голубий) #0000FF</p>
<p>FUCHSIA Бузковий #FF00FF</p>
<p>GRAY Сірий #808080</p>
<p>GREEN Зелений #008000</p>
<p>LIME Салатовий (Світло-зелений) #00FF00</p>
<p>MAROON Каштановий(Темно-бордовий) #800000</p>
<p>NAVY Темно-синій #000080</p>
<p>OLIVE Маслиновий #808000</p>
<p>PURPLE Фіолетовий #800080</p>
<p>RED Червоний #FF0000</p>
<p>SILVER Cрібний (ясно-сірий) #C0C0C0</p>
<p>TEAL Темно-зелений #008080</p>
<p>WHITE Білий #FFFFFF</p>
<p>YELLOW Жовтий #FFFF00</p>
<p>Форматування абзаців у HTML</p>
<p>Нижче приведена більшість дескрипторів форматування абзаців,<br>
підтримуваних HTML. Кожен дескриптор, крім </p><li>, та <br> приведений у<br>
цій таблиці, є контейнером.
<p>Таблиця 9.3 – Дескриптори форматування абзаців</p>
<p>Дескриптор Опис</p>
<p></p><address> Поштова адреса
<blockquote><p> Відступ вправо</p>
<p> Цитата</p>
<p>. . . Заголовок (з першого по шостий рівні)</p>
<p></p><li> Елемент списку
<p></p><ol> Упорядкований список (використовується разом з <li>)
<p></p><ul> Неупорядкований список (використовується разом з <li>
<p> Звичайний абзац</p>
<p></p><pre> Неформатированный текст (зберігає пробіли)
<p><br> Використовується для розриву рядка і відступу.</p>
<p>Створення звичайних абзаців</p>
<p>У текстовому процесорі для створення нового абзацу необхідно просто<br>
натиснути клавішу <enter>. В HTML для цього можна використовувати<br>
дескриптор <br>. Але абзац — це щось ціле, до чого можна застосувати<br>
безліч операцій форматування. У Web-браузері абзаци відокремлюються один<br>
від одного порожнім рядком. У HTML абзац позначається за допомогою<br>
дескриптора .</enter></p>
<p>Наприклад:</p>
<p></p>
<p> </p>
<p> </p><title>Абзаци</title><p> </p>
<p></p>
<p> </p>
<p>І-й абзац</p>
<p>ІІ-й абзац</p>
<p> </p>
<p>ІІІ-й абзац</p>
<p></p>
<p></p>
<p>Організація структури документа за допомогою заголовків</p>
<p>У HTML існує шість рівнів заголовків, відмічуваних дескрипторами від<br> по . Розглянемо це на такому прикладі.</p>
<p></p>
<p> </p>
<p> </p><title>Заголовки</title><p> </p>
<p></p>
<p> h1 – Заголовок 1</p>
<p> </p>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>
<p></p>
<p></p>
<p>Рис.9.5 – Приклад форматування тексту заголовками.</p>
<p>У заголовку кожного рівня використовується той самий шрифт, але різного<br>
розміру</p>
<p>Списки</p>
<p>У HTML існує два різних типи списків — маркіровані і нумеровані.<br>
Маркіровані списки не упорядковані, тому що для інформації, що вони<br>
представляють, — це просто довільний набір речей. Для створення<br>
маркірованого списку використовується дескриптор </p></pre><ul>. Після цього для<br>
додавання кожного елемента списку використовується дескриптор <li>, як<br>
показано в наступному прикладі:
<p></p>
<p> </p>
<p> </p><title>Маркірований список</title><p> </p>
<p></p>
<p> Маркірований список:</p>
<ul><p> </p>
<li>1-й елемент списку</li>
<p> </p>
<li>2-й елемент списку</li>
<p> </p>
<li>3-й елемент списку</li>
<p> </p>
<li>4-й елемент списку</li>
</ul><p></p>
<p></p>
<p>На мал. видно як маркірований список відображається в браузері.</p>
<p>Рис.9.6 – Приклад маркірованого списку.</p>
<p>Для зміни маркера, що використовується для відображення маркірованого<br>
списку, необхідно скористатися атрибутом TYPE дескриптора </p><ul>. Йому<br>
можна привласнювати значення CIRCLE, DISC або SQUARE. Однак поводження<br>
цього атрибута в різних броузерах відрізняється.
<p>Нумеровані списки впорядковані, тому що в них відображається<br>
послідовність чисел. Нумеровані списки використовуються для опису<br>
інструкцій або представлення списку ідей у порядку пріоритету. Для<br>
створення нумерованого списку застосовується дескриптор </p></ul><ol>, як<br>
показано в слідуючому прикладі. Елементи в список додаються за допомогою<br>
дескриптора <li>, так само, як і в попередньому прикладі.
<p></p>
<p> </p>
<p> </p><title>Нумерований список </title><p> </p>
<p></p>
<p> Нумерований список</p>
<ol><p> </p>
<li>1-й елемент списку</li>
<p> </p>
<li>2-й елемент списку</li>
<p> </p>
<li>3-й елемент списку</li>
<p> </p>
<li>4-й елемент списку</li>
</ol><p></p>
<p></p>
<p>Рис.9.7 – Приклад нумерованого списку.</p>
<p>Нумерація в нумерованому списку змінюється за допомогою атрибутів START<br>
і TYPE. Початковий номер привласнюється атрибутові START. Наприклад, для<br>
того щоб почати нумерацію з 5, необхідно привласнити атрибутові START<br>
значення 5: START=5. Можна також змінити тип нумерації, привласнивши<br>
атрибутові TYPE одне зі значень.</p>
<p>Таблиця 9.4 – Коди TYPE для нумерованого списку</p>
<p>Код Опис</p>
<p>А Прописні букви (А, У, З, …)</p>
<p>А Малі літери (а, Ь, з,…)</p>
<p>I Прописні римські числа (I, II, III, …)</p>
<p>I Рядкові римські числа (i, ii, iii, …)</p>
<p>1 Числа(1,2,3,..)</p>
<p>Попереднє форматування тексту на Web-сторінці</p>
<p>При відображенні HTML-тексту у браузері всі зайві пробіли ігноруються.<br>
Так, якщо ви вставити між двома словами три пробіли, то все одно буде<br>
відображатися тільки один. Якщо ви вставите три порожніх рядки між двома<br>
рядками тексту, то всі ці порожні рядки заміняться одним пробілом, а<br>
текст розірветься по границі вікна.</p>
<p>Для того щоб точно розташувати окремі елементи форми на сторінці,<br>
використовуйте контейнер </p><pre>. При цьому залишаться всі пробіли,<br>
табуляції, переведення рядків і також оригінальний шрифт.
<p>Приклад:</p>
<p></p>
<p> </p>
<p> </p><title>Збереження форматування</title><p> </p>
<p></p>
<p> При відображенні файлу HTML у браузері всі зайві пробіли<br>
ігноруються.</p>
<p>Так, якщо ви вставити між двома словами три пробіли, то все<br>
одно буде відображатися тільки один.</p>
<p>Якщо ви вставите два порожніх рядки між двома рядками тексту, то всі ці<br>
порожні рядки заміняться одним пробілом, а текст розірветься по границі<br>
вікна.</p>
<pre>Цей самий текст, але з дескриптором pre
При відображенні файлу HTML у браузері всі зайві пробіли ігноруються.
Так, якщо ви вставити між двома словами три пробіли, то все одно буде
відображатися тільки один.
Якщо ви вставите два порожніх рядки між двома рядками тексту, то всі ці
порожні рядки заміняться одним пробілом,
а текст розірветься по границі вікна.</pre>
<p></p>
<p></p>
<p>В браузері MS Internet Explorer цей текст набуде такого вигляду:</p>
<p>Рис. 9.8. Збереження форматування з допомогою дескриптора </p><pre>
<p>Таблиці</p>
<p>Досить велика кількість документів, з якими ми зустрічаємось щодня<br>
містить таблиці, відповідно і в HTML-коді не обійшлось без дескрипторів<br>
які дозволяють створювати таблиці.</p>
<p>Таблиці створюються дескриптором-контейнером </p></pre></pre><table>.
<p>Таблиця вводиться по рядкам, а відповідно кожний рядок складається із<br>
клітинок. Всередині нього використовуються дескриптори-контейнери,<br>
записані в таблиці 9.5.</p>
<p>Таблиця 9.5. Дескриптори побудови таблиць.</p>
<p> Дескриптор Опис</p>
<p></p><caption> заголовок таблиці.
<p></p></caption><tr> рядок таблиці.
<p></p><th> клітинка заголовку. В кожній такій клітинці текст<br>
виділений напівжирним шрифтом з вирівнюванням по центру.
<p></p></th><td> клітинка таблиці.
<p>Розміщення зображень на Web-сторінці</p>
<p>Як правило, Web-сторінки складаються з зображень і тексту, що доповнюють<br>
один одного. Для вставки в Web-сторінку зображення використовується<br>
дескриптор <img data-src="" src="https://ukrreferat.com/adb_script/placeholder.png" data-srcset="" srcset="" class=" lazy lazy-hidden">. Єдиним обов’язковим атрибутом є атрибут SRC, якому<br>
привласнюється URL файлу, що містить зображення. Необхідно також<br>
використовувати атрибути WIDTH і HEIGHT для визначення ширини і висоти<br>
зображення, щоб браузер “знав”, скільки місця на сторінці виділити для<br>
зображення. Завдяки цьому користувач бачить вашу сторінку швидше.</p>
<p>Якщо вказати ширину і висоту зображення менше дійсних розмірів,<br>
Web-браузер всерівно завантажить весь файл із зображенням, а потім<br>
стисне його до зазначених розмірів.</p>
<p>У HTML можна керувати вирівнюванням зображення із супровідним текстом,<br>
привласнивши атрибут ALIGN дескриптора <img data-src="" src="https://ukrreferat.com/adb_script/placeholder.png" data-srcset="" srcset="" class=" lazy lazy-hidden"> значення TOP, MIDDLE або<br>
BOTTOM. Можна також змусити зображення вирівнятися по лівому або правому<br>
краї вікна, привласнивши атрибутові ALIGN значення LEFT або RIGHT,<br>
відповідно</p>
<p>Працюйте з зображеннями GIF і png. Більшість браузерів Web відображати<br>
зображення саме в цих форматів. Якщо використовувати формат зображення,<br>
невідомий браузеру, то користувачеві знадобиться додаткова програма, щоб<br>
переглянути це зображення.</p>
<p>Зв’язування тексту і зображень з іншими Web-сторінками. Для зв’язування<br>
тексту і зображень з іншими Web-сторінками використовується дескриптор<br>. Цей дескриптор є контейнером. Коли користувач клацне на посиланні,<br>
броузер відкриє сторінку, зазначену в атрибуті HREF дескриптора .</p>
<p>Якщо ви вставляєте посилання на Web-сторінки свого ж Web-вузла, указуйте<br>
відносні URL, а не ім’я вузла або повний шлях. Укажіть тільки необхідний<br>
шлях, по якому броузер знайде файл щодо поточного шляху. Якщо на<br>
сторінці за адресою http://www.sait.com/ ви створите посилання на<br>
img/pic1.gif, те Web-броузер зрозуміє це як<br>
http://www.sait.com/img/pic1.gif.</p>
<p>Форми на Web-сторінках</p>
<p>Форми додаються на Web-сторінку за допомогою контейнера <f0rm>. Текст,<br>
поміщений усередині контейнера міститься у форму для створення підказок.<br>
Дескриптори <pre> і </pre> указують браузерові на те, що текст<br>
відформатований, і його потрібно зберегти точно в такому виді, як він<br>
набраний, без видалення пробілів і порожніх рядків.</f0rm></p>
<p>Приклад. Проста форма з текстовим полем</p>
<p> </p>
<p></p><title>Пpocтa форма з текстовим пoлeм</title><p> </p>
<p></p>
<form>
<p>Ведіть свої дані:</p>
<p>Ім’я <input name="Name" type="text" size="30"></p>
<p>Прізвище <input name="fam" type="text" size="30"></p>
<p>Адреса <input name="adr" type="text" size="30"></p>
<p> </p></form>
<p></p>
<p></p>
<p>Поля у форму додаються за допомогою безлічі дескрипторів. Найпоширенішим<br>
дескриптором є <input>. У приведеному вище прикладі браузер відобразить<br>
запитання Як Вас звати:, а потім створить текстове поле у відповідності<br>
з дескриптором <input>. Атрибут NAME дескриптора <input> привласнює полю<br>
ім’я, щоб його можна було ідентифікувати при відправленні форми. В<br>
атрибуті TYPE зазначено, що потрібно створити текстове поле, а атрибут<br>
SIZE визначає, яку ширину в символах повинне мати текстове поле.</p>
<p>На рис. 9.9 показано, як ця форма виглядає в браузері після заповнення<br>
тестових полів.</p>
<p>Рис.9.9 – Документ з формою</p>
<p>Насправді користувач не може відправити дані цієї форми, тому що немає<br>
кнопки для відправлення, а також не зазначений метод пересилання даних.</p>
<p>Способи передачі даних форми</p>
<p>Для того щоб одержати інформацію, введену користувачем, форму необхідно<br>
відправити деякій програмі на сервері або поштою на визначену адресу.</p>
<p>Для вказівки способу передачі форми в дескрипторі </p><form><br>
використовуються два атрибути. Перший атрибут, ACTION, містить URL, по<br>
якому необхідно відправити форму. Якщо форма передається програмі на<br>
сервері, то вказується URL цієї програми. Якщо форма посилається по<br>
електронній поштовій адресі, то привласнюється URL поштової адреси<br>
(наприклад, mailto:stud@mail.ru).
<p>Другий атрибут, METHOD, указує браузеру на те, як відправляти дані. Якщо<br>
ви привласните цьому атрибутові значення POST, то браузер відокремить<br>
дані від URL. Якщо ж привласнити цьому атрибутові значення GET, то дані<br>
форми будуть додані в кінець URL. При відправленні форми по поштовій<br>
адресі необхідно привласнити атрибутові METHOD значення GET.</p>
<p>Додавання кнопки відправлення</p>
<p>Вказавши спосіб відправлення форми, необхідно вибрати кнопку, при<br>
натискані на якій дані дійсно будуть відправлені.</p>
<p> </p>
<p></p><title>Пpocтa форма з текстовими пoлями</title><p> </p>
<p></p>
</form><form action="%E2%80%9Ddoc2.html%E2%80%9D" method="post">
<p><b>Ведіть свої дані:</b></p>
<p>Ім’я <input name="Name" type="text" size="30"></p>
<p>Прізвище <input name="fam" type="text" size="30"></p>
<p>Адреса <input name="adr" type="text" size="30"></p>
<p><input type="submit" value="Відправити"></p>
<p> </p></form>
<p></p>
<p></p>
<p>Зверніть увагу на атрибути METHOD і ACTION дескриптора </p><form>. Ці<br>
атрибути вказують, що форма буде відправлятися поштою (не забудьте<br>
вставити mailto: у URL). Другий дескриптор <input> описує кнопку<br>
відправлення.
<p>Рис.9.10 – Форма з кнопкою для передачі даних</p>
<p>Коли користувач клацне на кнопці, Web-броузер відправить дані з форми у<br>
документ doc2.html.</p>
<p>Радіокнопки</p>
<p>Під радіокнопками розуміють можливість вибрати яку завгодно з цих<br>
кнопок, але не дві одночасно. Щоб створити залежну кнопку, потрібно<br>
привласнити атрибутові TYPE дескриптора <input> значення RADIO і<br>
привласнити всім кнопкам у групі одне ім’я. Наприклад:</p>
<p><input name="YESORNO" type="RADIO" value="Так" checked></p>
<p><input name="YESORNO" type="RADIO" value="Ні"></p>
<p><input name="YESORNO" type="RADIO" value="Незнаю"></p>
<p>Оскільки всі дескриптори <input> мають одне ім’я YESORNO, і їх<br>
атрибутам: TYPE привласнене значення RADIO, вони належать до однієї<br>
групи залежних кнопок.</p>
<p>Для того щоб вказати обрану кнопку, коли броузер завантажує<br>
Web-сторінку, додайте до відповідної кнопки атрибут checked.</p>
<p>Використання фреймів</p>
<p>За допомогою фреймів (кадрів) вікно Web-броузера поділяється на<br>
самостійні вікна. У кожному кадрі міститься окрема Web-сторінка.</p>
<p>За допомогою кадрів вікно можна спочатку розділити на рядки, а потім на<br>
стовпчики, або, навпаки, спочатку на стовпчики, а потім на рядки.<br>
Наприклад:</p>
<p></p>
<p></p><title>Кадри</title><p></p>
<p><framset rows="”25%,75%”"></framset></p>
<p><frame scr="”1.html"></p>
<p><framset cols="”25%,75%”"></framset></p>
<p><frame scr="”2.html"></p>
<p><frame scr="”3.html"></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>Для того щоб сховати границі кадрів, необхідно вказати параметри Set<br>
FRAMEBORDER=”NO” MBORDER=”0″ У дескрипторі </p><frameset>.
<p>Робота з кадрами починається дескрипторів </p><frameset>, а закінчується<br></frameset>. Між цими дескрипторами вказуються кадри і відповідні їм<br>
файли HTML. Для розбивки на рядки використовується атрибут ROWS, а для<br>
розподілу на стовпці — COLS. Цим атрибутам привласнюється список<br>
розділених комами значень, що задають розмір відповідного стовпчика або<br>
стовпця. Значення можна вказувати в пікселях або відсотках.
<p>Якщо ви задали три рядки або стовпчики, то кожен наступний визначений за<br>
допомогою дескриптора <frame> кадр буде займати наступну позицію. У<br>
дескрипторі <frame> указується файл HTML, що буде використовуватися в<br>
цьому кадрі. Для вказівки імені файлу (повний або відносного)<br>
використовується атрибут SRC.</p>
<p>Розподіл на кадри можна продовжити й усередині вже створених рядків або<br>
стовпчиків. Для цього також використовується дескриптор </p><frameset> . Так<br>
зовнішній дескриптор <frameset> розбиває вікно на рядки, а внутрішній<br>
дескриптор <frameset> поділяє середній рядок на двох стовпчиків —<br>
шириною 25% і 75%. Броузер завантажує файл HTML, зазначений у першому<br>
дескрипторі <frame>, у перший стовпчик, а зазначений у другому<br>
дескрипторі — у другий стовпчик.
<p>Файли HTML, поміщені в кадри, не повинні містити дескриптори </p> і<br>. Це повинні бути прості файли HTML, що починаються дескриптором<br> і закінчуються . Усе, що знаходиться між цими двома<br>
дескрипторами, відображається в кадрі.
<p>ЛІТЕРАТУРА</p>
<p>Бухвалов А.В. и др. Финансовые вычисления для профессионалов.- СПб.:<br>
БХВ-Петербург, 2001.-320с. ил.</p>
<p>Гарнаев А.Ю. Excel, VBA, Internet в экономике и финансах.- СПб.:<br>
БХВ-Петербург, 2001.- 816с.:ил.</p>
<p>Евдокимов В.В. и др. Экономическая информатика. Учебник для вузов. Под<br>
ред. Д.э.н., проф. В.В.Евдокимова. – СПб.: Питер, 1997. – 592с.</p>
<p>Згуровський М.З., Коваленко І.І., Міхайленко В.М. Вступ до комп’ютерних<br>
інформаційних технологій: Навч.посіб. – К.: Вид-во Європ. ун-ту<br>
(фінанси, інформ. системи, менеджм. і бізнес), 2000.- 265 с.</p>
<p>Информатика. Базовый курс/ Симонович С.В. и др.- СПб.: Питер, 2000.-<br>
640с.:ил.</p>
<p>Карлберг, Конрад. Бизнес-анализ с помощью Excel.: Пер с англ.- К.:<br>
Диалектика, 1997.- 448с.: ил.</p>
<p>Лук‘янова В.В. Комп‘ютерний аналіз даних: Посібник. – К.: Видавничий<br>
центр „Академія”, 2003. – 344с. (Альма-матер)</p></frameset></frameset></frameset></frameset></form></td></tr></table></li></ol></li></ul></li></ul></li></ol></li></blockquote></address></li></div></div>
<script>
window.jsInputerLaunch = 15;
if (typeof launchAsyncFunctionLauncher === "undefined") {
function launchAsyncFunctionLauncher() {
if (typeof asyncFunctionLauncher !== "undefined" && typeof asyncFunctionLauncher === "function") {
asyncFunctionLauncher();
} else {
setTimeout(function () {
launchAsyncFunctionLauncher();
}, 100)
}
}
}
launchAsyncFunctionLauncher();
</script><script>
var cachedBlocksArray = [];
cachedBlocksArray[330222] = "<!-- Yandex.RTB R-A-1791242-86 --><scr"+"ipt>window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({\"blockId\": \"R-A-1791242-86\",\"type\": \"fullscreen\",\"platform\": \"desktop\"})})<\/scr"+"ipt>";
cachedBlocksArray[92557] = "<scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; float: left; margin-left: 18px; margin-right: 9px; display:block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"3414488838\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; margin-left: 9px; margin-right: 9px; display:inline-block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"6826090932\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt><scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; margin-left: 9px; margin-right: 18px; display:inline-block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"6386807541\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
cachedBlocksArray[346788] = "<scr"+"ipt async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8169097523164719\" crossorigin=\"anonymous\"><\/scr"+"ipt><!-- ukr - p1 adaptive --><ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"1769513059\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
cachedBlocksArray[92560] = "<a href=\"https:\/\/na5ku.com.ua\/?ref_id=10000008\" rel=\"nofollow\"><img src=\"https:\/\/edu-masters.com\/par_banners\/ua\/5.jpg\"><\/a>";
cachedBlocksArray[92549] = "<scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; float: left; margin-left: 25px; margin-right: 19px; display:block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"9595522879\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; margin-left: 19px; margin-right: 25px; display:inline-block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"7199964836\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
cachedBlocksArray[92545] = "<scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; float: left; margin-left: 25px; margin-right: 19px; display:block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"7056494608\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; margin-left: 19px; margin-right: 25px; display:inline-block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"4590608205\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
cachedBlocksArray[92546] = "<scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; float: left; margin-left: 25px; margin-right: 19px; display:block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"7408343237\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; margin-left: 19px; margin-right: 25px; display:inline-block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"3452291517\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
cachedBlocksArray[92559] = "<scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\"display:block; text-align:center; width: 770px; height: 485px; \" data-ad-format=\"Rectangle\" data-full-width-responsive=\"true\" data-ad-layout=\"in-article\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"1027818435\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
cachedBlocksArray[92551] = "<scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\"display:block; text-align:center; width: 620px; height: 450px; \" data-ad-format=\"Rectangle\" data-full-width-responsive=\"true\" data-ad-layout=\"in-article\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"6743359756\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
cachedBlocksArray[92548] = "<a class='edu2' href=\"https:\/\/na5ku.com.ua\/?ref_id=10000008\" rel=\"nofollow\"><img src=\"https:\/\/edu-masters.com\/par_banners\/ua\/9.jpg\"><\/a>";
cachedBlocksArray[92547] = "<scr"+"ipt async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; float: left; margin-left: 25px; margin-right: 19px; display:block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"7616582011\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt><ins class=\"adsbygoogle\" style=\" text-align:center; width: 336px; height: 280px; margin-left: 19px; margin-right: 25px; display:inline-block;\" data-full-width-responsive=\"true\" data-ad-client=\"ca-pub-8169097523164719\" data-ad-slot=\"3677337000\"><\/ins><scr"+"ipt> (adsbygoogle = window.adsbygoogle || []).push({});<\/scr"+"ipt>";
</script><div class="fixed-stopper" style="text-align:center;">
</div>
<p class="mistake"><i class="fa fa-paper-plane"></i> Нашли опечатку? Выделите и нажмите CTRL+Enter</p>
<footer class="entry-data__bottom posrel overhide">
<span class="date floatleft">18 Дек 2008</span>
<div class="floatright">
<span class="download-link floatleft">
<a class="trn" href="https://ukrreferat.com/dwnld/?url=http://www.ukrreferat.com/referats/Komputerny-nauki/urkn0118.zip">Скачать</a>
</span>
<div class="share-btns floatright">
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,viber,whatsapp,skype" data-counter=""></div>
</div>
</div>
</footer>
</article></section>
<aside class="sidebar overhide">
<div class="qa-big-block__predmets -page paddall_small borrad box-border defmb posrel overhide bg-color -white">
<div class="block-header-small">Типы документов</div>
<ul>
<li><a href="https://ukrreferat.com/doc-type/diplomna"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/graduation-hat-and-diploma-1.svg) no-repeat center;"></i><span class="trn -opfix">Дипломна</span></a></li><li><a href="https://ukrreferat.com/doc-type/knizhka"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/text-book-opened-from-top-view-1.svg) no-repeat center;"></i><span class="trn -opfix">Книжка</span></a></li><li><a href="https://ukrreferat.com/doc-type/kontrolna"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/class-group-1.svg) no-repeat center;"></i><span class="trn -opfix">Контрольна</span></a></li><li><a href="https://ukrreferat.com/doc-type/kursova"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/book-and-pen-1.svg) no-repeat center;"></i><span class="trn -opfix">Курсова</span></a></li><li><a href="https://ukrreferat.com/doc-type/laboratorna-robota"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/compass-and-ruler-1.svg) no-repeat center;"></i><span class="trn -opfix">Лабораторна робота</span></a></li><li><a href="https://ukrreferat.com/doc-type/material"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/paperclip-with-text-lines-1.svg) no-repeat center;"></i><span class="trn -opfix">Материал</span></a></li><li><a href="https://ukrreferat.com/doc-type/referat"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/books-2.svg) no-repeat center;"></i><span class="trn -opfix">Реферат</span></a></li><li><a href="https://ukrreferat.com/doc-type/shpargalka"><i class="icon trn -opfix" style="background: url(https://ukrreferat.com/wp-content/uploads/2018/08/diploma-roll-1.svg) no-repeat center;"></i><span class="trn -opfix">Шпаргалка</span></a></li> </ul>
</div>
<div class="widget-send-question">
<div class="title">Получите ответ на свой вопрос</div>
<div class="send-ques">
<a href="https://ukrreferat.com/zadat-vopros">Задать вопрос</a>
</div>
<div class="more">
<a href="https://ukrreferat.com/questions">Все вопросы</a>
</div>
</div>
<div class="widget-exspert-link overhide paddall_small borrad">
<div class="title">Не знайшли курсову, дипломну чи реферат?</div>
<i class="icon"></i>
<div class="more-info">
<a href="https://ukrreferat.com/zakaz">Замов у фахiвця</a>
</div>
</div>
<div style="border:solid; border-color:#0094b7; border-radius:3px; margin-bottom:25px;">
<div style="background-color:#0094b7; color:white; text-align:center; font-weight:bold; font-size:16px; padding:5px;">
Подпишитесь на нашу рассылку!
</div>
<div class="tnp tnp-subscription">
<form method="post" action="https://ukrreferat.com/?na=s" onsubmit="return newsletter_check(this)">
<input type="hidden" name="nlang" value="">
<div class="tnp-field tnp-field-firstname"><label>Имя или ФИО</label><input style="margin:0 auto;" class="tnp-firstname" type="text" name="nn" required="" title="Заполните это поле"></div>
<div class="tnp-field tnp-field-email"><label>Email</label><input style="margin:0 auto;" class="tnp-email" type="email" name="ne" required="" title="Заполните это поле"></div>
<div class="tnp-field tnp-field-button"><input style="margin:0 auto;" class="tnp-submit" type="submit" value="Подписаться">
</div>
</form>
</div>
</div>
<div class="fixed_sideb">
<div id="content_rb_19813" class="content_rb" data-id="19813"></div></div>
<div class="side-rec-wrapp"><div class="side-recommend"><div class="side-recommend__block">
<div class="side-recommend-post">
<div class="block-header-small">Похожий документ:</div>
<div class="side-recommend-post__block overhide box-border -white borrad paddall_small">
<div class="over-info -full">
<div class="doc_type"><a href="https://ukrreferat.com/doc-type/referat">Реферат</a></div>
<div class="title"><a href="https://ukrreferat.com/chapters/komputerny-nauki/tekstoviy-redaktor-microsoft-word-referat.html">Текстовий редактор Microsoft Word (реферат)</a></div>
<div class="bottom-info borrad">
<span class="count">50</span>
<span class="views">52221</span>
</div>
</div>
</div>
</div>
</div></div><div class="side-recommend"><div class="side-recommend__block">
<div class="side-recommend-post">
<div class="block-header-small">Похожий документ:</div>
<div class="side-recommend-post__block overhide box-border -white borrad paddall_small">
<div class="over-info -full">
<div class="doc_type"><a href="https://ukrreferat.com/doc-type/referat">Реферат</a></div>
<div class="title"><a href="https://ukrreferat.com/chapters/komputerny-nauki/komp-yuterni-virusi-referat.html">Комп’ютерні віруси (реферат)</a></div>
<div class="bottom-info borrad">
<span class="count">50</span>
<span class="views">49000</span>
</div>
</div>
</div>
</div>
</div></div></div></aside>
</div><div class="fixed-stopper"></div><div class="recent-doc defpadd_big overhide">
<div class="block-header-big -white text-center">Похожие документы</div>
<div class="container">
<article class="recent-doc__block"> <a href="https://ukrreferat.com/chapters_ru/kak-vybrat-onlajn-shkolu.html">
<img width="370" height="220" src="https://ukrreferat.com/adb_script/placeholder.png" class="attachment-640_426 size-640_426 wp-post-image lazy lazy-hidden" alt="Как выбрать онлайн-школу с живыми уроками: на что обратить внимание родителям" title="Как выбрать онлайн-школу с живыми уроками: на что обратить внимание родителям" srcset="" sizes="(max-width: 370px) 100vw, 370px" data-src="https://ukrreferat.com/wp-content/uploads/2024/09/onlajn.jpg" data-srcset="https://ukrreferat.com/wp-content/uploads/2024/09/onlajn.jpg 370w, https://ukrreferat.com/wp-content/uploads/2024/09/onlajn-300x178.jpg 300w">
</a>
<div class="doc-type trn">
<a href="https://ukrreferat.com/doc-type/referat">Реферат</a>
</div>
<div class="title trn -opfix">
<a href="https://ukrreferat.com/chapters_ru/kak-vybrat-onlajn-shkolu.html">Как выбрать онлайн-школу с живыми уроками: на что обратить внимание родителям</a>
</div>
</article><article class="recent-doc__block"> <a href="https://ukrreferat.com/chapters_ru/medicina/klinica-nejromed.html">
<img width="370" height="220" src="https://ukrreferat.com/adb_script/placeholder.png" class="attachment-640_426 size-640_426 wp-post-image lazy lazy-hidden" alt="Нейромед: ведущая сеть диагностических центров в Киеве и Виннице" title="Нейромед: ведущая сеть диагностических центров в Киеве и Виннице" srcset="" sizes="(max-width: 370px) 100vw, 370px" data-src="https://ukrreferat.com/wp-content/uploads/2024/08/klinica-nejromed.jpg" data-srcset="https://ukrreferat.com/wp-content/uploads/2024/08/klinica-nejromed.jpg 370w, https://ukrreferat.com/wp-content/uploads/2024/08/klinica-nejromed-300x178.jpg 300w">
</a>
<div class="doc-type trn">
<a href="https://ukrreferat.com/doc-type/material">Материал</a>
</div>
<div class="title trn -opfix">
<a href="https://ukrreferat.com/chapters_ru/medicina/klinica-nejromed.html">Нейромед: ведущая сеть диагностических центров в Киеве и Виннице</a>
</div>
</article><article class="recent-doc__block"> <a href="https://ukrreferat.com/chapters_ru/medicina/reshit-problemy-so-zdorovem.html">
<img width="370" height="220" src="https://ukrreferat.com/adb_script/placeholder.png" class="attachment-640_426 size-640_426 wp-post-image lazy lazy-hidden" alt="Решение проблем со здоровьем в современных медицинских центрах" title="Решение проблем со здоровьем в современных медицинских центрах" srcset="" sizes="(max-width: 370px) 100vw, 370px" data-src="https://ukrreferat.com/wp-content/uploads/2024/06/medics.jpg" data-srcset="https://ukrreferat.com/wp-content/uploads/2024/06/medics.jpg 370w, https://ukrreferat.com/wp-content/uploads/2024/06/medics-300x178.jpg 300w">
</a>
<div class="doc-type trn">
<a href="https://ukrreferat.com/doc-type/material">Материал</a>
</div>
<div class="title trn -opfix">
<a href="https://ukrreferat.com/chapters_ru/medicina/reshit-problemy-so-zdorovem.html">Решение проблем со здоровьем в современных медицинских центрах</a>
</div>
</article><article class="recent-doc__block"> <a href="https://ukrreferat.com/chapters_ru/postupit-v-kolledzh-ssha.html">
<img width="370" height="220" src="https://ukrreferat.com/adb_script/placeholder.png" class="attachment-640_426 size-640_426 wp-post-image lazy lazy-hidden" alt="Как поступить в колледж США гражданину Украины?" title="Как поступить в колледж США гражданину Украины?" srcset="" sizes="(max-width: 370px) 100vw, 370px" data-src="https://ukrreferat.com/wp-content/uploads/2024/01/postupit-v-kolledzh-ssha.jpg" data-srcset="https://ukrreferat.com/wp-content/uploads/2024/01/postupit-v-kolledzh-ssha.jpg 370w, https://ukrreferat.com/wp-content/uploads/2024/01/postupit-v-kolledzh-ssha-300x178.jpg 300w">
</a>
<div class="doc-type trn">
<a href="https://ukrreferat.com/doc-type/material">Материал</a>
</div>
<div class="title trn -opfix">
<a href="https://ukrreferat.com/chapters_ru/postupit-v-kolledzh-ssha.html">Как поступить в колледж США гражданину Украины?</a>
</div>
</article> </div>
</div>
<div class="fake-bg"><div class="container"><div class="posrel overhide box-border -white borrad paddall"><div class="block-header-big text-center">Обсуждение</div><section class='single-comments'>
<div id="comments" class="comments-area">
<div id="respond">
<div>
<form action="/wp-comments-post.php" method="post" class="comments-form" name="commentForm" onsubmit="return validateForm();">
<p id='respond-to'><span id='respond-target'>Ответить</span></p>
<div class="comments-form-inputs">
<div>
<label for="author" class="comment-input-label">Ваше имя</label>
<input id="author" name="author" type="text" value=" " aria-required='true' />
</div>
<div class="form-group">
<label for="email" class="comment-input-label">E-mail</label>
<input id="email" name="email" type="text" value="" aria-required='true' />
</div>
</div>
<div class='comments-form-textarea'>
<textarea class="comments-form-textarea textarea" name="comment" aria-required="true"></textarea>
</div>
<div>
<!--noindex-->
<label>Я согласен(-на) на <a href="https://ukrreferat.com/privacy-policy">обработку персональных данных</a></label>
<!--/noindex-->
</div>
<div>
<button name="submit" type="submit" id="submit" class="comments-send">Отправить</button>
<input type='hidden' name='comment_post_ID' value='85168' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</div>
</form>
</div>
</div>
</div><!-- #comments -->
</div>
</section></div></div>
</div> <!-- close .container -->
<!-- РСЯ -->
<div class="rl_cnt_bg" data-id="291379"></div>
<div class="rl_cnt_bg" data-id="330222"></div>
<section class="na5ku-banner">
<div class='na5ku-text'><span><a target='_blank' class='na5ku-link' href='https://na5ku.com.ua/?ref_id=10000008'>Курсовые, Дипломы, Рефераты на заказ в кратчайшие сроки</a></span></div>
<div class='na5ku-button'>
<button class="na5ku-open"><a href='https://na5ku.com.ua/?ref_id=10000008' target='_blank'>Заказать</a></button>
</div>
</section>
<style>
.helpcrunch-iframe-wrapper iframe {
bottom: 62px !important;
z-index: 1 !important;
}
</style>
<div style="cursor:pointer;" class="zornet">
<a href="https://na5ku.com.ua/?ref_id=10000008">Заказать реферат!</a>
</div>
<footer class="main-footer defpadd overhide">
<div class="container">
<div class="main-footer__logo">
<div class="sect posrel overhide">
<div class="footer-logo">
<img src="https://ukrreferat.com/wp-content/themes/ukrreferat/images/logo.svg" alt="Реферати Українською, курсові, дипломи – скачати безкоштовно на UkrReferat.com">
</div>
<div class="footer-socials">
<div class="block-header-small -white">Мы в соцсетях:</div>
<ul>
<li><a href="#"><i class="icon icon-facebook"></i></a></li><li><a href="#"><i class="icon icon-vkontakte"></i></a></li><li><a href="#"><i class="icon icon-ok"></i></a></li><li><a href="#"><i class="icon icon-google_plus"></i></a></li><li><a href="#"><i class="icon icon-instagram"></i></a></li><li><a href="#"><i class="icon icon-twitter"></i></a></li> </ul>
</div>
</div>
<div class="sect">
<div class="footer-warn">Копирование материалов сайта разрешается только при условии указания
активной и индексируемой ссылки на наш веб-сайт!</div>
</div>
</div>
<div class="main-footer__navs posrel overhide floatright">
<div class="block-header-small -white">Пользователю:</div>
<nav class="footer-menu floatleft"><ul id="menu-menyu-v-podvale" class="menu"><li id="menu-item-154929" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-154929"><a href="https://ukrreferat.com/o-proekte">О проекте</a></li>
<li id="menu-item-154930" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-154930"><a href="https://ukrreferat.com/zadat-vopros">Задать вопрос</a></li>
<li id="menu-item-154931" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-154931"><a href="https://ukrreferat.com/kontakty">Контакты</a></li>
<li id="menu-item-154932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-154932"><a href="https://ukrreferat.com/reklama-na-sajte">Реклама на сайте</a></li>
<li id="menu-item-154933" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-154933"><a href="https://ukrreferat.com/privacy-policy">Политика конфиденциальности</a></li>
</ul></nav> <nav class="footer-menu floatright"><ul id="menu-rubriki-v-podvale" class="menu"><li id="menu-item-154934" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-154934"><a href="https://ukrreferat.com/chapters">Реферати на українській</a></li>
<li id="menu-item-154935" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-154935"><a href="https://ukrreferat.com/chapters_ru">Реферати на російській</a></li>
<li id="menu-item-154936" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-154936"><a href="https://ukrreferat.com/chapters_book">Українські підручники</a></li>
<li id="menu-item-154937" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-154937"><a href="https://ukrreferat.com/questions">Вопросы-ответы</a></li>
<li id="menu-item-154938" class="filter menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-154938"><a href="https://ukrreferat.com/#fast-filter">Быстрый фильтр</a></li>
</ul></nav> </div>
</div>
<div class="cookie-banner" style="display: none">
<div>Продолжая пользоваться сайтом вы принимаете условия <a href="https://ukrreferat.com/privacy_policy" style="color: black;font-weight: 700;">политики конфиденциальности</a></div>
<button class="close cookie-button">OK</button>
</div>
</footer>
<div class="copyrights text-center">
<div class="container">
UkrReferat.com. Всі права захищені. 2000-2020 </div>
</div>
<button class="toTop"></button>
<script>
if (typeof (NA5KU_API_URL) === "undefined") {
var NA5KU_API_URL = 'https://api.edu-masters.com/';
}
if (typeof (NA5KU_REF_ID) === "undefined") {
var NA5KU_REF_ID = '10000008';
}
if (typeof (NA5KU_VALUTA) === "undefined") {
var NA5KU_VALUTA = 'ua';
}
</script>
<div class="na5ku-cabinet-buttons">
<div class="button_cabinet_active">
<div class="nav-div-logged-in hidden">
<div class="na5ku-cabinet-buttons">
<a class="login-btn" href="/cabinet"
style="font-size: 13px; padding: 19px 6px;">Кабинет</a>
</div>
<div class="na5ku-cabinet-buttons">
<a class="reg-btn" href="/exit">Выход</a>
</div>
</div>
<div class="nav-div-guest hidden">
<div class="na5ku-cabinet-buttons">
<a class="login-btn" href="#" data-toggle="modal" data-target="#na5ku-login"><i
class="fas fa-sign-in-alt"></i>Вход</a>
</div>
<div class="na5ku-cabinet-buttons" style="margin-top: 20px;">
<a class="reg-btn" href="#" data-toggle="modal"
data-target="#na5ku-register">Регистрация</a>
</div>
</div>
</div>
</div>
<div class="na5ku-modals-div">
<!-- Modal -->
<div id="na5ku-login" class="lr-modal modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><img
src="/wp-content/plugins/cabinet_partner_na5ku/cabinet/images/modal/close.png" alt="">
</button>
<h4 class="modal-title">Вход</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="enter_form_1">
<div class="banner-form__wrapper">
<div style="text-align: center;">
<span id="text_send"><b style="color:#ff6363"></b></span>
</div>
<div class="form-group">
<label for="loginEmail" class="sr-only">E-mail</label>
<input type="email" name="login" class="form-control" id="loginEmail"
placeholder="E-mail">
</div>
<div class="form-group">
<label for="inputPassword" class="sr-only">Пароль</label>
<input type="password" name="password" class="form-control" id="inputPassword"
placeholder="Пароль">
</div>
<input type="submit" onclick="do_enter(); return false;"
value="ВОЙТИ"
class="btn btn-default">
<div class="form-group">
<span class="modal_links">
<a href="#" data-toggle="modal" data-target="#na5ku-register" data-dismiss="modal"
class="register">Регистрация</a>
<span>|</span>
<a href="#"
data-dismiss="modal"
data-toggle="modal"
data-target="#na5ku-forgot-password"
class="forgot-password">Забыли пароль?</a>
</span>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="na5ku-register" class="lr-modal modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><img
src="/wp-content/plugins/cabinet_partner_na5ku/cabinet/images/modal/close.png" alt="">
</button>
<h4 class="modal-title">Регистрация</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="na5ku-reg-form-inline" onsubmit="register(); return false;">
<div class="banner-form__wrapper">
<div class="form-group">
<label for="registerEmail" class="sr-only">E-mail</label>
<input type="email" class="form-control" id="registerEmail" name="email"
placeholder="E-mail">
</div>
<div id="register-popup_message_HEAD"><b style="color:red"></b></div>
<input type="hidden" name="ref_id" value="10000008">
<input type="hidden" name="valuta" value="ua">
<input type="submit" value="Зарегистрироваться"
class="btn btn-default">
<div class="form-group">
<span class="modal_links"><a href="#" data-toggle="modal" data-target="#na5ku-login" data-dismiss="modal"
class="login">Вход</a> <span>|</span>
<a href="#" data-toggle="modal" data-target="#na5ku-forgot-password" data-dismiss="modal"
class="forgot-password">Забыли пароль?</a>
</span>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="na5ku-forgot-password" class="lr-modal modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><img
src="/wp-content/plugins/cabinet_partner_na5ku/cabinet/images/modal/close.png" alt="">
</button>
<h4 class="modal-title">Востановление пароля</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="modal-forgot-password-form">
<div class="banner-form__wrapper">
<div class="form-group">
<span id="modal-forgot-password-message"></span>
<label for="forgotPass-email" class="sr-only">E-mail</label>
<input type="text" class="form-control" id="forgotPass-email" name="email"
placeholder="E-mail">
</div>
<label class="form-label forgetInfo">
Введите свой адрес электронной почты, и мы отправим вам новый пароль.</label>
<input type="submit" id="modal-forgot-password-submit"
onclick="forgotpassword(); return false;" value="Отправить"
class="btn btn-default">
<div class="form-group">
<span class="modal_links"><a href="#" data-toggle="modal" data-target="#na5ku-login" data-dismiss="modal"
class="login">Вход</a> <span>|</span>
<a href="#" data-toggle="modal" data-target="#na5ku-register" data-dismiss="modal"
class="register">Регистрация</a>
</span>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<style>
.popup {
position: relative;
background: #fff;
max-width: 370px;
margin: 0 auto;
padding: 20px 25px;
}
.mfp-container {
position: fixed;
}
.dropdown-menu {
display: none
}
.dropdown-menu.menu_lvl_1 {
position: absolute;
left: 100%;
top: 0;
padding: 0;
}
.reg-btn {
background-color: #000000;
padding: 5px 20px !important;
margin-top: 15px;
color: #fff !important;
}
.login-btn {
position: relative;
color: #000000 !important;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 60px;
margin: 0 20px 0 25px;
}
.lr-modal .modal-content {
background-color: #000000;
border: none;
border-radius: 0;
box-shadow: none;
}
.lr-modal .modal-header {
border-bottom: 0;
}
.lr-modal .close {
color: #fff;
opacity: 1;
font-size: 20px;
}
.lr-modal .modal-title {
text-align: center;
color: white;
font-family: "Rubik", sans-serif;
font-size: 25px;
font-weight: 500;
line-height: 36px;
text-transform: uppercase;
}
.lr-modal .banner-form__wrapper {
margin: 0;
}
.lr-modal .modal-content input[type="submit"] {
background-color: #FF860F;
border-radius: 2px;
color: white;
font-size: 24px;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 10px;
}
.lr-modal .banner-form__wrapper input {
width: 310px !important;
margin-bottom: 30px;
display: block;
}
.banner-form__wrapper input[type="submit"] {
background-color: #f88525;
border-radius: 1px;
color: white;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 40px;
text-transform: uppercase;
}
.banner-form__wrapper input, .banner-form__wrapper select {
margin-right: 15px;
height: 50px;
width: 250px !important;
border: none;
box-shadow: none;
border-radius: 0;
}
.lr-modal .modal_links {
text-align: center;
display: block;
width: 310px;
}
.lr-modal .modal_links a, .lr-modal .modal_links span {
color: #aaf4ff;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-decoration: underline;
}
.lr-modal .modal-dialog {
width: 340px;
margin-top: 10%;
}
.na5ku-cabinet-buttons {
display: inline-block;
}
#text_send,
#register-popup_message_HEAD {
text-align: center;
padding: 15px 0;
display: block;
color: white;
}
#modal-forgot-password-form .form-label.forgetInfo {
line-height: 1;
font-size: 16px;
color: white;
display: block;
padding-bottom: 10px;
}
#modal-forgot-password-form #modal-forgot-password-message {
line-height: 1;
font-size: 16px;
color: white;
display: block;
padding-bottom: 10px;
text-align: center;
}
.na5ku-cabinet-buttons .nav-div-logged-in,
.na5ku-cabinet-buttons .nav-div-guest {
}
.hidden {
display: none !important;
}
</style>
<script defer src='https://ukrreferat.com/wp-content/themes/ukrreferat/assets/js/scripts.min.js'></script>
<script defer src='https://ukrreferat.com/wp-content/themes/ukrreferat/assets/js/dev/owl.carousel.min.js'></script>
<script defer src="/adb_script/privacy.js"></script>
<script defer src="/adb_script/alt_to_title.js"></script>
<script>
if (typeof rb_ajaxurl==='undefined') {var rb_ajaxurl = 'https://ukrreferat.com/wp-admin/admin-ajax.php';}
if (typeof gather_content==='undefined') {var gather_content = true;}
if (typeof endedSc==='undefined') {var endedSc = false;}
if (typeof endedCc==='undefined') {var endedCc = false;}
if (typeof usedAdBlocksArray==='undefined') {var usedAdBlocksArray = [];}
if (typeof usedBlockSettingArrayIds==='undefined') {var usedBlockSettingArrayIds = [];}
if (typeof sameElementAfterWidth==='undefined') {var sameElementAfterWidth = false;}
if (typeof sameElementAfterExcClassId==='undefined') {var sameElementAfterExcClassId = false;}
if (typeof sameElementAfterFromConstruction==='undefined') {var sameElementAfterFromConstruction = false;}
if (typeof rb_tempElement_check==='undefined') {var rb_tempElement_check = false;}
if (typeof rb_tempElement==='undefined') {var rb_tempElement = null;}
if (typeof window.jsInputerLaunch==='undefined') {window.jsInputerLaunch = -1;}
function launchUpdateRbDisplays() {
if ((typeof updateRbDisplays !== 'undefined')&&(typeof updateRbDisplays === 'function')) {
updateRbDisplays();
} else {
setTimeout(function () {
launchUpdateRbDisplays();
}, 200);
}
}
/* "sc" in variables - mark for shortcode variable */
function shortcodesInsert() {
let gatheredBlocks = document.querySelectorAll('.percentPointerClass.scMark'),
scBlockId = -1,
scAdId = -1,
blockStatus = '',
dataFull = -1,
gatheredBlockChild,
okStates = ['done','refresh-wait','no-block','fetched'],
scContainer,
sci,
i1 = 0,
skyscraperCheck = [],
skyscraperStatus = false,
splitedSkyscraper = [],
gatheredBlockChildSkyParts = [],
stickyStatus = false,
stickyCheck = [],
stickyFixedStatus = false,
stickyFixedCheck = [],
overflowCheck = [],
overflowStatus = false,
repeatableIdentifier = "",
dataCidIdentifier = null,
divCidElement = '';
if (typeof scArray !== 'undefined') {
if (scArray&&scArray.length > 0&&gatheredBlocks&&gatheredBlocks.length > 0&&typeof window.rulvW5gntb !== 'undefined') {
dataCidIdentifier = window.rulvW5gntb;
for (let i = 0; i < gatheredBlocks.length; i++) {
gatheredBlockChild = gatheredBlocks[i].children[0];
if (!gatheredBlockChild) {
continue;
}
scAdId = -3;
blockStatus = null;
scContainer = null;
dataFull = -1;
skyscraperStatus = false;
splitedSkyscraper = [];
gatheredBlockChildSkyParts = [];
stickyStatus = false;
stickyCheck = [];
stickyFixedStatus = false;
stickyFixedCheck = [];
repeatableIdentifier = "";
divCidElement = null;
scAdId = gatheredBlockChild.getAttribute('data-aid');
scBlockId = gatheredBlockChild.getAttribute('data-id');
blockStatus = gatheredBlockChild.getAttribute('data-state');
dataFull = gatheredBlockChild.getAttribute('data-full');
if (scBlockId&&scAdId > 0) {
sci = -1;
for (i1 = 0; i1 < scArray.length; i1++) {
if (scBlockId == scArray[i1]['blockId']&&scAdId == scArray[i1]['adId']) {
sci = i1;
}
}
if (sci > -1) {
if (blockStatus&&okStates.includes(blockStatus)) {
if (blockStatus=='no-block') {
gatheredBlockChild.innerHTML = '';
} else if ((blockStatus=='fetched'&&dataFull==1)||!['no-block','fetched'].includes(blockStatus)) {
for (let cl1 = 0; cl1 < gatheredBlocks[i].classList.length; cl1++) {
if (gatheredBlocks[i].classList[cl1].includes("repeatable-mark")) {
repeatableIdentifier = gatheredBlocks[i].classList[cl1];
}
}
if (repeatableIdentifier) {
divCidElement = document.querySelectorAll(".percentPointerClass.scMark."+repeatableIdentifier+' div[data-cid="'+dataCidIdentifier+'"]');
} else {
divCidElement = gatheredBlockChild.querySelectorAll('div[data-cid="'+dataCidIdentifier+'"]');
}
var text = scArray[sci]['text'];
if (divCidElement&&divCidElement.length > 0) {
for (let i2 = 0; i2 < divCidElement.length; i2++) {
jQuery(divCidElement[i2]).html(text);
}
} else {
jQuery(gatheredBlockChild).html(text);
}
launchUpdateRbDisplays();
}
if (blockStatus!='fetched'||(blockStatus=='fetched'&&dataFull==1)) {
for (i1 = 0; i1 < scArray.length; i1++) {
if (scBlockId == scArray[i1]['blockId']) {
scArray.splice(i1, 1);
i1--;
}
}
gatheredBlocks[i].classList.remove('scMark');
}
}
}
} else if (scBlockId&&scAdId < 1&&['no-block','fetched'].includes(blockStatus)) {
for (i1 = 0; i1 < scArray.length; i1++) {
if (scBlockId == scArray[i1]['blockId']) {
scArray.splice(i1, 1);
i1--;
}
}
gatheredBlocks[i].classList.remove('scMark');
}
}
} else if (!scArray||(scArray&&scArray.length < 1)) {
endedSc = true;
}
} else {
endedSc = true;
}
if (!endedSc) {
setTimeout(function () {
shortcodesInsert();
}, 200);
}
}
function clearUnsuitableCache(cuc_cou) {
let scAdId = -1;
let ccRepeat = false;
let gatheredBlocks = document.querySelectorAll('.percentPointerClass .' + block_classes.join(', .percentPointerClass .'));
if (gatheredBlocks&&gatheredBlocks.length > 0) {
for (let i = 0; i < gatheredBlocks.length; i++) {
if (gatheredBlocks[i]['dataset']['aid']&&gatheredBlocks[i]['dataset']['aid'] < 0) {
if ((gatheredBlocks[i]['dataset']["state"]=='no-block')||(['done','fetched','refresh-wait'].includes(gatheredBlocks[i]['dataset']["state"]))) {
gatheredBlocks[i]['innerHTML'] = '';
} else {
ccRepeat = true;
}
} else if (!gatheredBlocks[i]['dataset']['aid']) {
ccRepeat = true;
}
}
if (cuc_cou < 50) {
if (ccRepeat) {
setTimeout(function () {
clearUnsuitableCache(cuc_cou+1);
}, 100);
}
} else {
endedCc = true;
}
} else {
endedCc = true;
}
}
function blocksRepositionUse(containerString, blType, searchType, contentElement) {
let blocksInContainer;
let blLocal = blType;
let currentBlock;
let currentBlockId;
let currentBlockPosition;
let currentContainer;
let i = 0;
let j = 0;
let blockStrJs = ' .percentPointerClass.marked';
let blockStrPhp = ' .percentPointerClass:not(.marked)';
let blockStr = ' .percentPointerClass';
let checkPointer = null;
let blockRepeatEnd = false;
if (searchType) {
if (searchType == 'marked') {
while (!blockRepeatEnd) {
blLocal = blLocal.parentElement;
if (blLocal) {
checkPointer = blLocal.querySelector("#content_pointer_id");
if (!checkPointer) {
blocksInContainer = jQuery(blLocal).parent(containerString);
if (blocksInContainer && blocksInContainer.length > 0) {
/* checkPointer = blocksInContainer.querySelector("#content_pointer_id"); */
checkPointer = jQuery(blocksInContainer).find("#content_pointer_id");
if (checkPointer && checkPointer.length > 0) {
blocksInContainer = null;
}
blockRepeatEnd = true;
}
} else {
blockRepeatEnd = true
}
} else {
blockRepeatEnd = true
}
}
/* blocksInContainer = jQuery(blType).parent(containerString); */
if (blocksInContainer&&blocksInContainer.length > 0) {
/* blocksInContainer.parentNode.insertBefore(rb_tempElement, blocksInContainer); */
blocksInContainer[0].parentNode.insertBefore(rb_tempElement, blocksInContainer[0]);
sameElementAfterExcClassId = false;
return blocksInContainer[0];
}
return blType;
} else if (searchType == 'non-marked') {
blocksInContainer = document.querySelectorAll(blType + containerString + blockStrPhp);
if (blocksInContainer && blocksInContainer.length > 0 && usedBlockSettingArray && usedBlockSettingArray.length > 0) {
for (i = 0; i < blocksInContainer.length; i++) {
currentBlock = blocksInContainer[i];
currentBlockId = currentBlock.querySelector('.' + block_classes.join(', .')).getAttribute('data-id');
currentContainer = null;
for (j = 0; j < usedBlockSettingArray.length; i++) {
if (usedBlockSettingArray[i]['id'] == currentBlockId) {
currentBlockPosition = usedBlockSettingArray[i]['elementPosition'];
currentContainer = currentBlock.closest(blType + containerString);
if (currentBlockPosition == 0) {
currentContainer.parentNode.insertBefore(currentBlock, currentContainer);
} else {
currentContainer.parentNode.insertBefore(currentBlock, currentContainer.nextSibling);
}
break;
}
}
}
}
}
}
return false;
}
function createStyleElement(blockNumber, localElementCss) {
let htmlToAdd = '';
let marginString;
let textAlignString;
let contPoi;
let emptyValues = false;
let elementToAddStyleLocal = document.querySelector('#blocksAlignStyle');
if (!elementToAddStyleLocal) {
contPoi = document.querySelector('#content_pointer_id');
if (!contPoi) {
return false;
}
elementToAddStyleLocal = document.createElement('style');
elementToAddStyleLocal.setAttribute('id', 'blocksAlignStyle');
contPoi.parentNode.insertBefore(elementToAddStyleLocal, contPoi);
}
switch (localElementCss) {
case 'left':
emptyValues = false;
marginString = '0 auto 0 0';
textAlignString = 'left';
break;
case 'right':
emptyValues = false;
marginString = '0 0 0 auto';
textAlignString = 'right';
break;
case 'center':
emptyValues = false;
marginString = '0 auto';
textAlignString = 'center';
break;
case 'default':
emptyValues = true;
marginString = 'default';
textAlignString = 'default';
/** here will be css */
break;
}
if (!emptyValues) {
htmlToAdd = '.percentPointerClass > *[data-id="'+blockNumber+'"] {\n' +
' margin: '+marginString+';\n' +
'}\n';
}
elementToAddStyleLocal.innerHTML += htmlToAdd;
return textAlignString;
}
function initTargetToInsert(position, type, currentElement) {
let posCurrentElement;
let usedElement;
if (type == 'element') {
if (position == 0) {
posCurrentElement = currentElement;
if (!(typeof obligatoryMargin!=='undefined'&&obligatoryMargin===1)) {
currentElement.classList.add('rfwp_removedMarginTop');
}
} else {
posCurrentElement = currentElement.nextSibling;
if (!(typeof obligatoryMargin!=='undefined'&&obligatoryMargin===1)) {
currentElement.classList.add('rfwp_removedMarginBottom');
}
}
currentElement.style.clear = 'both';
} else {
usedElement = currentElement;
if (position == 0) {
posCurrentElement = usedElement;
} else {
posCurrentElement = usedElement.nextSibling;
}
}
return posCurrentElement;
}
function checkAdsWidth(content_pointer, posCurrentElement, currentElement) {
let widthChecker = document.querySelector('#widthChecker');
let widthCheckerStyle = null;
let content_pointerStyle = getComputedStyle(content_pointer);
/* let getPositionForTempElement = null;
let testImgDetected = false;
let testImg;
let testImageCompWidth;
let testImgCou = 0
let figureChilds;
let figureComWidth;
let fcCou = 0; */
let content = content_pointer.parentElement;
if (!widthChecker) {
widthChecker = document.createElement("div");
widthChecker.setAttribute('id','widthChecker');
widthChecker.style.display = 'flex';
}
if (content) {
posCurrentElement = initTargetToInsert(posCurrentElement, 'term', currentElement);
currentElement.parentNode.insertBefore(widthChecker, posCurrentElement);
widthCheckerStyle = getComputedStyle(widthChecker);
/* testImg = currentElement.previousSibling;
if (testImg) {
while (!testImgDetected&&testImgCou<4) {
if (testImg&&testImg.nodeName.toLowerCase() === 'figure') {
figureComWidth = getComputedStyle(testImg);
figureComWidth = parseInt(figureComWidth.width);
figureChilds = testImg.childNodes;
if (figureChilds&&figureChilds.length > 0) {
while (!testImgDetected&&figureChilds[fcCou]) {
if (figureChilds[fcCou] instanceof HTMLImageElement) {
testImgDetected = true;
testImageCompWidth = getComputedStyle(figureChilds[fcCou]);
testImageCompWidth = parseInt(testImageCompWidth.width);
console.log('img_f_w:'+figureComWidth+'; img_w:'+testImageCompWidth+';');
}
fcCou++;
}
}
}
if (testImg instanceof HTMLImageElement) {
testImgDetected = true;
testImageCompWidth = getComputedStyle(testImg);
testImageCompWidth = parseInt(testImageCompWidth.width);
console.log('img_w:'+testImageCompWidth+';');
}
if (!testImg.previousSibling) {
break;
}
testImg = testImg.previousSibling;
testImgCou++;
}
}
console.log('cp_w:'+parseInt(content_pointerStyle.width)+'; wc_w:'+parseInt(widthCheckerStyle.width)+';'); */
if (parseInt(widthCheckerStyle.width) >= (parseInt(content_pointerStyle.width) - 50)) {
return true;
}
}
currentElement.parentNode.insertBefore(rb_tempElement, currentElement.nextSibling);
rb_tempElement_check = true;
return false;
}
/* function currentElementReceiver(revert, curSum, elList, currentElement) {
let origCurrentElement = currentElement;
let content_pointer = document.querySelector("#content_pointer_id");
let sameElementAfterWidth = false;
let testCou = 0;
while (elList[curSum]&&sameElementAfterWidth==false&&testCou < 5) {
currentElement = elList[curSum];
try {
sameElementAfterWidth=true;
sameElementAfterWidth = checkAdsWidth(content_pointer, 0, currentElement);
} catch (ex) {
console.log(ex.message);
}
revert? curSum--: curSum++;
testCou++;
}
return currentElement?currentElement:origCurrentElement;
} */
function currentElementReceiverSpec(revert, curSum, elList, currentElement) {
let origCurrentElement = currentElement;
let content_pointer = document.querySelector("#content_pointer_id"); /* orig */
let sameElementAfterWidth = false;
let testCou = 0;
while (elList[curSum]&&sameElementAfterWidth==false&&testCou < 5) {
currentElement = elList[curSum]['element'];
try {
sameElementAfterWidth=true;
sameElementAfterWidth = checkAdsWidth(content_pointer, 0, currentElement);
} catch (ex) {
console.log(ex.message);
}
revert? curSum--: curSum++;
testCou++;
}
return currentElement?currentElement:origCurrentElement;
}
function excIdClUnpacker() {
let excArr = [],
cou = 0,
currExcStr = '',
curExcFirst = '';
excArr['id'] = [];
excArr['class'] = [];
excArr['tag'] = [];
if (excIdClass&&excIdClass.length > 0) {
while (excIdClass[cou]) {
currExcStr = excIdClass[cou];
if (currExcStr.length > 0) {
curExcFirst = currExcStr.substring(0,1);
switch (curExcFirst) {
case '#':
if (currExcStr.length > 1) {
currExcStr = currExcStr.substring(1);
excArr['id'].push(currExcStr);
}
break;
case '.':
if (currExcStr.length > 1) {
currExcStr = currExcStr.substring(1);
excArr['class'].push(currExcStr);
}
break;
default:
excArr['tag'].push(currExcStr);
break;
}
cou++;
}
}
}
return excArr;
}
function asyncBlocksInsertingFunction(blockSettingArray) {
try {
var content_pointer = document.querySelector("#content_pointer_id"); /* orig */
var parent_with_content = content_pointer.parentElement;
var lordOfElements = parent_with_content;
parent_with_content = parent_with_content.parentElement;
var newElement = document.createElement("div");
var elementToAdd;
var elementToAddStyle;
var poolbackI = 0;
var counter = 0;
var currentElement;
var repeatableCurrentElement;
var repeatableSuccess;
var reCou;
var curFirstPlace;
var curElementCount;
var curElementStep;
var backElement = 0;
var sumResult = 0;
var curSumResult = 0;
var repeat = false;
var currentElementChecker = false;
let containerFor6th = [];
let containerFor7th = [];
var posCurrentElement;
var block_number;
let contentLength = content_pointer.getAttribute('data-content-length');
let rejectedBlocks = content_pointer.getAttribute('data-rejected-blocks');
if (rejectedBlocks&&rejectedBlocks.length > 0) {
rejectedBlocks = rejectedBlocks.split(',');
}
let widthCheck = false;
let currentElementList;
var testElement1 = null;
var termorarity_parent_with_content = parent_with_content;
var termorarity_parent_with_content_length = 0;
var headersList = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
for (var hc1 = 0; hc1 < headersList.length; hc1++) {
termorarity_parent_with_content_length += termorarity_parent_with_content.getElementsByTagName(headersList[hc1]).length;
}
let detailedElementList;
let ExcStrCou = 1;
let detailedQueryString;
let usedElement;
let tagList = [];
let localSumResult;
let binderName;
var removeClearing;
var repeatableBlockIdentifier = 0;
var i;
if (contentLength < 1) {
contentLength = parent_with_content.innerText.length
}
rb_tempElement = document.querySelector('#rb_tempElement');
if (!rb_tempElement) {
rb_tempElement = document.createElement('span');
rb_tempElement.setAttribute('id', 'rb_tempElement');
}
function getFromConstructions(currentElement) {
if (currentElement.parentElement.tagName.toLowerCase() == "blockquote") {
currentElement = currentElement.parentElement;
/* initTargetToInsert(blockSettingArray, 'element', currentElement); */
currentElement.parentNode.insertBefore(rb_tempElement, currentElement);
rb_tempElement_check = true;
sameElementAfterFromConstruction=false;
} else if (["tr","td","th","thead","tbody","table"].includes(currentElement.parentElement.tagName.toLowerCase())) {
currentElement = currentElement.parentElement;
while (["tr","td","th","thead","tbody","table"].includes(currentElement.parentElement.tagName.toLowerCase())) {
currentElement = currentElement.parentElement;
}
currentElement.parentNode.insertBefore(rb_tempElement, currentElement);
rb_tempElement_check = true;
sameElementAfterFromConstruction=false;
}
return currentElement;
}
function directClassElementDetecting(blockSettingArray, directElement) {
let findQuery = 0;
let directClassElementResult = [];
currentElement = document.querySelectorAll(directElement);
if (currentElement.length > 0) {
if (blockSettingArray[i]['elementPlace'] > 1) {
if (currentElement.length >= blockSettingArray[i]['elementPlace']) {
currentElement = currentElement[blockSettingArray[i]['elementPlace']-1];
} else if (currentElement.length < blockSettingArray[i]['elementPlace']) {
currentElement = currentElement[currentElement.length - 1];
} else {
findQuery = 1;
}
} else if (blockSettingArray[i]['elementPlace'] < 0) {
if ((currentElement.length + blockSettingArray[i]['elementPlace'] + 1) > 0) {
currentElement = currentElement[currentElement.length + blockSettingArray[i]['elementPlace']];
} else {
findQuery = 1;
}
} else {
findQuery = 1;
}
} else {
findQuery = 1;
}
directClassElementResult['findQuery'] = findQuery;
directClassElementResult['currentElement'] = currentElement;
return directClassElementResult;
}
function placingToH1(usedElement, elementTagToFind) {
let uselessLet;
currentElement = usedElement.querySelectorAll(elementTagToFind);
if (currentElement.length < 1) {
if (usedElement.parentElement) {
uselessLet = placingToH1(usedElement.parentElement, elementTagToFind);
}
}
return currentElement;
}
function elementsCleaning(excArr, elList, pwcLocal, gatherString) {
let markedClass = 'rb_m_inc';
let markedClassBad = 'rb_m_exc';
let cou = 0;
let cou1 = 0;
let finalArr = [];
let finalArrClear = [];
let checkNearest;
let outOfRangeCheck;
let gatherRejected;
let allower;
try {
while (elList[cou]) {
allower = true;
if (!elList[cou].classList.contains(markedClassBad)) {
if (excArr&&excArr.length > 0) {
cou1 = 0;
while (excArr[cou1]) {
checkNearest = elList[cou].parentElement.closest(excArr[cou1]);
if (checkNearest) {
checkNearest.classList.add('currClosest');
outOfRangeCheck = pwcLocal.querySelector('.currClosest');
if (outOfRangeCheck) {
allower = false;
checkNearest.classList.add(markedClass);
gatherRejected = checkNearest.querySelectorAll(gatherString);
if (gatherRejected.length > 0) {
for (let i1 = 0; i1 < gatherRejected.length; i1++) {
gatherRejected[i1].classList.add(markedClassBad);
}
}
}
checkNearest.classList.remove('currClosest');
}
cou1++;
}
}
if (allower===true) {
elList[cou].classList.add(markedClass);
/* finalArr.push(elList[cou]); */
}
}
cou++;
}
finalArr = pwcLocal.querySelectorAll('.'+markedClass+':not('+markedClassBad+')');
finalArrClear = pwcLocal.querySelectorAll('.'+markedClass+',.'+markedClassBad);
if (finalArrClear&&finalArrClear.length > 0) {
for (let i1 = 0; i1 < finalArrClear.length; i1++) {
finalArrClear[i1].classList.remove(markedClass,markedClassBad);
}
}
} catch (er) {
console.log(er.message);
}
return finalArr;
}
function cureentElementsGather(usedElement, loopLimit = 2, localPwc = parent_with_content) {
let curElementSearchRepeater = true;
let curElementSearchCounter = 0;
let currentElementLoc = null;
let ExcludedStringBegin = '';
let ExcludedString = '';
let ExcludedStringEnd = '';
let tagListString = '';
let tagListStringExc = '';
let cou = 0;
/* let excArr = excIdClUnpacker(); */
let tagListCou = 0;
if (usedElement=='h1') {
currentElementLoc = placingToH1(localPwc, usedElement);
} else {
if (usedElement=='h2-4') {tagList = ['h2','h3','h3'];}
else {tagList = [usedElement]; }
while (tagList[tagListCou]) {
tagListString += ((cou++>0)?',':'')+tagList[tagListCou];
tagListStringExc += ':not('+tagList[tagListCou]+')';
tagListCou++;
}
ExcludedString = '';
if (excIdClass&&excIdClass.length > 0) {
for (let i2 = 0; i2 < excIdClass.length; i2++) {
if (excIdClass[i2].length > 0) {
ExcludedString += (i2>0?',':'')+excIdClass[i2]+tagListStringExc;
}
}
}
detailedQueryString += tagListString+','+ExcludedString;
/* console.log(detailedQueryString); */
while (curElementSearchRepeater&&curElementSearchCounter < loopLimit) {
try {
currentElementLoc = localPwc.querySelectorAll(tagListString);
} catch (e1) {console.log(e1.message);}
if (!currentElementLoc) {
if (localPwc.parentElement) {
localPwc = localPwc.parentElement;
} else {
break;
}
} else {
currentElementLoc = elementsCleaning(excIdClass, currentElementLoc, localPwc, detailedQueryString);
curElementSearchRepeater = false;
}
curElementSearchCounter++;
}
}
return currentElementLoc;
}
function currentElementReceiver(revert, localCurEl = currentElement) {
let origCurEl = localCurEl;
curSumResult = sumResult;
detailedElementList = localCurEl;
sameElementAfterWidth = false;
let testCou = 0;
while (detailedElementList[curSumResult]&&sameElementAfterWidth==false&&testCou < 8) {
localCurEl = detailedElementList[curSumResult];
try {
sameElementAfterWidth=true;
sameElementAfterWidth = checkAdsWidth(content_pointer, blockSettingArray[i]["elementPosition"], localCurEl);
} catch (ex) {
console.log(ex.message);
}
revert? curSumResult--: curSumResult++;
testCou++;
}
if (localCurEl) {
currentElementChecker = true;
}
return localCurEl?localCurEl:origCurEl;
}
function endingActions(block_number) {
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
}
for (i = 0; i < blockSettingArray.length; i++) {
currentElement = null;
currentElementChecker = false;
sameElementAfterWidth = false;
sameElementAfterExcClassId = false;
sameElementAfterFromConstruction = false;
tagListCou = 0;
poolbackI = 0;
detailedQueryString = '';
binderName = elementBinderNameGenerator();
try {
if (!blockSettingArray[i]["text"]
||(blockSettingArray[i]["text"]&&blockSettingArray[i]["text"].length < 1)
||(rejectedBlocks&&rejectedBlocks.includes(blockSettingArray[i]["id"]))
||((blockSettingArray[i]["maxHeaders"] > 0)&&(blockSettingArray[i]["maxHeaders"] < parseInt(termorarity_parent_with_content_length)))
||((blockSettingArray[i]["maxSymbols"] > 0)&&(blockSettingArray[i]["maxSymbols"] < parseInt(contentLength)))
||(content_pointer.classList.contains("hard-content")&&blockSettingArray[i]["setting_type"]!=3)
) {
blockSettingArray.splice(i--, 1);
poolbackI = 1;
continue;
}
block_number = 0;
elementToAdd = document.createElement("div");
elementToAdd.classList.add("percentPointerClass");
elementToAdd.classList.add("marked");
if (blockSettingArray[i]["sc"]==1) {
elementToAdd.classList.add("scMark");
}
elementToAdd.innerHTML = blockSettingArray[i]["text"];
elementToAdd.dataset.rbinder = binderName;
block_number = elementToAdd.children[0].attributes['data-id'].value;
if (blockDuplicate == 'no') {
if (usedBlockSettingArrayIds.length > 0) {
for (let i1 = 0; i1 < usedBlockSettingArrayIds.length; i1++) {
if (block_number==usedBlockSettingArrayIds[i1]) {
blockSettingArray.splice(i--, 1);
poolbackI = 1;
break;
}
}
if (poolbackI == 1) {
continue;
}
}
}
elementToAddStyle = createStyleElement(block_number, blockSettingArray[i]["elementCss"]);
if (elementToAddStyle&&elementToAddStyle!='default') {
elementToAdd.style.textAlign = elementToAddStyle;
}
if ((blockSettingArray[i]["minHeaders"] > 0)&&(blockSettingArray[i]["minHeaders"] > termorarity_parent_with_content_length)) {continue;}
if (blockSettingArray[i]["minSymbols"] > contentLength) {continue;}
if (blockSettingArray[i]["setting_type"] == 1) {
currentElement = cureentElementsGather(blockSettingArray[i]["element"].toLowerCase());
if (currentElement) {
if (blockSettingArray[i]["elementPlace"] < 0) {
sumResult = currentElement.length + blockSettingArray[i]["elementPlace"];
if (sumResult >= 0 && sumResult < currentElement.length) {
currentElement = currentElementReceiver(true);
}
} else {
sumResult = blockSettingArray[i]["elementPlace"] - 1;
if (sumResult < currentElement.length) {
currentElement = currentElementReceiver(false);
}
}
}
if (currentElement != undefined && currentElement != null && currentElementChecker) {
posCurrentElement = initTargetToInsert(blockSettingArray[i]["elementPosition"], 'element', currentElement);
currentElement.parentNode.insertBefore(elementToAdd, posCurrentElement);
currentElement.classList.add('rbinder-'+binderName);
elementToAdd.classList.remove('coveredAd');
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
rb_tempElement_check = false;
} else {
repeat = true;
}
}
else if (blockSettingArray[i]["setting_type"] == 2) {
if (blockDuplicate == 'no') {
blockSettingArray[i]["elementCount"] = 1;
}
repeatableCurrentElement = [];
reCou = 0;
curFirstPlace = blockSettingArray[i]["firstPlace"];
curElementCount = blockSettingArray[i]["elementCount"];
curElementStep = blockSettingArray[i]["elementStep"];
repeatableSuccess = false;
elementToAddStyle = createStyleElement(block_number, blockSettingArray[i]["elementCss"]);
repeatableCurrentElement = cureentElementsGather(blockSettingArray[i]["element"].toLowerCase());
if (repeatableCurrentElement) {
for (let i1 = 0; i1 < blockSettingArray[i]["elementCount"]; i1++) {
currentElementChecker = false;
let repElementToAdd = document.createElement("div");
repElementToAdd.classList.add("percentPointerClass");
repElementToAdd.classList.add("marked");
if (blockSettingArray[i]["sc"]==1) {
repElementToAdd.classList.add("scMark");
}
repElementToAdd.classList.add("repeatable-mark-"+repeatableBlockIdentifier);
repElementToAdd.innerHTML = blockSettingArray[i]["text"];
if (elementToAddStyle&&elementToAddStyle!='default') {
repElementToAdd.style.textAlign = elementToAddStyle;
}
sumResult = Math.round(parseInt(blockSettingArray[i]["firstPlace"]) + (i1*parseInt(blockSettingArray[i]["elementStep"])) - 1);
if (sumResult < repeatableCurrentElement.length) {
currentElement = currentElementReceiver(false, repeatableCurrentElement);
}
if (currentElement != undefined && currentElement != null && currentElementChecker) {
posCurrentElement = initTargetToInsert(blockSettingArray[i]["elementPosition"], 'element', currentElement);
currentElement.parentNode.insertBefore(repElementToAdd, posCurrentElement);
currentElement.classList.add('rbinder-'+binderName);
repElementToAdd.classList.remove('coveredAd');
curFirstPlace = sumResult + parseInt(blockSettingArray[i]["elementStep"]) + 1;
curElementCount--;
repeatableSuccess = true;
} else {
repeatableSuccess = false;
break;
}
}
}
if (repeatableSuccess==true) {
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
repeatableBlockIdentifier++;
} else {
if (!blockSettingArray[i]["unsuccess"]) {
blockSettingArray[i]["unsuccess"] = 1;
} else {
blockSettingArray[i]["unsuccess"] = Math.round(blockSettingArray[i]["unsuccess"] + 1);
}
if (blockSettingArray[i]["unsuccess"] > 10) {
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
} else {
blockSettingArray[i]["firstPlace"] = curFirstPlace;
blockSettingArray[i]["elementCount"] = curElementCount;
blockSettingArray[i]["elementStep"] = curElementStep;
repeat = true;
}
}
}
else if (blockSettingArray[i]["setting_type"] == 3) {
let elementTypeSymbol = '';
let elementSpaceSymbol = '';
let elementName = '';
let elementType = '';
let elementTag = '';
let findQuery = 0;
let directClassResult = [];
let directElement = blockSettingArray[i]["directElement"].trim();
if (directElement.search('#') > -1) {
findQuery = 1;
} else if ((directElement.search('#') < 0)&&(directElement.search('.') > -1)) {
directClassResult = directClassElementDetecting(blockSettingArray, directElement);
findQuery = directClassResult['findQuery'];
currentElement = directClassResult['currentElement'];
}
if (findQuery == 1) {
currentElement = document.querySelector(directElement);
}
if (currentElement) {
currentElementChecker = true;
}
if (currentElement != undefined && currentElement != null && currentElementChecker) {
posCurrentElement = initTargetToInsert(blockSettingArray[i]["elementPosition"], 'element', currentElement);
currentElement.parentNode.insertBefore(elementToAdd, posCurrentElement);
elementToAdd.classList.remove('coveredAd');
currentElement.classList.add('rbinder-'+binderName);
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
} else {
repeat = true;
}
}
else if (blockSettingArray[i]["setting_type"] == 4) {
document.querySelector("#content_pointer_id").parentElement.append(elementToAdd);
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
}
else if (blockSettingArray[i]["setting_type"] == 5) {
let currentElementList = cureentElementsGather('p', 1, content_pointer.parentElement);
if (currentElementList&¤tElementList.length > 0) {
let pCount = currentElementList.length;
let elementNumber = Math.round(pCount/2);
if (pCount > 1) {
currentElement = currentElementList[elementNumber+1];
}
if (currentElement != undefined && currentElement != null) {
if (pCount > 1) {
currentElement.parentNode.insertBefore(elementToAdd, currentElement);
} else {
currentElement.parentNode.insertBefore(elementToAdd, currentElement.nextSibling);
}
elementToAdd.classList.remove('coveredAd');
currentElement.classList.add('rbinder-'+binderName);
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
} else {
repeat = true;
}
} else {
repeat = true;
}
}
else if (blockSettingArray[i]["setting_type"] == 6) {
if (containerFor6th.length > 0) {
for (let j = 0; j < containerFor6th.length; j++) {
if (containerFor6th[j]["elementPlace"]>blockSettingArray[i]["elementPlace"]) {
/* continue; */
if (j == containerFor6th.length-1) {
containerFor6th.push(blockSettingArray[i]);
/* usedAdBlocksArray.push(checkIfBlockUsed); */
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
break;
}
} else {
for (let k = containerFor6th.length-1; k > j-1; k--) {
containerFor6th[k + 1] = containerFor6th[k];
}
containerFor6th[j] = blockSettingArray[i];
/* usedAdBlocksArray.push(checkIfBlockUsed); */
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
break;
}
}
} else {
containerFor6th.push(blockSettingArray[i]);
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
}
/* vidpravutu v vidstiinuk dlya 6ho tipa */
}
else if (blockSettingArray[i]["setting_type"] == 7) {
if (containerFor7th.length > 0) {
for (let j = 0; j < containerFor7th.length; j++) {
if (containerFor7th[j]["elementPlace"]>blockSettingArray[i]["elementPlace"]) {
/* continue; */
if (j == containerFor7th.length-1) {
containerFor7th.push(blockSettingArray[i]);
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
break;
}
} else {
for (let k = containerFor7th.length-1; k > j-1; k--) {
containerFor7th[k + 1] = containerFor7th[k];
}
containerFor7th[j] = blockSettingArray[i];
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
break;
}
}
} else {
containerFor7th.push(blockSettingArray[i]);
usedBlockSettingArrayIds.push(block_number);
blockSettingArray.splice(i--, 1);
poolbackI = 1;
}
/* vidpravutu v vidstiinuk dlya 7ho tipa */
}
} catch (e) {
console.log(e.message);
}
}
var array = textLengthGatherer(lordOfElements),
tlArray = array.array,
length = array.length;
if (containerFor6th.length > 0) {
percentInserter(lordOfElements, containerFor6th, tlArray, length);
}
if (containerFor7th.length > 0) {
symbolInserter(lordOfElements, containerFor7th, tlArray);
}
shortcodesInsert();
let stopper = 0;
window.addEventListener('load', function () {
if (repeat = true) {
setTimeout(function () {
/* asyncBlocksInsertingFunction(blockSettingArray, contentLength) */
asyncBlocksInsertingFunction(blockSettingArray);
}, 100);
}
});
} catch (e) {
console.log(e.message);
}
}
function possibleTagsInCheckConfirmer(possibleTagsArray, possibleTagsInCheck) {
if (possibleTagsArray.includes("LI")) {
if (possibleTagsArray.includes("UL")) {
possibleTagsInCheck.push("UL");
}
if (possibleTagsArray.includes("OL")) {
possibleTagsInCheck.push("OL");
}
}
return false;
}
function textLengthGatherer(lordOfElementsLoc) {
var possibleTagsArray;
if (typeof tagsListForTextLength!=="undefined") {
possibleTagsArray = tagsListForTextLength;
} else {
possibleTagsArray = ["P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV", "BLOCKQUOTE", "INDEX", "ARTICLE", "SECTION"];
}
let possibleTagsInCheck = ["DIV", "INDEX", "SECTION"];
possibleTagsInCheckConfirmer(possibleTagsArray, possibleTagsInCheck);
let excArr = excIdClUnpacker(),
textLength = 0,
tlArray = [];
function textLengthGathererRec(lordOfElementsLoc) {
let allowed;
let cou1;
let classesArray;
let countSuccess = 0;
try {
for (let i = 0; i < lordOfElementsLoc.children.length; i++) {
if (possibleTagsArray.includes(lordOfElementsLoc.children[i].tagName)
&&!lordOfElementsLoc.children[i].classList.contains("percentPointerClass")
&&lordOfElementsLoc.children[i].id!="toc_container"
) {
if (possibleTagsInCheck.includes(lordOfElementsLoc.children[i].tagName)
&&(lordOfElementsLoc.children[i].children.length > 0)
) {
allowed = true;
if (lordOfElementsLoc.children[i].id&&excArr['id'].length > 0) {
cou1 = 0;
while (excArr['id'][cou1]) {
if (lordOfElementsLoc.children[i].id.toLowerCase()==excArr['id'][cou1].toLowerCase()) {
allowed = false;
break;
}
cou1++;
}
}
if (lordOfElementsLoc.children[i].classList.length > 0&&excArr['class'].length > 0) {
cou1 = 0;
while (excArr['class'][cou1]) {
classesArray = excArr['class'][cou1].split('.');
if (classesArray.every(className => lordOfElementsLoc.children[i].classList.contains(className))) {
allowed = false;
break;
}
cou1++;
}
}
if (excArr['tag'].length > 0) {
cou1 = 0;
while (excArr['tag'][cou1]) {
if (lordOfElementsLoc.children[i].tagName.toLowerCase()==excArr['tag'][cou1].toLowerCase()) {
allowed = false;
break;
}
cou1++;
}
}
if (allowed) {
if (textLengthGathererRec(lordOfElementsLoc.children[i], excArr, possibleTagsArray, possibleTagsInCheck)) {
countSuccess++;
continue;
}
}
}
textLength = textLength + lordOfElementsLoc.children[i].innerText.length;
tlArray.push({
tag: lordOfElementsLoc.children[i].tagName,
length: lordOfElementsLoc.children[i].innerText.length,
lengthSum: textLength,
element: lordOfElementsLoc.children[i]
});
countSuccess++;
}
}
} catch (er) {
console.log(er.message);
}
return countSuccess > 0;
}
textLengthGathererRec(lordOfElementsLoc);
return {array: tlArray, length: textLength};
}
window.asyncFunctionLauncher = function() {
if (window.jsInputerLaunch !== undefined
&&[15, 10].includes(window.jsInputerLaunch)
&&(typeof asyncBlocksInsertingFunction !== 'undefined' )
&&(typeof asyncBlocksInsertingFunction === 'function')
&&typeof endedSc!=='undefined'&&
typeof endedCc!=='undefined'&&
typeof usedAdBlocksArray!=='undefined'&&
typeof usedBlockSettingArrayIds!=='undefined'&&
typeof sameElementAfterWidth!=='undefined'&&
typeof sameElementAfterExcClassId!=='undefined'&&
typeof sameElementAfterFromConstruction!=='undefined'&&
typeof rb_tempElement_check!=='undefined'&&
typeof rb_tempElement!=='undefined'&&
typeof window.jsInputerLaunch!=='undefined') {
/* asyncBlocksInsertingFunction(blockSettingArray, contentLength); */
asyncBlocksInsertingFunction(blockSettingArray);
if (!endedSc) {
shortcodesInsert();
}
if (!endedCc) {
/* clearUnsuitableCache(0); */
}
/* blocksReposition();
cachePlacing();
symbolMarkersPlaced(); */
} else {
setTimeout(function () {
asyncFunctionLauncher();
}, 50);
}
};
/* asyncFunctionLauncher(); */
function asyncInsertingsInsertingFunction(insertingsArray) {
let currentElementForInserting = 0;
let currentElementToMove = 0;
let positionElement = 0;
let position = 0;
let insertToAdd = 0;
let postId = 0;
let repeatSearch = 0;
if (insertingsArray&&insertingsArray.length > 0) {
for (let i = 0; i < insertingsArray.length; i++) {
if (!insertingsArray[i]['used']||(insertingsArray[i]['used']&&insertingsArray[i]['used']==0)) {
positionElement = insertingsArray[i]['position_element'];
position = insertingsArray[i]['position'];
insertToAdd = insertingsArray[i]['content'];
postId = insertingsArray[i]['postId'];
currentElementForInserting = document.querySelector(positionElement);
currentElementToMove = document.querySelector('.coveredInsertings[data-id="'+postId+'"]');
if (currentElementForInserting) {
if (position==0) {
currentElementForInserting.parentNode.insertBefore(currentElementToMove, currentElementForInserting);
currentElementToMove.classList.remove('coveredInsertings');
insertingsArray[i]['used'] = 1;
} else {
currentElementForInserting.parentNode.insertBefore(currentElementToMove, currentElementForInserting.nextSibling);
currentElementToMove.classList.remove('coveredInsertings');
insertingsArray[i]['used'] = 1;
}
} else {
repeatSearch = 1;
}
}
}
}
if (repeatSearch == 1) {
setTimeout(function () {
asyncInsertingsInsertingFunction(insertingsArray);
}, 100)
}
}
function insertingsFunctionLaunch() {
if (window.jsInsertingsLaunch !== undefined&&jsInsertingsLaunch == 25) {
asyncInsertingsInsertingFunction(insertingsArray);
} else {
setTimeout(function () {
insertingsFunctionLaunch();
}, 100)
}
}
function setLongCache() {
let xhttp = new XMLHttpRequest();
let sendData = 'action=setLongCache&type=longCatching';
xhttp.onreadystatechange = function(redata) {
if (this.readyState == 4 && this.status == 200) {
console.log('long cache deployed');
}
};
xhttp.open("POST", rb_ajaxurl, true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(sendData);
}
function cachePlacing(alert_type, errorInfo=null) {
let adBlocks = document.querySelectorAll('.percentPointerClass .' + block_classes.join(', .percentPointerClass .'));
let curAdBlock;
let okStates = ['done','refresh-wait','no-block','fetched'];
/* let adId = -1; */
let blockAid = null;
let blockId;
if (typeof cachedBlocksArray !== 'undefined'&&cachedBlocksArray&&cachedBlocksArray.length > 0&&adBlocks&&adBlocks.length > 0) {
for (let i = 0; i < adBlocks.length; i++) {
blockAid = adBlocks[i]['dataset']['aid'];
if (!blockAid) {
blockId = adBlocks[i]['dataset']['id'];
if (cachedBlocksArray[blockId]) {
jQuery(adBlocks[i]).html(cachedBlocksArray[blockId]);
}
}
}
}
if (alert_type&&alert_type=='high') {
setLongCache();
}
}
function symbolInserter(lordOfElements, containerFor7th, tlArray) {
try {
var currentChildrenLength = 0;
let previousBreak = 0;
let needleLength;
let currentSumLength;
let elementToAdd;
let elementToBind;
let elementToAddStyle;
let block_number;
let binderName;
if (!document.getElementById("markedSpan1")) {
for (let i = 0; i < containerFor7th.length; i++) {
previousBreak = 0;
currentChildrenLength = 0;
currentSumLength = 0;
needleLength = Math.abs(containerFor7th[i]['elementPlace']);
binderName = elementBinderNameGenerator();
elementToAdd = document.createElement("div");
elementToAdd.classList.add("percentPointerClass");
elementToAdd.classList.add("marked");
if (containerFor7th[i]["sc"]==1) {
elementToAdd.classList.add("scMark");
}
elementToAdd.dataset.rbinder = binderName;
elementToAdd.innerHTML = containerFor7th[i]["text"];
block_number = elementToAdd.children[0].attributes['data-id'].value;
if (!elementToAdd) {
continue;
}
elementToAddStyle = createStyleElement(block_number, containerFor7th[i]["elementCss"]);
if (elementToAddStyle&&elementToAddStyle!='default') {
elementToAdd.style.textAlign = elementToAddStyle;
}
if (containerFor7th[i]['elementPlace'] < 0) {
for (let j = tlArray.length-1; j > -1; j--) {
currentSumLength = currentSumLength + tlArray[j]['length'];
if (needleLength < currentSumLength) {
elementToBind = tlArray[j]['element'];
elementToBind = currentElementReceiverSpec(true, j, tlArray, elementToBind);
elementToBind.parentNode.insertBefore(elementToAdd, elementToBind);
elementToBind.classList.add('rbinder-'+binderName);
elementToAdd.classList.remove('coveredAd');
break;
}
}
} else if (containerFor7th[i]['elementPlace'] == 0) {
elementToBind = tlArray[0]['element'];
elementToBind.parentNode.insertBefore(elementToAdd, elementToBind);
elementToBind.classList.add('rbinder-'+binderName);
elementToAdd.classList.remove('coveredAd');
} else {
for (let j = 0; j < tlArray.length; j++) {
currentSumLength = currentSumLength + tlArray[j]['length'];
if (needleLength < currentSumLength) {
elementToBind = tlArray[j]['element'];
elementToBind = currentElementReceiverSpec(false, j, tlArray, elementToBind);
elementToBind.parentNode.insertBefore(elementToAdd, elementToBind.nextSibling);
elementToBind.classList.add('rbinder-'+binderName);
elementToAdd.classList.remove('coveredAd');
break;
}
}
}
}
var spanMarker = document.createElement("span");
spanMarker.setAttribute("id", "markedSpan1");
lordOfElements.prepend(spanMarker);
}
} catch (e) {
console.log(e);
}
}
function percentInserter(lordOfElements, containerFor6th, tlArray, textLength) {
try {
var textNeedyLength = 0;
let elementToAdd;
var elementToBind;
let elementToAddStyle;
let block_number;
var binderName;
/* var checkIfBlockUsed = 0; */
function insertByPercents(textLength) {
let localMiddleValue = 0;
for (let j = 0; j < containerFor6th.length; j++) {
textNeedyLength = Math.round(textLength * (containerFor6th[j]["elementPlace"]/100));
for (let i = 0; i < tlArray.length; i++) {
if (tlArray[i]['lengthSum'] >= textNeedyLength) {
binderName = elementBinderNameGenerator();
elementToAdd = document.createElement("div");
elementToAdd.classList.add("percentPointerClass");
elementToAdd.classList.add("marked");
if (containerFor6th[j]["sc"]==1) {
elementToAdd.classList.add("scMark");
}
elementToAdd.dataset.rbinder = binderName;
elementToAdd.innerHTML = containerFor6th[j]["text"];
if (!elementToAdd) {
break;
}
block_number = elementToAdd.children[0].attributes['data-id'].value;
elementToAddStyle = createStyleElement(block_number, containerFor6th[j]["elementCss"]);
if (elementToAddStyle&&elementToAddStyle!='default') {
elementToAdd.style.textAlign = elementToAddStyle;
}
localMiddleValue = tlArray[i]['lengthSum'] - Math.round(tlArray[i]['length']/2);
elementToBind = tlArray[i]['element'];
currentElementReceiverSpec(false, i, tlArray, elementToBind);
if (textNeedyLength < localMiddleValue) {
elementToBind.parentNode.insertBefore(elementToAdd, elementToBind);
} else {
elementToBind.parentNode.insertBefore(elementToAdd, elementToBind.nextSibling);
}
elementToBind.classList.add('rbinder-'+binderName);
elementToAdd.classList.remove('coveredAd');
break;
}
}
}
return false;
}
function clearTlMarks() {
let marksForDeleting = document.querySelectorAll('.textLengthMarker');
if (marksForDeleting.length > 0) {
for (let i = 0; i < marksForDeleting.length; i++) {
marksForDeleting[i].remove();
}
}
}
if (!document.getElementById("markedSpan")) {
insertByPercents(textLength);
clearTlMarks();
var spanMarker = document.createElement("span");
spanMarker.setAttribute("id", "markedSpan");
lordOfElements.prepend(spanMarker);
}
} catch (e) {
console.log(e.message);
}
}
function saveContentBlock(contentContainer) {
try {
if (!gather_content) {
console.log('content gather save function entered');
let xhttp = new XMLHttpRequest();
let sendData = 'action=RFWP_saveContentContainer&type=gatherContentBlock&data='+contentContainer;
xhttp.onreadystatechange = function(redata) {
if (this.readyState == 4 && this.status == 200) {
console.log('content gather succeed');
} else {
console.log('content gather gone wrong');
}
};
xhttp.open("POST", rb_ajaxurl, true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(sendData);
}
} catch (er) {
console.log('content gather error: '+er+';');
}
}
window.gatherContentBlock = function() {
let cPointer = null,
cPointerParent = null,
cPointerParentString = null,
classWords = ['content','entry','post','wrap','description','taxonomy'],
classChoosed = false;
cPointer = document.querySelector('#content_pointer_id');
if (cPointer) {
if (window.jsInputerLaunch!==15) {
return false;
}
cPointerParent = cPointer.parentElement;
if (cPointerParent) {
if (cPointerParent.id) {
cPointerParentString = '#'+cPointerParent.id;
} else {
if (cPointerParent.classList.length > 0) {
cPointerParentString = '.'+cPointerParent.classList[0];
for (let j = 0; j < classWords.length; j++) {
for (let i = 0; i < cPointerParent.classList.length; i++) {
if (cPointerParent.classList[i].includes(classWords[j])) {
cPointerParentString = '.'+cPointerParent.classList[i];
classChoosed = true;
break;
}
}
if (classChoosed===true) {
break;
}
}
}
}
if (cPointerParentString) {
console.log('content gather content block detected');
/* cPointerParentString = JSON.stringify(cPointerParentString); */
saveContentBlock(cPointerParentString);
}
}
} else {
console.log('content gather delayed');
setTimeout(function () {
gatherContentBlock();
}, 500);
}
};
window.removeMarginClass = function(blockObject) {
if (blockObject && typeof window.jsInputerLaunch !== 'undefined' && [15, 10].includes(window.jsInputerLaunch)) {
let binderName,
neededElement,
currentDirection,
seekerIterationCount,
currentSubling;
binderName = blockObject.dataset.rbinder;
if (binderName) {
seekerIterationCount = 0;
currentDirection = 'before';
do {
seekerIterationCount++;
currentSubling = blockObject.nextElementSibling;
if (currentSubling&¤tSubling.classList.contains('rbinder-'+binderName)) {
neededElement = currentSubling;
}
} while (currentSubling&&!neededElement&&seekerIterationCount < 5);
if (!neededElement) {
seekerIterationCount = 0;
currentDirection = 'after';
do {
seekerIterationCount++;
currentSubling = blockObject.previousElementSibling;
if (currentSubling&¤tSubling.classList.contains('rbinder-'+binderName)) {
neededElement = currentSubling;
}
} while (currentSubling&&!neededElement&&seekerIterationCount < 5);
}
if (neededElement) {
if (currentDirection === 'before') {
neededElement.classList.remove('rfwp_removedMarginTop');
} else {
neededElement.classList.remove('rfwp_removedMarginBottom');
}
}
}
}
return false;
};
function elementBinderNameGenerator() {
let binderName = '',
checkedElements,
passed = false;
while (passed===false) {
binderName = Math.floor(Math.random()*100000);
checkedElements = document.querySelectorAll('[data-rbinder="'+binderName+'"]');
if (checkedElements.length < 1) {
passed = true;
}
}
return binderName;
}
</script>
<link rel='stylesheet' id='na5ku-guest.css-css' href='https://ukrreferat.com/wp-content/plugins/cabinet_partner_na5ku/assets/css/na5ku-guest.css?ver=1730278152' type='text/css' media='all' />
<script type='text/javascript' src='https://ukrreferat.com/wp-content/themes/ukrreferat/assets/js/dev/scrollmagic.min.js?ver=4.9.26'></script>
<script type='text/javascript' src='https://ukrreferat.com/wp-content/themes/ukrreferat/assets/js/side-ads.min.js?ver=4.9.26'></script>
<script type='text/javascript' src='https://ukrreferat.com/wp-includes/js/comment-reply.min.js?ver=4.9.26'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var newsletter = {"messages":{"email_error":"\u041d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 email-\u0430\u0434\u0440\u0435\u0441","name_error":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f","surname_error":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043c\u0438\u043b\u0438\u044e","privacy_error":"You must accept the privacy policy"},"profile_max":"20"};
/* ]]]]><![CDATA[> */
</script>
<script type='text/javascript' src='https://ukrreferat.com/wp-content/plugins/newsletter/subscription/validate.js?ver=5.8.2'></script>
<script type='text/javascript' src='https://ukrreferat.com/wp-includes/js/wp-embed.min.js?ver=4.9.26'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js?config=TeX-AMS-MML_HTMLorMML&ver=1.3.12'></script>
<!-- KCCounter --><script>(function(){let kcckey = 'kcccount';let pidkey = 'kccpid';let urlpatt = 'https://ukrreferat.com?download={download}&kccpid={in_post}&kcccount={url}';let aclass = 'count';let q_symbol_alts__fn = function(url){return url.replace( /[?]/g, '__QUESTION__' ).replace( /[&]/g, '__AMPERSAND__' );};document.addEventListener( 'mouseover', function( ev ){let a = ev.target;if( 'A' !== a.tagName || a.href.indexOf( kcckey ) === -1 )return;let realurl = a.href.match( new RegExp( kcckey +'=(.*)' ) )[1];if( realurl ){if( parseInt( realurl ) )realurl = '/#download'+ realurl;a.dataset.kccurl = a.href.replace( realurl, q_symbol_alts__fn(realurl) );a.href = realurl;}});let clickEventHandler = function( ev ){let a = ev.target;if( 'A' !== ev.target.tagName )return;if( a.dataset.kccurl ){a.href = a.dataset.kccurl;return;}let href = a.href;if( href.indexOf( kcckey ) !== -1 ){let url = href.match( new RegExp( kcckey +'=(.*)' ) )[1];if( url ){if( !! parseInt(url) )url = '/#download'+ url;a.href = url;a.dataset.kccurl = href.replace( url, q_symbol_alts__fn(url) );}}else if( a.classList.contains( aclass ) ){let pid = a.dataset[ pidkey ] || '';let kccurl;kccurl = urlpatt.replace( '{in_post}', pid );kccurl = kccurl.replace( '{download}', ( a.dataset.kccdownload ? 1 : '' ) );kccurl = kccurl.replace( '{url}', q_symbol_alts__fn( href ) );a.dataset.kccurl = kccurl;}a.dataset.kccurl && ( a.href = a.dataset.kccurl );};document.addEventListener( 'click', clickEventHandler );document.addEventListener( 'mousedown', clickEventHandler );document.addEventListener( 'contextmenu ', clickEventHandler );})();</script>
<script src='//yastatic.net/es5-shims/0.0.2/es5-shims.min.js' defer></script>
<script src='//yastatic.net/share2/share.js' defer></script>
<script src='/adb_script/mistakes/mistakes.js' async></script>
<link rel="stylesheet" href="/adb_script/misc.css?v=2.5.4" media="nope!" onload="this.media='all'">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="nope!" onload="this.media='all'">
<!-- Стили из плагина Na5ku (edu-master) , при обновлении плагина закоментировать их в плагине -->
<link rel='stylesheet' href='https://ukrreferat.com/wp-content/plugins/contact-form-7/includes/css/styles.css'>
<link rel='stylesheet' href='https://ukrreferat.com/wp-content/plugins/newsletter/style.css' type='text/css' media='all' />
<script src='/adb_script/misc.js?ver=3.3'></script>
<link rel="stylesheet" href="/adb_script/custom.css?v=2">
<script src="/adb_script/sweetalert2.js" defer></script>
<script src="/adb_script/script_adb.js"></script>
<script async src="/adb_script/nocopy.js" defer></script>
<!-- edu-master
<script type="text/javascript">
(function(w,d){
w.HelpCrunch=function(){w.HelpCrunch.q.push(arguments)};w.HelpCrunch.q=[];
function r(){var s=document.createElement('script');s.async=1;s.type='text/javascript';s.src='https://widget.helpcrunch.com/';(d.body||d.head).appendChild(s);}
if(w.attachEvent){w.attachEvent('onload',r)}else{w.addEventListener('load',r,false)}
})(window, document)
</script>
<script type="text/javascript">
HelpCrunch('init', 'kabinetavtora', {
applicationId: 4,
applicationSecret: 'S4UBgfr/d0/qaPKhJUiExTgrHFRWDvAoJY+XxnqPH34BmBqt/3lpBE1aN3B5zjCqyI0E+I8W8ztoqwna3lkCEA=='
})
HelpCrunch('showChatWidget');
</script>-->
<script>
var imgs = document.querySelectorAll('img');
[].forEach.call(imgs, function(element, index, array) {
// add a new class
element.classList.add("lozad"); });
</script>
<script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>
<script>
const observer = lozad();
observer.observe();
</script>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/
Page Caching using disk
Database Caching 43/163 queries in 0.078 seconds using disk
Served from: ukrreferat.com @ 2024-10-30 13:49:13 by W3 Total Cache
-->]]></plaintext></p></div></div>
