Подскажите как сделать переключатель?
Этот пример показывает, 4 кнопки.
А я хочу чтобы кнопки были только 2, при нажатии на Include 1 отправляет определенный GET запрос после чего чтобы кнопка изменила свое название на Switch off 1 при нажатии на которую отправляется другой GET запрос после чего переключатель сменил свое название назад и вернуться в положение Include 1.
То же самое хочу чтобы было и со второй кнопкой.
Цитата:
|
// ==UserScript==
// @name site_com
// @namespace *www.site.com*
// @include *
// ==/UserScript==
//���������� jQuery
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
//��������, �������� �� jQuery
function GM_wait() {
if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); }
else { $ = unsafeWindow.jQuery; letsJQuery(); }
}
GM_wait();
function letsJQuery() {
divPr = document.createElement("div");
divPr.innerHTML = '';
divPr.setAttribute("style",'position:absolute;curs orointer;top:0px;right:0px;background:#F2D48C;pa dding: 3px 3px;');
document.getElementsByTagName('body')[0].appendChild(divPr);
var bOpenBags = document.createElement("b");
var img = document.createElement('img');
bOpenBags.innerHTML = 'Include 1<br>';
bOpenBags.setAttribute("style",'color:#228B22;');
divPr.appendChild(bOpenBags);
bOpenBags.addEventListener('click', bar=function(){
$.get('http://google.ru')
}
, false);
var bOpenBags = document.createElement("b");
var img = document.createElement('img');
bOpenBags.innerHTML = 'Switch off 1<br>';
bOpenBags.setAttribute("style",'color:#228B22;');
divPr.appendChild(bOpenBags);
bOpenBags.addEventListener('click', bar=function(){
$.get('http://google.ru')
}
, false);
var bOpenBags = document.createElement("b");
var img = document.createElement('img');
bOpenBags.innerHTML = 'Include 2<br>';
bOpenBags.setAttribute("style",'color:#228B22;');
divPr.appendChild(bOpenBags);
bOpenBags.addEventListener('click', bar=function(){
$.get('http://google.ru')
}
, false);
var bOpenBags = document.createElement("b");
var img = document.createElement('img');
bOpenBags.innerHTML = 'Switch off 2<br>';
bOpenBags.setAttribute("style",'color:#228B22;');
divPr.appendChild(bOpenBags);
bOpenBags.addEventListener('click', bar=function(){
$.get('http://google.ru')
}
, false);
}
|