https://github.com/reimax/dockModal

A vanilla JS customisable dialog plugin
https://github.com/reimax/dockModal

dialog javascipt javascript modal vanilla-javascript vanilla-js

Last synced: about 1 month ago
JSON representation

A vanilla JS customisable dialog plugin

• Host: GitHub
• URL: https://github.com/reimax/dockModal
• Owner: reimax
• Created: 2022-01-26T10:44:56.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-15T14:23:11.000Z (over 1 year ago)
• Last Synced: 2024-02-15T14:33:59.038Z (10 months ago)
• Topics: dialog, javascipt, javascript, modal, vanilla-javascript, vanilla-js
• Language: JavaScript
• Homepage: https://reimax.github.io/dockModal/
• Size: 7.81 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
DockModal.js

A vanilla, lightweight (~8kb gzipped), configurable. Fork jquery.dialog.js but without the jQuery dependency.

SETUP

js

```js

dockModal(document.querySelector(".dock_modal"), {

    minimizedWidth: 240,

    class: 'dockmodal_test',

    height: 420,

    title: function() {

        return document.querySelector(".dock_modal").getAttribute("data-title");

    },

    initialState: "minimized"

});

```

html

```html

    

    test content



```


callback function:

```php

beforeCreate: undefined,

create: undefined,

open: undefined,

beforeClose: undefined,

close: undefined,

beforeMinimize: undefined,

minimize: undefined,

beforeRestore: undefined,

restore: undefined,

beforePopout: undefined,

popout: undefined

```

demo:

https://reimax.github.io/dockModal/public/