search

OpenBracketsCH / defikarte.ch

the repo for the famous defikarte.ch website
https://defikarte.ch
MIT License
7 stars 6 forks source link

make a pop-up javascript window with the form in it #12

Closed chnuessli closed 3 years ago

chnuessli commented 3 years ago

the new form is implemented in defi_form.html made a javascript pop up, just for the form button on the footer.

hyunjiLeeTech commented 3 years ago

Hi, I would like to clarify this issue. Do you want to add a JavaScript pop-up message when they click the button? For example, 'Your submission is successfully submitted. Thanks!' message? If you want to add this, I would like to take this issue.

chnuessli commented 3 years ago

Hi @hyunjiLeeTech Thank you for your comment.

i would like a pop up window on click on the button with the iframe from the microsoft form. the form should then be filled out in the pop up. when the form is finished, the pop up should be closing (with a click)

Otherwise if you feel able to teach me or helping out, we can directly go to #13 🥇 what do you think?

harjotkarwal commented 3 years ago

I can create a popup form with relevant fields. My PR would be easy to understand.

chnuessli commented 3 years ago

That would be very nice. May I help you or just read the code?

harjotkarwal commented 3 years ago

I concluded that you need form with First Name, Last Name, email, message fields along with Submit button.

chnuessli commented 3 years ago

@harjotkarwal You will find all the elements i need in this form https://forms.office.com/Pages/ResponsePage.aspx?id=2H_2M8xjtUeNoGvm0iO8-CJw1dnyd_tLjo2JDuWDQylUMEFPOFZLNkNXSlhTN09XQzlKNkU0MkgzNi4u

After that, the form can send me an E-mail. One step later will be #3 to push this form to the API :)

harjotkarwal commented 3 years ago

I am new in coding. I can make JS form but don't know how to implement API.

chnuessli commented 3 years ago

Haha, me too. I am happy to read your JS code and deal with the other thing later. Together we will make this form. The html input i would get by myself, but the pop up and send functionality i have no clue.

harjotkarwal commented 3 years ago

In that

the pop up and send functionality i have no clue.

Unfortunately, we are on same boat. I don't know how to trigger Submit button.

chnuessli commented 3 years ago

We will find it out :)

chnuessli commented 3 years ago

Hey @harjotkarwal i pushed the form to defi_form.html. Do you want to make a pop_up withe the form when i click "Meldung" in the Footer? The sending function i will implement tomorrow

chnuessli commented 3 years ago

no popup needed anymore, i will make it via a form page