{"id":16690803,"url":"https://github.com/omaxel/fullmod","last_synced_at":"2025-04-10T01:04:53.388Z","repository":{"id":42279327,"uuid":"125344317","full_name":"omaxel/FullMod","owner":"omaxel","description":"A tiny jQuery full-screen modal component.","archived":false,"fork":false,"pushed_at":"2022-12-07T17:51:52.000Z","size":576,"stargazers_count":7,"open_issues_count":6,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-10T01:04:48.709Z","etag":null,"topics":["jquery-plugin","modal","modal-plugin","modal-windows"],"latest_commit_sha":null,"homepage":"https://omaxel.github.io/FullMod/","language":"JavaScript","has_issues":false,"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/omaxel.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":"2018-03-15T09:36:31.000Z","updated_at":"2023-10-29T07:17:16.000Z","dependencies_parsed_at":"2023-01-24T19:33:21.082Z","dependency_job_id":null,"html_url":"https://github.com/omaxel/FullMod","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omaxel%2FFullMod","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omaxel%2FFullMod/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omaxel%2FFullMod/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omaxel%2FFullMod/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omaxel","download_url":"https://codeload.github.com/omaxel/FullMod/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248137890,"owners_count":21053775,"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":["jquery-plugin","modal","modal-plugin","modal-windows"],"created_at":"2024-10-12T16:05:30.649Z","updated_at":"2025-04-10T01:04:53.367Z","avatar_url":"https://github.com/omaxel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FullMod\nFullMod is a tiny jQuery full-screen modal component.\n\n[**DEMO**](https://omarmuscatello.github.io/FullMod/)\n\n* [Dependencies](#dependencies)\n* [Usage](#usage)\n* [Events](#events)\n* [Methods](#methods)\n* [CSS classes](#css-classes)\n\n## Dependencies\n* [jQuery](https://jquery.com/)\n\n## Usage\nInside your `head`, add the following code:\n\n    \u003clink href=\"fullmod.min.css\" rel=\"stylesheet\" type=\"text/css\"\u003e\n\nBefore closing the `body` element, add the following code:\n\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"fullmod.min.js\"\u003e\u003c/script\u003e\n    \nAdd this HTML in your page:\n\n    \u003cdiv id=\"myFullMod\" class=\"fullmod\"\u003e\n        \u003cdiv class=\"fullmod-content\"\u003e\n    \n            \u003c!--FullMod Header--\u003e\n            \u003cdiv class=\"fullmod-head\"\u003e\n                \u003ch2 class=\"title\"\u003eThis is my title\u003c/h2\u003e\n                \u003cdiv class=\"buttons\"\u003e\n                    \u003ca href=\"#\" class=\"btn-close\"\u003e\u0026times;\u003c/a\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n    \n            \u003c!--FullMod Body--\u003e\n            \u003cdiv class=\"fullmod-body\"\u003e\n                \u003cp\u003eThis is the content of the modal.\u003c/p\u003e\n            \u003c/div\u003e\n    \n        \u003c/div\u003e\n    \u003c/div\u003e\n\nThen you can show the modal using:\n\n    \u003cscript\u003e\n        var myFullMod = $('#myFullMod').fullmod();  \n        myFullMod.show();\n    \u003c/script\u003e\n    \n## Events\nYou can attach events passing them as options in the fullmod constructor.\n    \n    $('#myFullMod').fullmod({\n        onShowing: function(params) {\n            console.log('showing');\n        }\n    });\n    \nYou can access to the fullmod instance from all events using the `this` object.\n\n**onShowing(params)** _(type: `function`, default value: `null`)_\n\nFunction executed when the modal is hidden and the `show` method is called. If return `false`, the modal will never show.\nThe `params` parameter is the one specified when the `show` method is called.\n\n**onShown** _(type: `function`, default value: `null`)_\n\nFunction executed when the modal is completely shown after the `show` method is called.\n\n**onHiding(params)** _(type: `function`, default value: `null`)_\n\nFunction executed when the modal is shown and the `hide` method is called. If return `false`, the modal will never hidden.\nThe `params` parameter is the one specified when the `hide` method is called.\n\n\n**onHidden** _(type: `function`, default value: `null`)_\n\nFunction executed when the modal is completely hidden after the `hide` method is called.\n\n## Methods\n\n**show(params)**\n\nShows the modal unless the `onShowing` function call returns `false`. If the modal is already shown and the `show` method is called, nothing happens (the `onShowing` function won't be called).\n\nThe `params` parameter is the object to pass to the `onShowing` event.\n\n**hide(params)**\n\nShows the modal unless the `onHiding` function call returns `false`. If the modal is already hidden and the `hide` method is called, nothing happens (the `onHiding` function won't be called).\n\nThe `params` parameter is the object to pass to the `onHiding` event.\n\n## CSS classes\n\n| Action                | Description                                                                                                 | Classes           |\n|-----------------------|-------------------------------------------------------------------------------------------------------------|-------------------|\n| Page loaded.          | The modal is hidden.                                                                                        | `fullmod-hidden`  |\n| `show` method called. | The modal is hidden. If the `onShowing` function is null or returns `false`, the animation will be started. | `fullmod-showing` |\n|                       | Show animation completed.                                                                                   | `fullmod-shown`   |\n| `hide` method called. | The modal is shown. If the `onHiding` function is null or returns `false`, the animation will be started.   | `fullmod-hiding`  |\n|                       | Hide animation completed.                                                                                   | `fullmod-hidden`  |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomaxel%2Ffullmod","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomaxel%2Ffullmod","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomaxel%2Ffullmod/lists"}