rendered paste body// ==UserScript==// @name search_and_navigation.js// @namespace http://example.org// @description adds navigational shortcuts and an instant-search features// @include http://www.norbits.net/*// @include http://norbits.net/*// @include https://www.norbits.net/*// @include https://norbits.net/*// ==/UserScript== (function(){ var labelColor = 'red'; //If the search box should be initially displayed. "block" or "none" var initialDisplay = 'none'; //whether or not to focus the input field when pressing "s" var autoFocusInputField = true; //should the modifier keys be appended to the side panel //with uppercased letters? var upperCasedLabels = true; var closeButton='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs' +'4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9gFERYGGE9ha3' +'oAAAFfSURBVBjTBcHLahNhGIDh9/sPM+OkmKRNJFKiVnugMVBqKW7UlYVegAtvwZW34j14D90JupDair' +'S4kOIBjMRQtYVkKkb/mfyfzyMr4E8xnRJ9rGhPoQmCoIUgny3y/CpxKKlzXVNVT3KkW4PXXvRIRGIZ6U' +'/hwW+hKI17ZusxPl1G7u8I35cs4VEipo52d6ykXaUWVDemqk3XQO5uG6ltpbF3LGwdKOO/jvxeqj9bgX' +'n+Sf4nsm36RlfXvUrnEtVuxuCwZGXd86vlmHZyytsJ9Ay3TEso6okWc5bhi0B+x/PuY4ksGIYNw7e618' +'k8euEmlpczww2v/Nj0jB5e5svelHYmBKeEmdC4sHywbYdpKtevCUU/Y+A949WMM5RYVNSOSubez9iz59' +'4VMcbxRFgcQXoKcRBJjgMLbyuy/ZJXb7AH4lPTdBqTNZGljtWbVxLaBjgLcj5S+Xqi8VNQE/4DwQmN67' +'EZdgMAAAAASUVORK5CYII='; /* ---------------------------------- No edit ---------------------------------- */ if(location.hostname.indexOf('norbits.net') == -1) { return false; } function getNodes(expression, startElement) { startElement = startElement || document; var nodes = document.evaluate( expression, startElement, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); return nodes; } function _toggleVisibility() { var box = document.getElementById('__sn_container'); if(!box) { return; } if(box.style.display == 'block') { box.style.display = 'none'; } else { box.style.display = 'block'; var searchBox = document.getElementById('___sn_search'); if(searchBox && autoFocusInputField) { searchBox.focus(); searchBox.select(); } } } var get = {}; // http://www.bennadel.com/blog/695-Ask-Ben-Getting-Query-String-Values-In-JavaScript.htm window.location.search.replace( new RegExp( "([^?=&]+)(=([^&]*))?", "g" ), function( $0, $1, $2, $3 ) { get[$1] = unescape($3).replace(/\+/g, ' '); } ); function _t(e) { try { var body = document.body; if(!body) { return; } //s is reserved, and will not be triggered var labels = {h: ['Hjem'], c:['Chat'], f:['Forum'], r:['Regler'], q:['FAQ'], b:['Liste over torrents'], u:['Last opp'], p:['Profil'], d:['Detaljer'], v:['Venner'], t:['Mine torrents']}; //add labels to the links present in the dom var sidePanel = getNodes('//table[@class="main"]//td[@class="embedded"]'+ '//h2[contains(text(), "Generelt")]/..').snapshotItem(0); if(!sidePanel) { return; } //opera before 9.5 would return a text node (nodeType=3), //newer versions plus fx skips text nodes //and returns a node with nodeType=1 //"../" in opera before 9.5 would jump one node in the DOM //while it should jump to the previous node //defined in the xpath, the "td" if(sidePanel.nodeType == 3) { sidePanel = sidePanel.parentNode.parentNode; } //finds the modifier(f,h etc) and its label //appends the modifier value to the label for(var modifier in labels) { var text = labels[modifier][0]; var node = getNodes('.//a[text()="' + text + '"]', sidePanel).snapshotItem(0); if(!node) { continue; } //save nodes for later use labels[modifier][1] = node; if(upperCasedLabels) { modifier = modifier.toUpperCase(); } var label = document.createElement('span'); label.style.color = labelColor; label.appendChild(document.createTextNode(' [' + modifier + ']' )); node.appendChild(label); } var container = document.createElement('div'); container.id = '__sn_container' container.style.backgroundColor='#e8e8e8'; container.style.display = initialDisplay; container.style.width = '240px'; container.style.height = '50px'; container.style.position = 'fixed' container.style.top='50%'; container.style.left='50%'; container.style.marginTop = '-25px' container.style.marginLeft = '-100px' container.style.border = '2px solid black'; container.MozBorderRadius = '2em'; var win = document.createElement('div'); win.style.backgroundColor='#d7d7d7' win.style.color='red' win.style.fontSize='18px' var box= document.createElement('span'); var btn = new Image(); btn.src = closeButton; btn.addEventListener('mouseover', function() { btn.style.opacity = 0.8; }, false); btn.addEventListener('mouseout', function() { btn.style.opacity = 1; }, false); box.appendChild(btn) win.appendChild(box) //change visibility when pressing close button box.addEventListener('click', _toggleVisibility, false); container.appendChild(win); var form = document.createElement('form'); form.method="get"; form.action="browse.php"; var controlsContainer = document.createElement('div'); controlsContainer.style.margin = '20px'; var searchLabel = document.createElement('label'); searchLabel.setAttribute('for', 'search'); searchLabel.appendChild(document.createTextNode('search ')); controlsContainer.appendChild(searchLabel); var search = document.createElement('input'); search.name='search'; search.id='___sn_search'; search.type='text' search.value = get['search'] || ''; controlsContainer.appendChild(search); var submit = document.createElement('input'); submit.type='submit'; submit.value='Go!'; controlsContainer.appendChild(submit); form.appendChild(controlsContainer); container.appendChild(form) body.appendChild(container); window.addEventListener('keypress', function(event){ var target = event.target; var isFormElement = (target.form != undefined); //let user type normally on form elements //do not listen if modifiers are present if(isFormElement || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || event.which == 0) { return; } var keyPressed = String.fromCharCode(event.which).toLowerCase(); //e.isChar hack if(!keyPressed) { return; } if(keyPressed == 's') { //stops focusd element from recieving char "s" event.preventDefault(); _toggleVisibility(); } else { if(labels.hasOwnProperty(keyPressed)) { var anchor = labels[keyPressed][1]; if(!anchor) { throw new Error('failure to get href associated with modifier ' + keyPressed); } anchor.focus(); //alert(newLocation); window.location = anchor.href; } } }, false); }catch(e) { alert('feil: ' + e) } } if(window.opera) { window.addEventListener('DOMContentLoaded', _t, false); } else { window.addEventListener('load', _t, false); }})();