“Closeable Kiosk” (2) — with user scripts
In my last blog post (http://www.smartpeer.net/2013/10/closeable-kiosk-with-firefox-user-styles/) I used user styles to create a “closeable kiosk” with firefox. Google chrome also supports user styles so similar styles can be applied to Chrome too.
Both firefox and Chrome support another “user scripts”, which “Allows you to customize the way a web page displays or behaves, by using small bits of JavaScript.”. it can be applied to selected pages only, or to all the sites/pages. Here is a way to use user scripts to create a “closeable kiosk.”
steps for chrome:
(1) install the chrome extension “TamperMonkey” from https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en.
(2) compose a new user script with the following code:
// @name closeit
// @namespace http://www.smartpeer.net/
// @version 0.1
// @description close buton
// @copyright Jie Li
// ==/UserScript==
var closeButton = document.createElement( 'img' );
closeButton.id = 'myCloseButton';
closeButton.title= 'Close the Window';
closeButton.src= 'http://gbpayment.net/hangout/close.png';
GM_addStyle(
' #myCloseButton { ' +
' position: fixed; ' +
' top: 2px; right: 8px; ' +
' z-index:1000; ' +
' } '
);
closeButton.addEventListener( 'click', function () {
window.open('', '_self', '');
window.close();
top.close();
}, true );
document.body.appendChild( closeButton );
and click on “settings” tab on the script editor, choose “yes” for “Run only in top frame”. and then enable the script.
for firefox, it’similar, just replace TamperMonkey with the firfox addon “greaseMonkey”.
now if you open the browser in kiosk mode ( fore chrome it needs to be started from command line option “–kiosk”), there is always a big round red “X” close button at the top right corner. clicking on it will close the browser. see screen shot below:
ok testing my comment system to see if it wokrs as expected
second one