{"id":1015,"date":"2020-12-20T11:03:00","date_gmt":"2020-12-20T09:03:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=1015"},"modified":"2026-03-09T15:41:29","modified_gmt":"2026-03-09T13:41:29","slug":"cookie-warning-widget-with-javascript","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/","title":{"rendered":"Cookie Warning Widget With JavaScript"},"content":{"rendered":"

Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR<\/a> and other mindless laws. Since we don’t wan’t to annoy everyone just the necessary European population we can target the visitors according to their time zones.<\/strong><\/p>\n

\"cookie
\nThis label makes more sense because with a chainsaw you can actually hurt yourself.<\/em><\/p>\n

See the warning widget in action on this website or on the demo page<\/strong><\/a>.<\/p>\n


\nThe warning stripe will keep showing up on every page where the script is active until the visitor clicks the accept button. This will create a cookie on the guest’s computer and keep it for 90 days even if he leaves the website.<\/p>\n

What Are These Cookie Warnings Anyway?<\/h2>\n

You’ve probably come across many sites that seem strangely concerned about cookie education. They show redundant and ineffectual pop-ups that warns you that yes, the site uses cookies.<\/p>\n

If you know what cookies are aware that yes, every site uses cookies so this is not a news. However if you are not a programmer and you don’t know what cookies are (just like the creators of this stupid law<\/a>) then the warning will just leave you confused.<\/p>\n

If we need to show these messages and ask for the visitor’s consent to use cookies then why don’t we need to ask their permission to run scripts, download the pages and other essential parts of the operation of the website?<\/p>\n

The HTML Code<\/h2>\n
<<\/span>div<\/span> <\/span>id<\/span>=<\/span>\"myCookieConsent\"<\/span>><\/span>\n\t<<\/span>a<\/span> <\/span>id<\/span>=<\/span>\"cookieButton\"<\/span>><\/span>Understood<\/<\/span>a<\/span>><\/span>\n\t<<\/span>div<\/span>><\/span>This&<\/span>nbsp<\/span>;<\/span>website is&<\/span>nbsp<\/span>;<\/span>using&<\/span>nbsp<\/span>;<\/span>cookies.<\/span> <<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"https:\/\/html-online.com\/privacy-terms-and-conditions\/\"<\/span>><\/span>More&<\/span>nbsp<\/span>;<\/span>details<\/<\/span>a<\/span>><\/span><\/<\/span>div<\/span>><\/span>\n<\/<\/span>div<\/span>><\/span>\n<\/pre>\n
This code needs to be added to every HTML<\/a> source where you wish to display the stripe. Add your own text and privacy policy link but make sure to use these ID attributes.<\/p>\n
CSS Styles<\/h2>\n
The stylesheet contains the most essential part to stick the semi-tranparent stripe to the bottom of the page but you can adjust the colors and other aspects to fit your own design.<\/p>\n
#<\/span>myCookieConsent {<\/span>\n    z-index<\/span>:<\/span> 999<\/span>;<\/span>\n    min-height<\/span>:<\/span> 20<\/span>px<\/span>;<\/span>\n    font-family<\/span>:<\/span> OpenSans,<\/span> arial,<\/span> \"<\/span>sans-serif<\/span>\"<\/span>;<\/span>\n    padding<\/span>:<\/span> 10<\/span>px<\/span> 20<\/span>px<\/span>;<\/span>\n    background<\/span>:<\/span> rgba<\/span>(<\/span>0<\/span>,<\/span>0<\/span>,<\/span>0<\/span>,<\/span>0.6<\/span>)<\/span>;<\/span>\n    overflow<\/span>:<\/span> hidden<\/span>;<\/span>\n    position<\/span>:<\/span> fixed<\/span>;<\/span>\n    color<\/span>:<\/span> #<\/span>FFF<\/span>;<\/span>\n    bottom<\/span>:<\/span> 0<\/span>px<\/span>;<\/span>\n    right<\/span>:<\/span> 10<\/span>px<\/span>;<\/span>\n    display<\/span>:<\/span> none<\/span>;<\/span>\n    left<\/span>:<\/span> 0<\/span>;<\/span>\n    text-align<\/span>:<\/span> center<\/span>;<\/span>\n    font-size<\/span>:<\/span> 15<\/span>px<\/span>;<\/span>\n    font-weight<\/span>:<\/span> bold<\/span>;<\/span>\n}<\/span>\n#<\/span>myCookieConsent div<\/span> {<\/span>\n    padding<\/span>:<\/span> 5<\/span>px<\/span> 0<\/span> 0<\/span>;<\/span>\n}<\/span>\n#<\/span>myCookieConsent a<\/span> {<\/span>\n    color<\/span>:<\/span> #<\/span>ffba55<\/span>;<\/span>\n    display<\/span>:<\/span> inline-block<\/span>;<\/span>\n    padding<\/span>:<\/span> 0<\/span> 10<\/span>px<\/span>;<\/span>\n}<\/span>\n#<\/span>myCookieConsent a<\/span>:<\/span>hover<\/span> {<\/span>\n\tcolor<\/span>:<\/span> #<\/span>fda016<\/span>;<\/span>\n}<\/span>\n#<\/span>myCookieConsent a<\/span>#<\/span>cookieButton {<\/span>\n    display<\/span>:<\/span> inline-block<\/span>;<\/span>\n    color<\/span>:<\/span> #<\/span>000000<\/span>;<\/span>\n    font-size<\/span>:<\/span> 1.1<\/span>em<\/span>;<\/span>\n\tbackground<\/span>:<\/span> #<\/span>ffba55<\/span>;<\/span>\n    text-decoration<\/span>:<\/span> none<\/span>;<\/span>\n    cursor<\/span>:<\/span> pointer<\/span>;<\/span>\n    padding<\/span>:<\/span> 2<\/span>px<\/span> 20<\/span>px<\/span>;<\/span>\n    float<\/span>:<\/span> right<\/span>;<\/span>\n    border-radius<\/span>:<\/span> 20<\/span>px<\/span>;<\/span>\n}<\/span>\n#<\/span>myCookieConsent a<\/span>#<\/span>cookieButton:<\/span>hover<\/span> {<\/span>\n    background<\/span>:<\/span> #<\/span>fda016<\/span>;<\/span>\n\tcolor<\/span>:<\/span> #<\/span>000<\/span>;<\/span>\n}<\/span>\n<\/pre>\n
The JavaScript Code<\/h2>\n
The engine of the widget that fades in the compliancy message if the visitor’s time zone is in the European Union and hasn’t accepted the cookies before. If the visitor accepts the use of cookies then the script saves the setting and won’t annoy him\/her again for 90 days (7776000000 miliseconds). The script is using jQuery<\/a>.<\/p>\n
\/\/ Cookie Compliancy BEGIN<\/span>\nfunction<\/span> GetCookie(<\/span>name)<\/span> {<\/span>\n  var<\/span> arg=<\/span>name+<\/span>\"<\/span>=<\/span>\"<\/span>;<\/span>\n  var<\/span> alen=<\/span>arg.<\/span>length<\/span>;<\/span>\n  var<\/span> clen=<\/span>document.<\/span>cookie.<\/span>length<\/span>;<\/span>\n  var<\/span> i=<\/span>0<\/span>;<\/span>\n  while<\/span> (<\/span>i<<\/span>clen)<\/span> {<\/span>\n\tvar<\/span> j=<\/span>i+<\/span>alen;<\/span>\n\tif<\/span> (<\/span>document.<\/span>cookie.<\/span>substring<\/span>(<\/span>i,<\/span>j)<\/span>==<\/span>arg)<\/span>\n\t  return<\/span> \"<\/span>here<\/span>\"<\/span>;<\/span>\n\ti=<\/span>document.<\/span>cookie.<\/span>indexOf<\/span>(<\/span>\"<\/span> <\/span>\"<\/span>,<\/span>i)<\/span>+<\/span>1<\/span>;<\/span>\n\tif<\/span> (<\/span>i==<\/span>0<\/span>)<\/span> break<\/span>;<\/span>\n  }<\/span>\n  return<\/span> null<\/span>;<\/span>\n}<\/span>\nfunction<\/span> testFirstCookie(<\/span>)<\/span>{<\/span>\n\tvar<\/span> offset =<\/span> new<\/span> Date<\/span>(<\/span>)<\/span>.<\/span>getTimezoneOffset<\/span>(<\/span>)<\/span>;<\/span>\n\tif<\/span> (<\/span>(<\/span>offset >=<\/span> -<\/span>180<\/span>)<\/span> &&<\/span> (<\/span>offset <=<\/span> 0<\/span>)<\/span>)<\/span> {<\/span> \/\/ European time zones<\/span>\n\t\tvar<\/span> visit=<\/span>GetCookie(<\/span>\"<\/span>cookieCompliancyAccepted<\/span>\"<\/span>)<\/span>;<\/span>\n\t\tif<\/span> (<\/span>visit==<\/span>null<\/span>)<\/span>{<\/span>\n\t\t   $(<\/span>\"<\/span>#myCookieConsent<\/span>\"<\/span>)<\/span>.<\/span>fadeIn(<\/span>400<\/span>)<\/span>;<\/span>\t\/\/ Show warning<\/span>\n\t   }<\/span> else<\/span> {<\/span>\n\t\t\t\/\/ Already accepted<\/span>\n\t   }<\/span>\t\t\n\t}<\/span>\n}<\/span>\n$(<\/span>document)<\/span>.<\/span>ready(<\/span>function<\/span>(<\/span>)<\/span>{<\/span>\n    $(<\/span>\"<\/span>#cookieButton<\/span>\"<\/span>)<\/span>.<\/span>click(<\/span>function<\/span>(<\/span>)<\/span>{<\/span>\n\t\tconsole.<\/span>log<\/span>(<\/span>'<\/span>Understood<\/span>'<\/span>)<\/span>;<\/span>\n\t\tvar<\/span> expire=<\/span>new<\/span> Date<\/span>(<\/span>)<\/span>;<\/span>\n\t\texpire=<\/span>new<\/span> Date<\/span>(<\/span>expire.<\/span>getTime<\/span>(<\/span>)<\/span>+<\/span>7776000000<\/span>)<\/span>;<\/span>\n\t\tdocument.<\/span>cookie=<\/span>\"<\/span>cookieCompliancyAccepted=here; expires=<\/span>\"<\/span>+<\/span>expire+<\/span>\"<\/span>;path=\/<\/span>\"<\/span>;<\/span>\n        $(<\/span>\"<\/span>#myCookieConsent<\/span>\"<\/span>)<\/span>.<\/span>hide(<\/span>400<\/span>)<\/span>;<\/span>\n    }<\/span>)<\/span>;<\/span>\n\ttestFirstCookie(<\/span>)<\/span>;<\/span>\n}<\/span>)<\/span>;<\/span>\n\/\/ Cookie Compliancy END<\/span>\n<\/pre>\n
We have a more simple solution<\/a> for this using only HTML-CSS.<\/p>\n","protected":false},"excerpt":{"rendered":"
Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws. Since we don’t wan’t to annoy everyone just the necessary European population we can target the visitors according to their time zones. This label makes more sense because with a chainsaw you can actually hurt yourself. … Continue reading “Cookie Warning Widget With JavaScript”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,2,3,5],"tags":[],"class_list":["post-1015","post","type-post","status-publish","format-standard","hentry","category-articles","category-css","category-freebies","category-javascript"],"yoast_head":"\nCookie Warning Widget With JavaScript - HTMLOnline.com<\/title>\n<meta name=\"description\" content=\"Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cookie Warning Widget With JavaScript - HTMLOnline.com\" \/>\n<meta property=\"og:description\" content=\"Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-20T09:03:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-09T13:41:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Cookie Warning Widget With JavaScript\",\"datePublished\":\"2020-12-20T09:03:00+00:00\",\"dateModified\":\"2026-03-09T13:41:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/\"},\"wordCount\":389,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg\",\"articleSection\":[\"Articles\",\"CSS\",\"Freebies\",\"JavaScript\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/\",\"url\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/\",\"name\":\"Cookie Warning Widget With JavaScript - HTMLOnline.com\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg\",\"datePublished\":\"2020-12-20T09:03:00+00:00\",\"dateModified\":\"2026-03-09T13:41:29+00:00\",\"description\":\"Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws.\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cookie Warning Widget With JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cookie Warning Widget With JavaScript - HTMLOnline.com","description":"Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/","og_locale":"en_GB","og_type":"article","og_title":"Cookie Warning Widget With JavaScript - HTMLOnline.com","og_description":"Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws.","og_url":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2020-12-20T09:03:00+00:00","article_modified_time":"2026-03-09T13:41:29+00:00","og_image":[{"url":"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Cookie Warning Widget With JavaScript","datePublished":"2020-12-20T09:03:00+00:00","dateModified":"2026-03-09T13:41:29+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/"},"wordCount":389,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg","articleSection":["Articles","CSS","Freebies","JavaScript"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/","url":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/","name":"Cookie Warning Widget With JavaScript - HTMLOnline.com","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg","datePublished":"2020-12-20T09:03:00+00:00","dateModified":"2026-03-09T13:41:29+00:00","description":"Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws.","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#primaryimage","url":"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg","contentUrl":"https:\/\/html-online.com\/demo\/cookie-consent\/cookie-compliancy-widget.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/cookie-warning-widget-with-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Cookie Warning Widget With JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=1015"}],"version-history":[{"count":3,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1015\/revisions"}],"predecessor-version":[{"id":2555,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1015\/revisions\/2555"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=1015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=1015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=1015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}