Welcome to Software Development on Codidact!
Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.
Post History
Before I publish a new webpage in my website (in the content management system itself), I zoom in from say 100% zooming to 500% zooming and then re-read it, as a nice way to check for typos. The p...
#7: Post edited
Manipulate a web browser to hide a certain HTML element in a certain website by in a single action
- Manipulate a web browser to hide a certain HTML element in a certain website by a single action
#6: Post edited
- Before I publish a new webpage in my website (in the content management system itself), I zoom in from say 100% zooming to 500% zooming and then re-read it, as a nice way to check for typos.
- The problem is that a very certain initiated popup (a JavaScript popup appearing pretty much when the webpage starts) appears and in high zooming levels covers about 40% of the text so that each time I have to go to the browser's developer tools, inspect that popup element and set `display: none` to it.
- I can automatically hide the popup with a user script, running from a user script manager on all webpages of my domain but I need a more focal approach such as some keyboard shortcut to set that element to `display: none`.
- How would you do that?
I use Windows 10 but would prefer an approach different than AutoHotkey## UpdateFollowing Alexei's comment I tried the following code which worked:window.addEventListener('keydown', function(event) {if (event.ctrlKey && event.altKey && event.key === 'l') {document.querySelector(".cbntphone_icon").style.display = "none";}});
- Before I publish a new webpage in my website (in the content management system itself), I zoom in from say 100% zooming to 500% zooming and then re-read it, as a nice way to check for typos.
- The problem is that a very certain initiated popup (a JavaScript popup appearing pretty much when the webpage starts) appears and in high zooming levels covers about 40% of the text so that each time I have to go to the browser's developer tools, inspect that popup element and set `display: none` to it.
- I can automatically hide the popup with a user script, running from a user script manager on all webpages of my domain but I need a more focal approach such as some keyboard shortcut to set that element to `display: none`.
- How would you do that?
- I use Windows 10 but would prefer an approach different than AutoHotkey
#5: Post edited
- Before I publish a new webpage in my website (in the content management system itself), I zoom in from say 100% zooming to 500% zooming and then re-read it, as a nice way to check for typos.
- The problem is that a very certain initiated popup (a JavaScript popup appearing pretty much when the webpage starts) appears and in high zooming levels covers about 40% of the text so that each time I have to go to the browser's developer tools, inspect that popup element and set `display: none` to it.
- I can automatically hide the popup with a user script, running from a user script manager on all webpages of my domain but I need a more focal approach such as some keyboard shortcut to set that element to `display: none`.
- How would you do that?
I use Windows 10 but would prefer an approach different than AutoHotkey
- Before I publish a new webpage in my website (in the content management system itself), I zoom in from say 100% zooming to 500% zooming and then re-read it, as a nice way to check for typos.
- The problem is that a very certain initiated popup (a JavaScript popup appearing pretty much when the webpage starts) appears and in high zooming levels covers about 40% of the text so that each time I have to go to the browser's developer tools, inspect that popup element and set `display: none` to it.
- I can automatically hide the popup with a user script, running from a user script manager on all webpages of my domain but I need a more focal approach such as some keyboard shortcut to set that element to `display: none`.
- How would you do that?
- I use Windows 10 but would prefer an approach different than AutoHotkey
- ## Update
- Following Alexei's comment I tried the following code which worked:
- window.addEventListener('keydown', function(event) {
- if (event.ctrlKey && event.altKey && event.key === 'l') {
- document.querySelector(".cbntphone_icon").style.display = "none";
- }
- });
#4: Post edited
Manipulate a web browser to hide a certain HTML element in a certain website by demand
- Manipulate a web browser to hide a certain HTML element in a certain website by in a single action
#3: Post edited
Manipulate a web browser to hide a certain HTML element in a certain website
- Manipulate a web browser to hide a certain HTML element in a certain website by demand
#2: Post edited
by
Alexei
·
2022-01-05T10:48:41Z (almost 3 years ago)
added relevant tag
#1: Initial revision
Manipulate a web browser to hide a certain HTML element in a certain website
Before I publish a new webpage in my website (in the content management system itself), I zoom in from say 100% zooming to 500% zooming and then re-read it, as a nice way to check for typos. The problem is that a very certain initiated popup (a JavaScript popup appearing pretty much when the webpage starts) appears and in high zooming levels covers about 40% of the text so that each time I have to go to the browser's developer tools, inspect that popup element and set `display: none` to it. I can automatically hide the popup with a user script, running from a user script manager on all webpages of my domain but I need a more focal approach such as some keyboard shortcut to set that element to `display: none`. How would you do that? I use Windows 10 but would prefer an approach different than AutoHotkey