{"id":1253,"date":"2023-05-21T07:15:00","date_gmt":"2023-05-21T07:15:00","guid":{"rendered":"https:\/\/itnotes.apjsoftwares.com\/?p=1253"},"modified":"2023-05-21T07:15:00","modified_gmt":"2023-05-21T07:15:00","slug":"explain-popup-message-using-event-with-example","status":"publish","type":"post","link":"https:\/\/itnotes.apjsoftwares.in\/index.php\/2023\/05\/21\/explain-popup-message-using-event-with-example\/","title":{"rendered":"Explain Popup Message using event with example"},"content":{"rendered":"\n<p>Display a simple message \u201cWelcome!!!\u201d on your demo webpage and when the user hovers over the message, a popup should be displayed with a message \u201cWelcome to my WebPage!!!\u201d.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;html&gt;\n    &lt;head&gt;\n\n    &lt;title&gt;Event!!!&lt;\/title&gt;\n\n    &lt;script type=\"text\/javascript\"&gt;\n\n    function trigger()\n\n    {\n\n    document.getElementById(\"hover\").addEventListener(\"mouseover\", popup);\n\n    function popup()\n\n    {\n\n    alert(\"Welcome to my WebPage!!!\");\n\n    }\n\n    }\n\n    &lt;\/script&gt;\n\n    &lt;style&gt;\n\n    p{\n         font-size:50px;\n         position: fixed;\n         left: 550px;\n         top: 300px;\n    }\n    &lt;\/style&gt;\n    &lt;\/head&gt;\n    &lt;body  onload=\"trigger();\"&gt;\n    &lt;p id=\"hover\"&gt;Welcome!!!&lt;\/p&gt;\n    &lt;\/body&gt;\n    &lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Display a simple message \u201cWelcome!!!\u201d on your demo webpage and when the user hovers over&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[23],"tags":[],"_links":{"self":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts\/1253"}],"collection":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/comments?post=1253"}],"version-history":[{"count":1,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts\/1253\/revisions"}],"predecessor-version":[{"id":1254,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts\/1253\/revisions\/1254"}],"wp:attachment":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/media?parent=1253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/categories?post=1253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/tags?post=1253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}