Previsualizer

Permet de prévisualiser un topic.

2016-02-05 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

// ==UserScript==
// @name        Previsualizer
// @namespace   JVScript
// @include     http://www.jeuxvideo.com/*
// @version     6
// @require	    http://code.jquery.com/jquery-2.1.3.min.js
// @grant       GM_addStyle
// @copyright	MIT
// @author	    Kiwec
// @description Permet de prévisualiser un topic.
// ==/UserScript==

"use strict";

(function() {

	function Link(node) {
		this.$message = $('<div><img style="margin: auto; display: block !important; width: 25%;" src="http://s3.noelshack.com/uploads/images/20188032684831_loading.gif" alt="Loading" /></div>');
		this.$message.attr('class', 'prev_content bloc-message-forum');
		this.$topic = node;

		this.initialize();
	}

	Link.prototype = {
		initialize: function() {
			var url = this.$topic.find('a.topic-title').attr('href');
			
			this.$topic.find('img.topic-img').wrap('<span class="span-topic-img"></span>');
			this.$topic.find('.span-topic-img').append(this.$message);
			this.$topic.find('.topic-img').on('mouseenter', (function() {
				$.get(url).done((function(response) {
					var success = $($.parseHTML(response)).find('.bloc-message-forum');
					this.$message.html($(success[0]).html());
				}).bind(this));
			}).bind(this));
		}
	}

	function addPreload() {
		$('.topic-list li:not(.topic-head)').each(function() {
			new Link($(this));
		});
	}

	addPreload();
	addEventListener('instantclick:newpage', addPreload);

	GM_addStyle(
		'.prev_content { position: absolute; z-index: 1000; width: 600px; max-height: 500px; overflow-y: scroll; ' + 
		'display: none; margin-left: 10px; margin-top: 15px; font-weight: 200; }' +
		'.span-topic-img:hover .prev_content { display: block; }'
	);

})();