1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <title>SyntaxHighlighter Theme Tests</title>
6 <script type="text/javascript" src="/js/jquery-1.4.2.js"></script>
11 <div id="output"></div>
16 font-family: Helvetica;
27 <script id="sample" type="text/plain">
28 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
29 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
31 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
32 <title>SyntaxHighlighter Theme Tests</title>
38 * Looks for a child or parent node which has specified classname.
39 * Equivalent to jQuery's $(container).find(".className")
40 * @param {Element} target Target element.
41 * @param {String} search Class name or node name to look for.
42 * @param {Boolean} reverse If set to true, will go up the node tree instead of down.
43 * @return {Element} Returns found child or parent element on null.
45 function findElement(target, search, reverse /* optional */)
50 var nodes = reverse != true ? target.childNodes : [ target.parentNode ],
51 propertyToFind = { '#' : 'id', '.' : 'className' }[search.substr(0, 1)] || 'nodeName',
56 // main return of the found node
57 if ((target[propertyToFind] || '').indexOf(expectedValue) != -1)
68 <script type="text/javascript">
74 ['#000', 'FadeToGrey'],
80 $(document).ready(function()
82 var sample = $('#sample').text().replace(/</g, '<');
84 $.each(themes, function(index)
86 var $iframe = $('<iframe class="test-wrap" src="about:blank" />'),
94 + '<a href="#theme' + (index + 1) + '">next</a> '
95 + '<a name="theme' + index + '">'
103 $iframe.ready(function()
105 var doc = $iframe[0].contentDocument;
106 $iframe.css('background', background);
109 + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/XRegExp.js"></scr' + 'ipt>'
110 + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/shCore.js"></scr' + 'ipt>'
111 + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/shBrushXml.js"></scr' + 'ipt>'
112 + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/shBrushJScript.js"></scr' + 'ipt>'
113 + '<link type="text/css" rel="stylesheet" href="/sh/styles/shCore' + themeName + '.css"/>'
114 + '<pre type="syntaxhighlighter" class="brush: js; html-script: true; highlight: [5, 20]" title="This is SyntaxHighlighter theme ' + themeName + ' in action!">'
117 + '<pre type="syntaxhighlighter" class="brush: js; html-script: true; collapse: true">'
120 + '<scr' + 'ipt type="text/javascript">'
121 + 'SyntaxHighlighter.highlight();'
128 $('#output a[name]:first').attr('name', 'top');
129 $('#output a[href]:last').attr('href', '#top').html('top');