{"id":1086,"date":"2024-04-22T11:00:00","date_gmt":"2024-04-22T11:00:00","guid":{"rendered":"http:\/\/www.3daa.nl\/?p=1086"},"modified":"2024-04-26T13:58:45","modified_gmt":"2024-04-26T13:58:45","slug":"html-dialog-how-to-create-a-dialog-box-in-html","status":"publish","type":"post","link":"http:\/\/www.3daa.nl\/index.php\/2024\/04\/22\/html-dialog-how-to-create-a-dialog-box-in-html\/","title":{"rendered":"HTML Dialog: How to Create a Dialog Box in HTML"},"content":{"rendered":"<div class=\"hs-featured-image-wrapper\">\n <a href=\"https:\/\/blog.hubspot.com\/website\/html-dialog\" title=\"\" class=\"hs-featured-image-link\"> <img src=\"http:\/\/www.3daa.nl\/wp-content\/uploads\/2024\/04\/html-dialog.webp\" alt=\"illustration of an html dialog box\" class=\"hs-featured-image\" style=\"width:auto !important;max-width:50%;float:left;margin:0 15px 15px 0\" \/> <\/a>\n<\/div>\n<p>Dialog boxes shouldn\u2019t be overused, but when deployed at the right time, they can be critical for directing a user\u2019s focus to the right information. And, from my experience, creating an <a href=\"https:\/\/blog.hubspot.com\/website\/html\">HTML<\/a> dialog box isn\u2019t too difficult, as long as you know some JavaScript basics.<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/track.hubspot.com\/__ptq.gif?a=53&amp;k=14&amp;r=https%3A%2F%2Fblog.hubspot.com%2Fwebsite%2Fhtml-dialog&amp;bu=https%253A%252F%252Fblog.hubspot.com%252Fwebsite&amp;bvt=rss\" alt=\"\" width=\"1\" height=\"1\" style=\"min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dialog boxes shouldn\u2019t be overused, but when deployed at the right time, they can be critical for directing a user\u2019s focus to the right information. And, from my experience, creating an HTML dialog box isn\u2019t too difficult, as long as you know some JavaScript basics.<\/p>\n","protected":false},"author":1,"featured_media":1088,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/posts\/1086"}],"collection":[{"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1086"}],"version-history":[{"count":2,"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/posts\/1086\/revisions"}],"predecessor-version":[{"id":1089,"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/posts\/1086\/revisions\/1089"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/media\/1088"}],"wp:attachment":[{"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/categories?post=1086"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.3daa.nl\/index.php\/wp-json\/wp\/v2\/tags?post=1086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}