Skip to content

Instantly share code, notes, and snippets.

@greatghoul

greatghoul/alert.js

Last active February 25, 2025 15:42
Show Gist options
  • Save greatghoul/8120275 to your computer and use it in GitHub Desktop.
Save greatghoul/8120275 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
alert.js
alert('hello ' + document.location.href);
Raw
manifest.json
{
"manifest_version": 2,
"name": "Click to execute",
"description": "Execute script after click in popup.html (chrome extension) http://stackoverflow.com/questions/20764517/execute-script-after-click-in-popup-html-chrome-extension.",
"version": "1.0",
"icons": {
"48": "icon.png"
},
"permissions": [
"tabs", "<all_urls>"
],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
Raw
popup.html
<!DOCTYPE html>
<html>
<body style="width: 300px">
Open <a href="http://stackoverflow.com" target="_blank">this page</a> and then
<button id="clickme">click me</button>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>
Raw
popup.js
// var app = chrome.runtime.getBackgroundPage();
function hello() {
chrome.tabs.executeScript({
file: 'alert.js'
});
}
document.getElementById('clickme').addEventListener('click', hello);
@cclambie
Copy link

cclambie commented Jan 22, 2022 •
edited
Loading

Thanks for the work here. I upvoted on StackOverflow :)

Wondering if you could extend it?
I would like to send a variable to the alert.js

Say
popup.html has

<input id="var1" type="text">
<input id="var2" type="text">
<button id="clickme">click me</button>

Then what to do with alert.js or the popup.js to get the variables to alert?

popup.js

   function hello() {
     chrome.tabs.executeScript({
       file: 'alert.js'
       variable: var1, var2
     }); 
   }

   document.getElementById('clickme').addEventListener('click', hello);

Or how please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment