{"id":20841436,"url":"https://github.com/pakej/input-preloader-js","last_synced_at":"2026-05-23T11:05:23.893Z","repository":{"id":57240305,"uuid":"71723281","full_name":"pakej/input-preloader-js","owner":"pakej","description":"A simple input preloader to preload inputs on the web.","archived":false,"fork":false,"pushed_at":"2019-12-13T14:47:20.000Z","size":15,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"develop","last_synced_at":"2025-02-19T13:40:35.867Z","etag":null,"topics":["form","javascript","page","pre-loader","reload"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pakej.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-10-23T19:04:40.000Z","updated_at":"2019-12-13T14:47:17.000Z","dependencies_parsed_at":"2022-08-29T22:21:30.676Z","dependency_job_id":null,"html_url":"https://github.com/pakej/input-preloader-js","commit_stats":null,"previous_names":["zaimramlan/form-preloader-js"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pakej%2Finput-preloader-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pakej%2Finput-preloader-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pakej%2Finput-preloader-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pakej%2Finput-preloader-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pakej","download_url":"https://codeload.github.com/pakej/input-preloader-js/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243197211,"owners_count":20251956,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["form","javascript","page","pre-loader","reload"],"created_at":"2024-11-18T01:20:04.251Z","updated_at":"2025-12-26T11:46:50.906Z","avatar_url":"https://github.com/pakej.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# InputPreloader for JavaScript\n![npm](https://img.shields.io/npm/v/input-preloader-js)\n\nA simple input preloader to preload inputs on the web.\n\n## Installation\n### \u003cimg src=\"https://avatars1.githubusercontent.com/u/22247014?s=200\u0026v=4\" width=\"20\" height=\"20\"\u003e Yarn\n```bash\n$ yarn add input-preloader-js\n```\n\n### \u003cimg src=\"https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/npm/npm.png\" width=\"20\" height=\"20\"\u003e NPM\n```bash\n$ npm install input-preloader-js\n```\n\n## Usage\n1. Assuming you have the following form inputs and id attributes\n    ```html\n    \u003cinput type=\"radio\" name=\"a-radio\" id=\"a-radio\"\u003e Text for radio\n    \u003cinput type=\"float\" name=\"a-float\" id=\"a-float\"\u003e\n    \u003cinput type=\"integer\" name=\"a-integer\" id=\"a-integer\"\u003e\n    \u003cinput type=\"string\" name=\"a-string\" id=\"a-string\"\u003e\n    ```\n\n1. Require the InputPreloader\n    ```javascript\n    var InputPreloader = require(\"input-preloader-js\");\n    ```\n\n1. Initialize the InputPreloader with your inputs and their input types\n    ```javascript\n    var inputs = [\n        \"a-radio:radio\",\n        \"a-float:float\",\n        \"a-integer:integer\",\n        \"a-string:string\"\n    ];\n    var preloader = new InputPreloader(inputs);\n    ```\n\n1. Configure the InputPreloader to preload inputs on page load, and save inputs before moving away from the page.\n    ```javascript\n    preloader.configure();\n    ```\n\n1. That's it! Now the inputs will be preloaded everytime the page is loaded by the user.\n\n1. In the case where you are done with the form, and doesn't need to preload the inputs anymore, call `deconfigure()` to remove all stored inputs.\n    ```javascript\n    preloader.deconfigure();\n    ```\n\n## Contributing\nWe'd love to accept your patches and contributions to this project! Checkout [contributing](CONTRIBUTING.md) and [code of conduct](CODE_OF_CONDUCT.md) to learn more.\n\n## License\nRefer to the license file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpakej%2Finput-preloader-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpakej%2Finput-preloader-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpakej%2Finput-preloader-js/lists"}