-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathxkcd_title.user.js
38 lines (32 loc) · 1.28 KB
/
xkcd_title.user.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// ==UserScript==
// @name XKCD Title
// @namespace http://jellefresen.nl/XKCD
// @description Adds the very important title of the XKCD Strips below the picture.
// @include http://xkcd.com/*
// @include http://www.xkcd.com/*
// @exclude http://xkcd.com/archive
// @exclude http://www.xkcd.com/archive
// @exclude http://xkcd.com/store
// @exclude http://www.xkcd.com/store
// @exclude http://xkcd.com/about
// @exclude http://www.xkcd.com/about
// ==/UserScript==
var image = document.getElementById("comic").getElementsByTagName('img')[0];
// create a div
var title_text = document.createElement("div");
title_text.setAttribute('style', 'margin: auto; width:70%; font-size:small; font-style:italic');
// apply a bold "Title: "
var title_header = document.createElement("b");
var title_header_content = document.createTextNode("Title: ");
title_header.appendChild(title_header_content);
title_text.appendChild(title_header);
// add the Title text
var title_content = document.createTextNode(image.title);
title_text.appendChild(title_content);
// Throw it after the big picture
var root = image.parentNode;
var next = image.nextSibling;
root.insertBefore(document.createElement("br"), next);
root.insertBefore(title_text, next);
root.removeChild(next);
//.user.js