Створити розширення для Chrome (linux)
function F1() {
// пошук певного хтмл-блоку, блок динамічний та появляется через 1-3сек після відкриття сайту
// якщо календар знайдений:
// 1. парситься зміст, дат (d-is-cta d-is-clickable; d-is-clickable, d-is-unavailable) приклад HTML-блоку наведено в кінці
// 2. результат парсингу передається в функцію F2(parsedData)
// якщо календар не знайдено: setTimeout(F, 1000); - через 1сек заново пошук до 10ти разів
}
function F2(parsedData) {
// відправка HTTP POST у форматі JSON в довільній формі структури, наприклад:
// [ { "date": "2023-12-01", "status": "clickable"}, ..., ]; status = [cta, clickacble, unavailable]
// віддалений сервер приймає запит, обробляє, у відповіть відправляє адресу сторінку на котру має бути здійснений перехід з поточної ( HTTP Status 200OK, тіло {"redirect":"http://example.com"})
}
HTML-блок одного місяця в календарі:
<div class="d-calendar">
<div class="d-month">
<div data-next="2023-11-01" class="d-js-nav d-prev">
<i class="material-icons">navigate_before</i>
</div>
декабрь 2023
<div data-next="2024-01-01" class="d-js-nav d-next">
<i class="material-icons">navigate_next</i>
</div>
</div>
<div class="d-weekdays">пн</div>
<div class="d-weekdays">вт</div>
<div class="d-weekdays">ср</div>
<div class="d-weekdays">чт</div>
<div class="d-weekdays">пт</div>
<div class="d-weekdays">сб</div>
<div class="d-weekdays">вс</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-unavailable" data-date="2023-12-01">
<div>1</div>
</div>
<div class="d-is-unavailable" data-date="2023-12-02">
<div>2</div>
</div>
<div class="d-is-clickable" data-date="2023-12-03">
<span>UAH<div>1053</div></span>
<div>3</div>
</div>
<div class="d-is-clickable" data-date="2023-12-04">
<span>UAH<div>1171</div></span>
<div>4</div>
</div>
<div class="d-is-clickable" data-date="2023-12-05">
<span>UAH<div>1272</div></span>
<div>5</div>
</div>
<div class="d-is-cta d-is-clickable" data-date="2023-12-06">
<span>UAH<div>1861</div></span>
<div>6</div>
</div>
<div class="d-is-clickable" data-date="2023-12-07">
<span>UAH<div>1865</div></span>
<div>7</div>
</div>
<div class="d-is-clickable" data-date="2023-12-08">
<span>UAH<div>2116</div></span>
<div>8</div>
</div>
<div class="d-is-clickable" data-date="2023-12-09">
<span>UAH<div>2351</div></span>
<div>9</div>
</div>
<div class="d-is-clickable" data-date="2023-12-10">
<span>UAH<div>1595</div></span>
<div>10</div>
</div>
<div class="d-is-clickable" data-date="2023-12-11">
<span>UAH<div>1612</div></span>
<div>11</div>
</div>
<div class="d-is-clickable" data-date="2023-12-12">
<span>UAH<div>1861</div></span>
<div>12</div>
</div>
<div class="d-is-clickable" data-date="2023-12-13">
<span>UAH<div>1861</div></span>
<div>13</div>
</div>
<div class="d-is-clickable" data-date="2023-12-14">
<span>UAH<div>2138</div></span>
<div>14</div>
</div>
<div class="d-is-clickable" data-date="2023-12-15">
<span>UAH<div>1990</div></span>
<div>15</div>
</div>
<div class="d-is-cta d-is-clickable" data-date="2023-12-16">
<span>UAH<div>2279</div></span>
<div>16</div>
</div>
<div class="d-is-clickable" data-date="2023-12-17">
<span>UAH<div>1420</div></span>
<div>17</div>
</div>
<div class="d-is-clickable" data-date="2023-12-18">
<span>UAH<div>1561</div></span>
<div>18</div>
</div>
<div class="d-is-clickable" data-date="2023-12-19">
<span>UAH<div>1764</div></span>
<div>19</div>
</div>
<div class="d-is-clickable" data-date="2023-12-20">
<span>UAH<div>1745</div></span>
<div>20</div>
</div>
<div class="d-is-clickable" data-date="2023-12-21">
<span>UAH<div>1963</div></span>
<div>21</div>
</div>
<div class="d-is-clickable" data-date="2023-12-22">
<span>UAH<div>1986</div></span>
<div>22</div>
</div>
<div class="d-is-clickable" data-date="2023-12-23">
<span>UAH<div>2230</div></span>
<div>23</div>
</div>
<div class="d-is-clickable" data-date="2023-12-24">
<span>UAH<div>1561</div></span>
<div>24</div>
</div>
<div class="d-is-clickable" data-date="2023-12-25">
<span>UAH<div>1544</div></span>
<div>25</div>
</div>
<div class="d-is-clickable" data-date="2023-12-26">
<span>UAH<div>1764</div></span>
<div>26</div>
</div>
<div class="d-is-clickable" data-date="2023-12-27">
<span>UAH<div>1784</div></span>
<div>27</div>
</div>
<div class="d-is-clickable" data-date="2023-12-28">
<span>UAH<div>1986</div></span>
<div>28</div>
</div>
<div class="d-is-clickable" data-date="2023-12-29">
<span>UAH<div>2007</div></span>
<div>29</div>
</div>
<div class="d-is-clickable" data-date="2023-12-30">
<span>UAH<div>2279</div></span>
<div>30</div>
</div>
<div class="d-is-clickable" data-date="2023-12-31">
<span>UAH<div>4683</div></span>
<div>31</div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<div class="d-is-empty">
<div></div>
</div>
<span class="d-calendar__labels d-flex d-flex-wrap">
<div class="d-select-date__label">
<div class="d-datepicker-label d-datepicker-label--outline">— сегодня</div>
</div>
<div class="d-select-date__label">
<div class="d-datepicker-label d-datepicker-label--fill">— выбранные даты</div>
</div>
</span>
</div>
-
1 день500 UAH
411 6 1 1 день500 UAH
Я вітаю вас! Сподіваюся, ви знайдете те, що ви шукаєте.
Готов взяти на себе виклик і спробувати реалізувати свій проект.
-
1 день3000 UAH
953 11 0 1 день3000 UAH
Вітаю, маю величезний досвід розробки хром додатків. Звертайтеся, зроблю швидко і у найкращому вигляді!!
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 5 годин 55 хвилин тому ∙ 58 ставок |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 1 день 2 години тому ∙ 27 ставок |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 3 дні 4 години тому ∙ 62 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 5 годин тому ∙ 27 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 20 годин тому ∙ 35 ставок |
Київ