start it with a server, like : alive-server
- https://www.npmjs.com/package/alive-server
- install :
npm install -g alive-server
function replaceHtml(elementToReplace, contentToLoad) { let oldContent = elementToReplace.innerHTML; let newContent = deserialize_html(contentToLoad); let targetName = elementToReplace.dataset.target; let contentElement = findClassInHtmlcollection(newContent, targetName); if (contentElement) content_element.outerHTML = oldContent;
elementToReplace.replaceWith(...newContent);
};
function loadHtml() { let elements = document.getElementsByClassName("load_html"); for (let elementToReplace of elements) { let path = (elementToReplace.dataset.path); fetch(path) .then(response => response.text()) .then(contentToLoad => replaceHtml(elementToReplace, contentToLoad)) .catch(error => console.log('Error:', error)); }; }
function replace_html(element_to_replace, content_to_load) { let old_content = element_to_replace.innerHTML; let new_content = deserialize_html(content_to_load); let target_name = element_to_replace.dataset.target; let content_element = find_class_in_htmlcollection(new_content, target_name); if (content_element) content_element.outerHTML = old_content;
element_to_replace.replaceWith(...new_content);
};
function load_html() { let elements = document.getElementsByClassName("load_html"); for (let element_to_replace of elements) { let path = (element_to_replace.dataset.path); fetch(path) .then(response => response.text()) .then(content_to_load => replace_html(element_to_replace, content_to_load)) .catch(error => console.log('Error:', error)); }; }
https://www.youtube.com/watch?v=elt5zpcTlOE
- 00:00:00 Flowers (Miley Cyrus, 2022)
- 00:03:11 Calm Down (Rema, Selena Gomez)
- 00:07:07 Dusk Till Dawn (Zayn, Sia, cover ?)
- 00:10:17 Old Town Road (Lil Nas X, Billy Ray Cyrus, Jatayu cover)
- 00:12:47 Stay (The Kid Laroi, Justin Bieber, cover ?)
- 00:15:07 Kill Bill (Sza, cover ?)
- 00:17:41 Treat You Better (Shawn Mendes, cover ?)
- 00:20:34 We Don't Talk Anymore ()
- 00:23:35 Unstoppable ()
- 00:27:21 See You Again ()
- 00:30:11 24K Magic - Bruno Mars ()
- 00:33:39 Bad Habits ()
- 00:36:39 This Is What You Came For ()
- 00:40:35 Sugar ()
- 00:44:28 Side to Sise ()
- 00:47:58 Im The One ()
- 00:51:10 Sorry - Justin Bieber ()
- 00:54:16 Wthout Me - Halsey ()
- 00:55:57 Lose You To Love Me ()
- 00:58:08 Work From Home ()
- 01:00:35 Havana ()
- 01:02:54 Shivers ()
- 01:06:24 Save Your Tears ()
- 01:09:59 Peaches ()
- 01:12:01 Cheap Thrills ()
- 01:13:57 Rihanna - Work ()
- 01:17:23 Easy On Me ()
- 01:21:01 Señorita - Shawn Mendes ()
- 01:24:11 New Rules ()
- 01:27:40 The Greatest - Sia ()
- 01:29:50 Shape Of You ()
- 01:33:12 Attention ()
- 01:36:25 Monsters ()
- 01:37:52 Good 4 U ()
- 01:41:38 Faded ()
- 01:45:06 Send My Love ()
- 01:48:43 What About Us ()
- 01:53:14 Let Me Love You ()
- 01:56:48 I Don't Care ()
- 01:59:47 There's Nothing Holding Me Back ()
- 02:03:07
- 02:05:48
- 02:07:30
- 02:10:23
- 02:13:13
- 02:16:30
- 02:18:38
- 02:23:26
- 02:26:39
- 02:29:18
- 00:00:00 Flowers
- 00:03:11 Calm Down
- 00:07:07 Dusk Till Dawn
- 00:10:17 Old Town Road
- 00:12:47 Stay
- 00:15:07 Kill Bill
- 00:17:41 Treat You Better
- 00:20:34 We Don't Talk Anymore
- 00:23:35 Unstoppable
- 00:27:21 See You Again
- 00:30:11 24K Magic
- 00:33:39 Bad Habits
- 00:36:39 This Is What You Came For
- 00:40:35 Sugar
- 00:44:28 Side to Sise
- 00:47:58 Im The One
- 00:51:10 Sorry
- 00:54:16 Wthout Me
- 00:55:57 Lose You To Love Me
- 00:58:08 Work From Home
- 01:00:35 Havana
- 01:02:54 Shivers
- 01:06:24 Save Your Tears
- 01:09:59 Peaches
- 01:12:01 Cheap Thrills
- 01:13:57 Work
- 01:17:23 Easy On Me
- 01:21:01 Señorita
- 01:24:11 New Rules
- 01:27:40 The Greatest
- 01:29:50 Shape Of You
- 01:33:12 Attention
- 01:36:25 Monsters
- 01:37:52 Good 4 U
- 01:41:38 Faded
- 01:45:06 Send My Love
- 01:48:43 What About Us
- 01:53:14 Let Me Love You
- 01:56:48 I Don't Care
- 01:59:47 There's Nothing Holding Me Back
- 02:03:07 ?
- 02:05:48 ?
- 02:07:30 ?
- 02:10:23 ?
- 02:13:13 ?
- 02:16:30 ?
- 02:18:38 ?
- 02:23:26 ?
- 02:26:39 ?
- 02:29:18 ?