Skip to content

Instantly share code, notes, and snippets.

@tilfin

tilfin/createHTMLNotification.js

Last active April 7, 2022 03:25
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tilfin/4992651 to your computer and use it in GitHub Desktop.
Save tilfin/4992651 to your computer and use it in GitHub Desktop.
Download ZIP
It is to easily pass data to notification html at createHTMLNotification for Chrome Extension. The way is to store data as JSON string in location.hash.
Raw
createHTMLNotification.js
var data = { image: "image.jpg", text: "text..." };
var popup = webkitNotifications.createHTMLNotification(
'notification.html#' + encodeURIComponent(JSON.stringify(data)) );
Raw
notification.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script src="notification.js"></script>
</head>
<body>
<div id="content"></div>
</body>
</html>
Raw
notification.js
document.addEventListener('DOMContentLoaded', function(){
var data = window.location.hash.substr(1);
data = JSON.parse(decodeURIComponent(data));
var html = '<img src="' + data.image + '">';
html += '<p class="text">' + data.text + '</p></div>';
document.getElementById('content').innerHTML = html;
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment