Мы делаем это много.
Вот скрипт, который должен работать для вас, просто отредактируйте оператор @include
, чтобы он соответствовал страницам, на которых будет использоваться скрипт Greasemonkey.
Кроме того, /bookmark.php
, вероятно, придется изменить на полный адрес, а не на относительный.
//
// ==UserScript==
// @name Adding a live button
// @namespace http://www.google.com/
// @description Adds a custom bookmarking button.
// @include http://www.google.com/*
// ==/UserScript==
//
function LocalMain ()
{
/*--- Create a button in a container div. It will be styled and postioned with CSS.
*/
var zNode = document.createElement ('div');
zNode.innerHTML = '<form id="idMyForm" method="get" action="">'
+ ' <p><input type="submit" id="idMySubmitBtn" value="Bookmark it"></p>'
+ '</form>'
;
zNode.setAttribute ('id', 'idBookMarkBtnContainer');
document.body.appendChild (zNode);
zNode.addEventListener ("submit", BookmarkButtonAction, false);
}
function BookmarkButtonAction (zEvent)
{
zEvent.preventDefault();
var jsScript = document.createElement('script');
jsScript.setAttribute('type', 'text/javascript');
/*--- Is "/bookmark.php" going to work on all target pages?
*/
jsScript.setAttribute('src', '/bookmark.php?url=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title));
document.getElementsByTagName('head')[0].appendChild(jsScript);
return false;
}
window.addEventListener ("load", LocalMain, false);
//LocalMain();
GM_addStyle
(
'#idBookMarkBtnContainer \
{ \
position: absolute; \
top: 0; \
left: 0; \
\
background: orange; \
border: 3px double #999999; \
margin: 5px; \
opacity: 0.9; \
z-index: 222; \
\
min-height: 10px; \
min-width: 20px; \
padding: 5px 20px; \
} \
#idMySubmitBtn \
{ \
cursor: pointer; \
} \
'
);