mirror of
https://github.com/kennethreitz/dive-into-python3.git
synced 2026-06-05 23:10:17 +00:00
oops, broke table row highlighting
This commit is contained in:
Mark Pilgrim
@@ -1,127 +1,105 @@
|
||||
/*
|
||||
var LANGS = {'python2': 'Python 2', 'java': 'Java', 'perl5': 'Perl 5', 'clang': 'C'};
|
||||
*/
|
||||
//google.load("jquery", "1.3");
|
||||
//google.setOnLoadCallback(function() {
|
||||
$(document).ready(function() {
|
||||
hideTOC();
|
||||
|
||||
/* "hide", "open in new window", and (optionally) "download" widgets on code & screen blocks */
|
||||
var HS = {'visible': 'hide', 'hidden': 'show'};
|
||||
$("pre > code").each(function(i) {
|
||||
var pre = $(this.parentNode);
|
||||
if (pre.parents("table").length == 0) {
|
||||
pre.addClass("code");
|
||||
}
|
||||
});
|
||||
$("pre.code, pre.screen").each(function(i) {
|
||||
this.id = "autopre" + i;
|
||||
$(this).wrapInner('<div class="b"></div>');
|
||||
$(this).prepend('<div class="w">[<a class="toggle" href="javascript:toggleCodeBlock(\'' + this.id + '\')">' + HS['visible'] + '</a>] [<a href="javascript:plainTextOnClick(\'' + this.id + '\')">open in new window</a>]</div>');
|
||||
|
||||
$(this).prev("p.d").each(function(i) {
|
||||
$(this).next("pre").find("div.w").append(" " + $(this).html());
|
||||
this.parentNode.removeChild(this);
|
||||
});
|
||||
|
||||
/* create skip links */
|
||||
var postelm = $(this).next().get(0);
|
||||
var postid = postelm.id || ("postautopre" + i);
|
||||
postelm.id = postid;
|
||||
$(this).before('<p class=skip><a href=#' + postid + '>skip over this code listing</a>');
|
||||
});
|
||||
|
||||
/* make skip links disappear until you tab to them */
|
||||
$(".skip a").blur(function() {
|
||||
$(this).css({'position':'absolute','left':'0px','top':'-500px','width':'1px','height':'1px','overflow':'hidden'});
|
||||
});
|
||||
$(".skip a").blur();
|
||||
$(".skip a").focus(function() {
|
||||
$(this).css({'position':'static','width':'auto','height':'auto'});
|
||||
});
|
||||
|
||||
// synchronized highlighting on callouts and their associated lines within code & screen blocks
|
||||
var hip = {'background-color':'#eee','cursor':'default'};
|
||||
var unhip = {'background-color':'inherit','cursor':'inherit'};
|
||||
$("pre.code, pre.screen").each(function() {
|
||||
$(this).find("a:not([href])").each(function(i) {
|
||||
var a = $(this);
|
||||
var li = a.parents("pre").next("ol").find("li:nth-child(" + (i+1) + ")");
|
||||
li.add(a).hover(function() { a.css(hip); li.css(hip); },
|
||||
function() { a.css(unhip); li.css(unhip); });
|
||||
});
|
||||
});
|
||||
|
||||
// synchronized highlighting on callouts and their associated table rows
|
||||
$("table").each(function() {
|
||||
$(this).find("tr:gt(0)").each(function(i) {
|
||||
var tr = $(this);
|
||||
var li = tr.parents("table").next("ol").find("li:nth-child(" + (i+1) + ")");
|
||||
if (li.length > 0) {
|
||||
li.add(tr).hover(function() { tr.addClass("h"); li.addClass("h"); },
|
||||
function() { tr.removeClass("h"); li.removeClass("h"); });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
// toggle-able language comparisons
|
||||
for (var lang in LANGS) {
|
||||
$("blockquote.compare").filter("blockquote." + lang).each(function(i) {
|
||||
$(this).wrapInner('<div class="block"></div>');
|
||||
$(this).prepend('<div class="w">[ <a href="#" onclick="toggleComparisonNotes(\'' + lang + '\');return false" class="toggle">hide ' + LANGS[lang] + ' notes</a> ]</div>');
|
||||
});
|
||||
}
|
||||
*/
|
||||
|
||||
}); /* document.ready */
|
||||
hideTOC();
|
||||
|
||||
/* "hide", "open in new window", and (optionally) "download" widgets on code & screen blocks */
|
||||
var HS = {'visible': 'hide', 'hidden': 'show'};
|
||||
$("pre > code").each(function(i) {
|
||||
var pre = $(this.parentNode);
|
||||
if (pre.parents("table").length == 0) {
|
||||
pre.addClass("code");
|
||||
}
|
||||
});
|
||||
$("pre.code, pre.screen").each(function(i) {
|
||||
this.id = "autopre" + i;
|
||||
$(this).wrapInner('<div class="b"></div>');
|
||||
$(this).prepend('<div class="w">[<a class="toggle" href="javascript:toggleCodeBlock(\'' + this.id + '\')">' + HS['visible'] + '</a>] [<a href="javascript:plainTextOnClick(\'' + this.id + '\')">open in new window</a>]</div>');
|
||||
|
||||
$(this).prev("p.d").each(function(i) {
|
||||
$(this).next("pre").find("div.w").append(" " + $(this).html());
|
||||
this.parentNode.removeChild(this);
|
||||
});
|
||||
|
||||
/* create skip links */
|
||||
var postelm = $(this).next().get(0);
|
||||
var postid = postelm.id || ("postautopre" + i);
|
||||
postelm.id = postid;
|
||||
$(this).before('<p class=skip><a href=#' + postid + '>skip over this code listing</a>');
|
||||
});
|
||||
|
||||
/* make skip links disappear until you tab to them */
|
||||
$(".skip a").blur(function() {
|
||||
$(this).css({'position':'absolute','left':'0px','top':'-500px','width':'1px','height':'1px','overflow':'hidden'});
|
||||
});
|
||||
$(".skip a").blur();
|
||||
$(".skip a").focus(function() {
|
||||
$(this).css({'position':'static','width':'auto','height':'auto'});
|
||||
});
|
||||
|
||||
// synchronized highlighting on callouts and their associated lines within code & screen blocks
|
||||
var hip = {'background-color':'#eee','cursor':'default'};
|
||||
var unhip = {'background-color':'inherit','cursor':'inherit'};
|
||||
$("pre.code, pre.screen").each(function() {
|
||||
$(this).find("a:not([href])").each(function(i) {
|
||||
var a = $(this);
|
||||
var li = a.parents("pre").next("ol").find("li:nth-child(" + (i+1) + ")");
|
||||
li.add(a).hover(function() { a.css(hip); li.css(hip); },
|
||||
function() { a.css(unhip); li.css(unhip); });
|
||||
});
|
||||
});
|
||||
|
||||
// synchronized highlighting on callouts and their associated table rows
|
||||
$("table").each(function() {
|
||||
$(this).find("tr:gt(0)").each(function(i) {
|
||||
var tr = $(this);
|
||||
var li = tr.parents("table").next("ol").find("li:nth-child(" + (i+1) + ")");
|
||||
if (li.length > 0) {
|
||||
li.add(tr).hover(function() { tr.css(hip); li.css(hip); },
|
||||
function() { tr.css(unhip); li.css(unhip); });
|
||||
}
|
||||
});
|
||||
});
|
||||
}); /* document.ready */
|
||||
//}); /* google.setOnLoadCallback */
|
||||
|
||||
/*
|
||||
function toggleComparisonNotes(lang) {
|
||||
// FIXME: save state in cookie, pass state to toggle(), reset text accordingly
|
||||
$("blockquote." + lang + " div.block").toggle(false);
|
||||
$("blockquote." + lang + " div.w a.toggle").text("show " + LANGS[lang] + " notes");
|
||||
}
|
||||
*/
|
||||
|
||||
function toggleCodeBlock(id) {
|
||||
$("#" + id).find("div.b").toggle();
|
||||
var a = $("#" + id).find("a.toggle");
|
||||
a.text(a.text() == HS['visible'] ? HS['hidden'] : HS['visible']);
|
||||
$("#" + id).find("div.b").toggle();
|
||||
var a = $("#" + id).find("a.toggle");
|
||||
a.text(a.text() == HS['visible'] ? HS['hidden'] : HS['visible']);
|
||||
}
|
||||
|
||||
function plainTextOnClick(id) {
|
||||
var clone = $("#" + id).clone();
|
||||
clone.find("div.w, span").remove();
|
||||
var win = window.open("about:blank", "plaintext", "toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=400,left=35,top=75");
|
||||
win.document.open();
|
||||
win.document.write('<pre>' + clone.html());
|
||||
win.document.close();
|
||||
var clone = $("#" + id).clone();
|
||||
clone.find("div.w, span").remove();
|
||||
var win = window.open("about:blank", "plaintext", "toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=400,left=35,top=75");
|
||||
win.document.open();
|
||||
win.document.write('<pre>' + clone.html());
|
||||
win.document.close();
|
||||
}
|
||||
|
||||
function hideTOC() {
|
||||
var toc = '<span>‣</span> <a href="javascript:showTOC()">show table of contents</a>';
|
||||
$("#toc").html(toc);
|
||||
var toc = '<span>‣</span> <a href="javascript:showTOC()">show table of contents</a>';
|
||||
$("#toc").html(toc);
|
||||
}
|
||||
|
||||
function showTOC() {
|
||||
var toc = '';
|
||||
var old_level = 1;
|
||||
$('h2,h3').each(function(i, h) {
|
||||
level = parseInt(h.tagName.substring(1));
|
||||
if (level < old_level) {
|
||||
toc += '</ol>';
|
||||
} else if (level > old_level) {
|
||||
toc += '<ol>';
|
||||
var toc = '';
|
||||
var old_level = 1;
|
||||
$('h2,h3').each(function(i, h) {
|
||||
level = parseInt(h.tagName.substring(1));
|
||||
if (level < old_level) {
|
||||
toc += '</ol>';
|
||||
} else if (level > old_level) {
|
||||
toc += '<ol>';
|
||||
}
|
||||
toc += '<li><a href=#' + h.id + '>' + h.innerHTML + '</a>';
|
||||
old_level = level;
|
||||
});
|
||||
while (level > 1) {
|
||||
toc += '</ol>';
|
||||
level -= 1;
|
||||
}
|
||||
toc += '<li><a href=#' + h.id + '>' + h.innerHTML + '</a>';
|
||||
old_level = level;
|
||||
});
|
||||
while (level > 1) {
|
||||
toc += '</ol>';
|
||||
level -= 1;
|
||||
}
|
||||
toc = '<span>▾</span> <a href="javascript:hideTOC()">hide table of contents</a>' + toc;
|
||||
$("#toc").html(toc);
|
||||
toc = '<span>▾</span> <a href="javascript:hideTOC()">hide table of contents</a>' + toc;
|
||||
$("#toc").html(toc);
|
||||
}
|
||||
|
||||
+1
-1
@@ -187,7 +187,7 @@ def approximate_size(size, a_kilobyte_is_1024_bytes=True):
|
||||
<ul>
|
||||
<li>The <code>sys</code> module holds information about the currently running Python instance. Since you just imported it, you can pass the <code>sys</code> module itself as an argument to the <code>format()</code> method. So the format specifier <code>{0}</code> refers to the <code>sys</code> module.
|
||||
<li><code>sys.modules</code> is a dictionary of all the modules that have been imported in this Python instance. The keys are the module names as strings; the values are the module objects themselves. So the format specifier <code>{0.modules}</code> refers to the dictionary of imported modules.
|
||||
<li><code>sys.modules["humansize"]</code> is the <code>humansize</code> module which you just imported. The format specifier <code>{0.modules[humansize]}</code> refers the <code>humansize</code> module. Note the slight difference in syntax here. In real Python code, the keys of the <code>sys.modules</code> dictionary are strings; to refer to them, you need to put quotes around the module name (<i>e.g.</i> <code>"humansize"</code>). But within a format specifier, you skip the quotes around the dictionary key name (<i>e.g.</i> <code>humansize</code>).
|
||||
<li><code>sys.modules["humansize"]</code> is the <code>humansize</code> module which you just imported. The format specifier <code>{0.modules[humansize]}</code> refers to the <code>humansize</code> module. Note the slight difference in syntax here. In real Python code, the keys of the <code>sys.modules</code> dictionary are strings; to refer to them, you need to put quotes around the module name (<i>e.g.</i> <code>"humansize"</code>). But within a format specifier, you skip the quotes around the dictionary key name (<i>e.g.</i> <code>humansize</code>).
|
||||
<li><code>sys.modules["humansize"].SUFFIXES</code> is the dictionary defined at the top of the <code>humansize</code> module. The format specifier <code>{0.modules[humansize].SUFFIXES}</code> refers to that dictionary.
|
||||
<li><code>sys.modules["humansize"].SUFFIXES[1000]</code> is a list of <abbr>SI</abbr> suffixes: <code>['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']</code>. So the format specifier <code>{0.modules[humansize].SUFFIXES[1000]}</code> refers to that list.
|
||||
<lI><code>sys.modules["humansize"].SUFFIXES[1000][0]</code> is the first item of the list of <abbr>SI</abbr> suffixes: <code>'KB'</code>. Therefore, the complete format specifier <code>{0.modules[humansize].SUFFIXES[1000][0]}</code> is replaced by the two-character string <code>KB</code>.
|
||||
|
||||
Reference in New Issue
Block a user