{"id":20601225,"url":"https://github.com/cleverage/ca.jquery.simplemodal","last_synced_at":"2025-03-06T16:18:56.830Z","repository":{"id":17730744,"uuid":"20564806","full_name":"cleverage/ca.jquery.simplemodal","owner":"cleverage","description":null,"archived":false,"fork":false,"pushed_at":"2018-01-23T15:12:31.000Z","size":36,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-01-17T01:46:33.541Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/cleverage.png","metadata":{"files":{"readme":"readme.fr.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-06-06T13:33:37.000Z","updated_at":"2018-11-09T11:59:32.000Z","dependencies_parsed_at":"2022-08-23T21:10:41.782Z","dependency_job_id":null,"html_url":"https://github.com/cleverage/ca.jquery.simplemodal","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/cleverage%2Fca.jquery.simplemodal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cleverage%2Fca.jquery.simplemodal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cleverage%2Fca.jquery.simplemodal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cleverage%2Fca.jquery.simplemodal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cleverage","download_url":"https://codeload.github.com/cleverage/ca.jquery.simplemodal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242241246,"owners_count":20095339,"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-16T09:09:04.340Z","updated_at":"2025-03-06T16:18:56.804Z","avatar_url":"https://github.com/cleverage.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Build Status](https://api.travis-ci.org/cleverage/ca.jquery.simplemodal.svg?branch=master)](https://api.travis-ci.org/cleverage/ca.jquery.simplemodal)\n\njQuery Simplemodal Plug-in\n==========================\n\nCe plugin permet d'intégrer une modale simple et élégante avec jQuery. Il\nn'inclut pas de CSS spécifique (hormis la gestion du positionnement de la\nmodale). Il propose unniquement un moteur d'affichage modal personnalisable via\nCSS et des classes personnalisées.\n\n\nAPI\n---\n\nLa méthode d'initialisation du plugin est `simplemodal()`.\n\n```javascript\n$('#mybox').simplemodal(options);\n```\n\nLe contenu du nœud auquel est attaché la modal est injecté dans le conteneur de \nla modale. Il n'est pas copié dans la modale mais déplacé à l'intérieur. Si vous\navez besoin de conserver ce contenu par ailleurs, il est nécessaire que vous le\ncloniez vous-même.\n\nVous pouvez également passer une _node_ fantôme (aussi appelé _casper mode_)\ndirectement à l'instanciation de la modale :\n\n```javascript\n$('\u003cdiv/\u003e', {text: \"My Ghost content for the modal.\"}).simplemodal(options);\n```\n\n\n### Clés de configuration\n\n#### `autoDestroy`\n\nCette option définit si la modale doit s'autodétruire à la fermeture ou non. Sa\ndestruction engendre la suppression dans le DOM des _nodes_ de la modale et de\nl'_overlay_.\n\nValeur par défaut : `false`.\n\n#### `autoOpen`\n\nCette propriété définit si la modale doit s'ouvrir automatiquement  à\nl'instanciation ou non. Si non, il vous revient de déclencher son ouverture en\nrappelant le plugin avec le paramètre `open`.\n\n```javascript\n// This modal will open directly\n$('#mybox-auto').simplemodal({\n    autoOpen: true\n});\n\n// This one must be triggered manually\n$('#mybox-noauto').simplemodal({\n    autoOpen: false\n});\n\n$('button').on('click', function () {\n    $('#mybox-noauto').simplemodal('open');\n});\n```\n\nValeur par défaut : `false`.\n\n#### `className`\n\nCette propriété est une _string_ contenant le(s) classe(s) à appliquer à la \nmodale. Par défaut, celle-ci porte toujours la classe `sm-modal`. La chaîne de\ncaractères passée en paramètre est concaténée à cette valeur par défaut.\n\nValeur par défaut : `null` (applique uniquement `.sm-modal`).\n\n#### `closeButton`\n\nCette option active / désactive la présence d'un bouton de fermeture dans la\nmodale. Elle prend un booléen en valeur.\n\nValeur par défaut : `false` (pas de bouton de fermeture).\n\n#### `duration`\n\nCette option est un nombre et définit en millisecondes la durée des transitions\ndes éléments.\n\nValeur par défaut : `500`.\n\n#### `onOpen` / `onClose`\n\nCes deux options permettent de définir des _callbacks_ appelés à l'ouverture /\nfermeture de la modale.\n\n#### `overlay`\n\nCette option définit l'opacité appliquée au calque d'_overlay_ derrière la\nmodale. Il prend une valeur entre 0 et 1 qui est directement passée la méthode\n`fadeTo` de jQuery.\n\nValeur par défaut : `0.5`.\n\n#### `top`\n\nCette option définit le positionnement vertical de la modale dans le _viewport_.\nElle peut prendre une des valeurs suivantes :\n\n* `{falsy}` : Une valeur de type _falsy_ centrera la modale verticalement dans\n              le _viewport_, après calcul de la hauteur interne(`innerHeight`)\n              de la modale par rapport à la hauteur du _viewport_.\n* {number\u003e0}: Un nombre supérieur à zéro positionnera la modale à cette distance\n              du haut du _viewport_ en pixels.\n\nValeur par défaut : `null` (`{falsy}`).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleverage%2Fca.jquery.simplemodal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcleverage%2Fca.jquery.simplemodal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleverage%2Fca.jquery.simplemodal/lists"}