del.icio.us Inline View

By pwlin Last update Aug 18, 2010 — Installed 563 times.

There are 7 previous versions of this script.

// ==UserScript==
// @name       del.icio.us Inline View
// @namespace  http://userscripts.org/scripts/show/9304   
// @version	0.2.4
// @description  Adds an 'inline view...' link to del.icio.us pages which loads the url inside a html iframe in the bottom of every link.
// @include  http://delicious.com/*
// @include  http://www.delicious.com/*
// @exclude	http://delicious.com/rss/*
// ==/UserScript==

var $del_inline = {
	
	insertAfter: function(referenceNode, newNode){
		referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
	},
	
	init : function(){
		try {
			var links = document.getElementsByClassName('taggedlink ');
			var metas = document.getElementsByClassName('meta');
			for (i=0,k=metas.length; i<k; i++) {
				var meta = metas[i];
				var link = links[i];
				var new_node = document.createElement('span');
				new_node.innerHTML = this.generate_iframe_js(i,link.href)+'<div class="clr"></div>';
				this.insertAfter(meta, new_node);
				//meta.innerHTML += this.generate_iframe_js(i,link.href);
			}
		}
		catch(e){ }
	},
	
	generate_iframe_js : function(i,theURL){
		var iframejs = '';
		iframejs += '' 
			+ ' <div style="margin-top:3px;"><a style="padding:2px;font-size:12px;" class="inlinesave" id="inlineview_anchor'+i+'" onfocus="this.blur();" href="#" '
			+ 'title="'+theURL+'"'
			+ 'onclick="document.getElementById(\''+i+'iframedivview\').style.display=\'block\'; '
			+ 'document.getElementById(\''+i+'inlineiframe1view\').setAttribute(\'src\',\''+theURL+'\'); '
			+ 'document.getElementById(\''+i+'anchorinlineremoveiframeview\').style.display=\'inline\'; '
			+ 'return false;">INLINE VIEW</a></div>'
			+ '<div id="'+i+'iframedivview" style="display:none;">'
			+ '<iframe id="'+i+'inlineiframe1view" name="inlineiframe1view" width="750" height="400" style="background-color: white;"></iframe></div>'
			+ '<div style="display:none;" id="'+i+'anchorinlineremoveiframeview"> '
			+ '<a title="close iframe" onfocus="this.blur();" href="#'+i+'anchorinlinecopy" '
			+ 'onclick="document.getElementById(\''+i+'inlineiframe1view\').setAttribute(\'src\',\'about:blank\'); '
			+ 'document.getElementById(\''+i+'iframedivview\').style.display=\'none\'; '
			+ 'document.getElementById(\''+i+'anchorinlineremoveiframeview\').style.display=\'none\'; '
			+ ' return false;"><span style="font-size:20px;color:#FFFFFF;background-color:#000088;">&nbsp;X&nbsp;</span></a><br/>&nbsp;<br/></div>';
		return iframejs ; 
	}
}
function test(){}
(function() {
	$del_inline.init() ;
})();