{"id":33555,"date":"2023-02-10T04:25:56","date_gmt":"2023-02-09T22:55:56","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/"},"modified":"2023-02-10T04:25:56","modified_gmt":"2023-02-09T22:55:56","slug":"solved-click-a-button-in-two-pages-at-once","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/","title":{"rendered":"[Solved] Click a button in two pages at once"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Out of Curiosity i just tried MartinWebb’s answer. I hope it might give you a start.<\/p>\n

Page # 1:<\/p>\n

<button type=\"button\" onclick=\"hello()\">Hello<\/button>\n\n<script type=\"text\/javascript\">\n    \/\/ window.localStorage.removeItem(\"text\");\n    function hello() {\n        window.localStorage.setItem(\"text\",\"Hello there..\");\n    }\n<\/script>\n<\/code><\/pre>\n
Page # 2:<\/p>\n
<p id=\"show\"><\/p>\n\n<script type=\"text\/javascript\">\n    window.addEventListener('storage', storage_event_listener, false);\n\n    function storage_event_listener(evt)\n    {\n        document.getElementById(\"show\").innerText = evt.newValue;\n        \/\/ console.log(evt);\n    }\n<\/script>\n<\/code><\/pre>\n
You can see i have commented a line on my page # 1. It is because “The storage event is fired on the window object whenever setItem(), removeItem(), or clear() is called and actually changes something. For example, if you set an item to its existing value or call clear() when there are no named keys, the storage event will not fire, because nothing actually changed in the storage area.”<\/p>\n
So, while experimenting i had to clear my storage item in order to invoke the event.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            <\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved Click a button in two pages at once <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] Out of Curiosity i just tried MartinWebb’s answer. I hope it might give you a start. Page # 1: <button type=”button” onclick=”hello()”>Hello<\/button> <script type=”text\/javascript”> \/\/ window.localStorage.removeItem(“text”); function hello() { window.localStorage.setItem(“text”,”Hello there..”); } <\/script> Page # 2: <p id=”show”><\/p> <script type=”text\/javascript”> window.addEventListener(‘storage’, storage_event_listener, false); function storage_event_listener(evt) { document.getElementById(“show”).innerText = evt.newValue; \/\/ console.log(evt); } <\/script> You … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[954,1199,346,902,1533],"class_list":["post-33555","post","type-post","status-publish","format-standard","hentry","category-solved","tag-button","tag-click","tag-html","tag-node-js","tag-socket-io"],"yoast_head":"\n[Solved] Click a button in two pages at once - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Click a button in two pages at once - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Out of Curiosity i just tried MartinWebb’s answer. I hope it might give you a start. Page # 1: <button type="button" onclick="hello()">Hello<\/button> <script type="text\/javascript"> \/\/ window.localStorage.removeItem("text"); function hello() { window.localStorage.setItem("text","Hello there.."); } <\/script> Page # 2: <p id="show"><\/p> <script type="text\/javascript"> window.addEventListener('storage', storage_event_listener, false); function storage_event_listener(evt) { document.getElementById("show").innerText = evt.newValue; \/\/ console.log(evt); } <\/script> You ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-09T22:55:56+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Click a button in two pages at once\",\"datePublished\":\"2023-02-09T22:55:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/\"},\"wordCount\":123,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"button\",\"click\",\"html\",\"node.js\",\"socket.io\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/\",\"name\":\"[Solved] Click a button in two pages at once - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-02-09T22:55:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Click a button in two pages at once\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Click a button in two pages at once - JassWeb","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:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Click a button in two pages at once - JassWeb","og_description":"[ad_1] Out of Curiosity i just tried MartinWebb’s answer. I hope it might give you a start. Page # 1: <button type=\"button\" onclick=\"hello()\">Hello<\/button> <script type=\"text\/javascript\"> \/\/ window.localStorage.removeItem(\"text\"); function hello() { window.localStorage.setItem(\"text\",\"Hello there..\"); } <\/script> Page # 2: <p id=\"show\"><\/p> <script type=\"text\/javascript\"> window.addEventListener('storage', storage_event_listener, false); function storage_event_listener(evt) { document.getElementById(\"show\").innerText = evt.newValue; \/\/ console.log(evt); } <\/script> You ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/","og_site_name":"JassWeb","article_published_time":"2023-02-09T22:55:56+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Click a button in two pages at once","datePublished":"2023-02-09T22:55:56+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/"},"wordCount":123,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["button","click","html","node.js","socket.io"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/","url":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/","name":"[Solved] Click a button in two pages at once - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-02-09T22:55:56+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-click-a-button-in-two-pages-at-once\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Click a button in two pages at once"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/33555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=33555"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/33555\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=33555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=33555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=33555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}