Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

HTML Dialog

Well done!

You have completed HTML Dialog!

Sign up for Treehouse Back to Library

Dialog JavaScript

5:41 with Nick Pettit

On its own the <dialog> element isn't very useful. However, some JavaScript can make it become more interactive.

Resources

  • HTML Dialog - caniuse.com - Check out this chart from caniuse.com to see current browser support for the <dialog> element.
  • HTML Dialog - MDN - Here's the MDN documentation page with the full details on the <dialog> element.
  • HTML Dialog Polyfill - If you want to use the <dialog> element now, check out this polyfill from the Google Chrome team that makes it work in all modern browsers.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    the dialog element and then add an ID attribute so we can select it later, 0:00
    just like the buttons. 0:02
    We'll get rid of the open attribute and type id, dialogWindow. 0:10
    Save those changes and switch over to the app.js file. 0:18
    Inside of the app.js JavaScript file, we already have 0:25

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up