{"id":20505012,"url":"https://github.com/gemblue/jqloader","last_synced_at":"2025-03-05T20:52:02.327Z","repository":{"id":13563948,"uuid":"16256243","full_name":"gemblue/JQLoader","owner":"gemblue","description":"JQLoader is a Jquery plugin to show a loading bar, or full screen loading","archived":false,"fork":false,"pushed_at":"2020-04-19T15:15:31.000Z","size":109,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-16T07:56:07.233Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gemblue.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-01-26T16:16:36.000Z","updated_at":"2020-04-19T15:24:30.000Z","dependencies_parsed_at":"2022-07-12T15:11:30.301Z","dependency_job_id":null,"html_url":"https://github.com/gemblue/JQLoader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gemblue%2FJQLoader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gemblue%2FJQLoader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gemblue%2FJQLoader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gemblue%2FJQLoader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gemblue","download_url":"https://codeload.github.com/gemblue/JQLoader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242102989,"owners_count":20072182,"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":[],"created_at":"2024-11-15T19:42:28.804Z","updated_at":"2025-03-05T20:52:02.296Z","avatar_url":"https://github.com/gemblue.png","language":"JavaScript","readme":"# JQLoader\nJQLoader is a Jquery plugin to show a loading bar, or full screen loading\n\n# Usage\n\nJust include `JQLoader.css` and `JQLoader.js` in your HTML page.\n\nFull code sample :\n\n```html\n\u003c!-- Only for beautify this demo page --\u003e\n\u003cstyle\u003e\nbody{\nfont-family:calibri;\n}\n\n.div_sample{\nwidth:200px;\nheight:200px;\nborder:1px solid #dedede;\n}\n\u003c/style\u003e\n\n\u003c!-- Loading need this --\u003e\n\u003cscript src=\"jquery.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n\u003cscript src=\"jquery.easing.min.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n\n\u003c!-- Loading Core --\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"css/JQLoader.css\" /\u003e\n\u003cscript src=\"js/JQLoader.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n\n\u003ch1\u003eJQLoader\u003c/h1\u003e\n\u003ch3\u003eJQLoader is a Jquery plugin to show a loading bar, or full screen loading\u003c/h3\u003e\n\nTry our the Sample : \u003cbr/\u003e\u003cbr/\u003e\n\n\u003ch2\u003eFull Screen Loading\u003c/h2\u003e\n\n\u003ch3\u003eStandard Theme\u003c/h3\u003e\n\u003cbutton id=\"open_standard\"\u003eOpen Standard\u003c/button\u003e\n\u003cbutton id=\"close_standard\"\u003eClose Standard\u003c/button\u003e\n\n\u003ch3\u003eBottom Bar Theme\u003c/h3\u003e\n\u003cbutton id=\"open_bottom\"\u003eOpen\u003c/button\u003e\n\u003cbutton id=\"close_bottom\"\u003eClose\u003c/button\u003e\n\n\u003ch2\u003eLoading on the div\u003c/h2\u003e\n\n\u003cbutton id=\"open_div_standard\"\u003eOpen div Standard\u003c/button\u003e\n\u003cbutton id=\"close_div_standard\"\u003eClose div Standard\u003c/button\u003e\n\u003cbr/\u003e\u003cbr/\u003e\n\u003cdiv style=\"position:relative;\" class=\"div_sample\"\u003e\u003c/div\u003e\n\n\u003cscript\u003e\n\n$(document).ready(function(){\n\n\t// Full screen standard\n\t$('#open_standard').click(function(){\n\t\t\n\t\t$( \"body\" ).JQLoader({\n\t\t\ttheme: \"standard\",\n\t\t\tmask: true,\n\t\t\tbackground: \"#444\",\n\t\t\tcolor: \"#fff\"\n\t\t});\n\t\t\n\t});\n\t\n\t$('#close_standard').click(function(){\n\t\n\t\t$( \"body\" ).JQLoader({\n\t\t\taction: \"close\"\n\t\t});\n\t\t\n\t});\n\t\n\t// Div standard\n\t$('#open_div_standard').click(function(){\n\t\n\t\t$( \".div_sample\" ).JQLoader({\n\t\t\ttheme: \"standard\",\n\t\t\tmask: true,\n\t\t\tbackground: \"#fff\",\n\t\t\tcolor: \"#fff\"\n\t\t});\n\t\t\n\t});\n\t\n\t$('#close_div_standard').click(function(){\n\t\n\t\t$( \".div_sample\" ).JQLoader({\n\t\t\ttheme: \"standard\",\n\t\t\tmask: true,\n\t\t\tbackground: \"#fff\",\n\t\t\tcolor: \"#fff\",\n\t\t\taction: \"close\"\n\t\t});\n\t\t\n\t});\n\t\n\t// Full screen\n\t$('#open_bottom').click(function(){\n\t\n\t\t$( \"body\" ).JQLoader({\n\t\t\ttheme: \"bottom\",\n\t\t\taction: \"open\"\n\t\t});\n\t\t\n\t});\n\t\n\t$('#close_bottom').click(function(){\n\t\n\t\t$( \"body\" ).JQLoader({\n\t\t\ttheme: \"bottom\",\n\t\t\taction: \"close\"\n\t\t});\n\t\t\n\t});\n})\n\u003c/script\u003e\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgemblue%2Fjqloader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgemblue%2Fjqloader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgemblue%2Fjqloader/lists"}