Multiple instances in one page.

[ChathuraGH]

Normally you can't use 2+ zuck.js instance in one page, because zuck.js use same id to get model div. This can be fixed by following.

1. give "zuck_model_perfix" in options
2. use this prefix to make unique ids
3. use only html classes to style elements in css 😜👈👌😉

[franklin-hub]

Normally you can't use 2 zuck.js instance in one page, because zuck.js use same id to get model div. This can be fixed by following.

1. give "zuck_model_perfix" in options
2. use this prefix to make unique ids
3. use only html classes to style elements in css 😜👈👌😉

Hallow please how do i add the perfix in options?

[ChathuraGH]

I have modified the original library and it works. If you, anyone need, I can upload it.👍.

[ramonszo]

@ChathuraGH would you mind to create a pull request?

[ChathuraGH]

Ok @ramonszo . I will create a pull request 👍.

[ChathuraGH]

@ramonszo I created a pull request 😊. I am new to pull requests. So if there is any inconvenience, help me.💪.

[ChathuraGH]

@ramonszo procedure is as follows.

1. use "modalContainer.classList.add('zuck-modal');" to add class to the modal > in zuck.js file

2. use this class to add css to modal element and child elements > in zuck.css file

3. Let user define option 'ZuckModal_perfix' > in html file

This perfix must me unique for every instance in the page.

4. use this variable to create and access modal element and it's child elements > in zuck.js file

[ChathuraGH]

What is going on @ramonszo .. 👀👀 I created the pull request. If you can marge it or why it is not been? 🙏🙏. Tell me what is the problem; or you want working example or explanation. I just want to help. 🤗🤗.

[ChathuraGH]

@franklin-hub

Hallow please how do i add the perfix in options?

Did you get it to work?

[ChathuraGH]

@ramonszo, what is the problem here friend?

[ChathuraGH]

Hello 👈👈?

[ramonszo]

Hey @ChathuraGH I made a comment on your PR, thanks for the contribution