Modularity JS Library by Punkydg icon

Modularity JS Library by Punkydg

Go to Website
Hot or Not
Modularity JS Library by Punkydg

Description

With these single global function packed in small footprint js library file, you can make your multi pages html process more efficient. In traditional way, we have to rewrite/includes all headers (styles and script block) all over again in every html page in our project. The only to way to connect all those html page are through a href or using framework with SPA based concept. Using this single library now we can link all those html page in a modular way, which means we only require headers (styles and script block) only once, will be able to place our html+javascript module file to specific target element in our main file, and also the best part is we do not need any frontend framework to achieve that.

Features

This packages includes mini project (index.html modules css js) to show how to use this library.  Within modularity.min.js there is 1 global function :

1. loadModule : function to load other formated html page as a module

Requirements

Standar browser with javascript enabled

Instructions

1. link modularity.min.js to your script src attribute, included in your main html file

2. make your module html file with below structures :  

Other module

3. use global function loadModule in your main html file to load other html formated file const res = await loadModule('modules/frmUser') or const res = await loadModule('modules/frmUser', '#target_element') or loadModule('modules/frmUser') if you're not require to verify its response

** Example how to implement can be found in index.html

Authorpunkydg
CategoryScripts & Code / JavaScript / Miscellaneous
Price$25
Likes1
First ReleaseMay 16, 2024
Last UpdateMay 16, 2024
Files included.css, .html, JavaScript .js

Categories

Scripts & Code

Tags

android app templatesapp source codeapp templatesbuygraphicsiOS app templatesjavascriptlibrarylogo templatesmagentomarketplaceModularityphpphp scriptspluginsprestashopPunkydgselltemplatesthemesunity source codewoocommercewordpress

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit