Просмотр архива MelonHTML5


<?php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>SyntaxHighlighter Brushes Tests</title>
    <script type="text/javascript" src="/js/jquery-1.4.2.js"></script>
    
    <!-- SyntaxHighlighter -->
    <script type="text/javascript" src="/sh/scripts/XRegExp.js"></script> <!-- XRegExp is bundled with the final shCore.js during build -->
    <script type="text/javascript" src="/sh/scripts/shCore.js"></script>
    <script type="text/javascript" src="/sh/scripts/shAutoloader.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushAppleScript.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushAS3.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushBash.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushColdFusion.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushCpp.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushCSharp.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushCss.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushDelphi.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushDiff.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushErlang.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushGroovy.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushJava.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushJavaFx.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushJScript.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushPerl.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushPhp.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushPlain.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushPowerShell.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushPython.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushRuby.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushSass.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushScala.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushSql.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushVb.js"></script>
    <script type="text/javascript" src="/sh/scripts/shBrushXml.js"></script>

    <link type="text/css" rel="stylesheet" href="/sh/styles/shCoreDefault.css"/>
</head>

<body>

<div id="output"></div>

<style>
body {
    background: white;
    font-family: Helvetica;
}

.test-wrap {
    width: 100%;
    height: 800px;
    overflow: auto;
    border: none;
}
</style>

<script type="text/javascript">
var brushes = [
        'AS3',
        'AppleScript',
        'Bash',
        'CSharp',
        'ColdFusion',
        'Cpp',
        'Css',
        'Delphi',
        'Diff',
        'Erlang',
        'Groovy',
        'JScript',
        'Java',
        'JavaFX',
        'Perl',
        'Php',
        'Plain',
        'PowerShell',
        'Python',
        'Ruby',
        'Sass',
        'Scala',
        'Sql',
        'Vb',
        'Xml'
    ];
    
$(document).ready(function()
{
    var html = '';
    
    $.each(brushes, function(index)
    {
        var name = this;
        
        html += ''
            + '<div class="test-wrap">'
            + '<h1>'
                + '<a href="#theme' + (index + 1) + '">next</a> '
                + '<a name="theme' + index + '">'
                    + name
                + '</a>'
            + '</h1>'
            ;
        
        $.ajax({
            url: 'brushes/' + name.toLowerCase() + '.html',
            type: 'GET',
            dataType: 'text',
            async: false,
            success: function(data)
            {
                html += data;
            },
            error: function()
            {
                html += '<p>Not found...</p>';
            }
        });
        
        html += '</div>n';
    
        if (index % 2 != 0)
            html += '<div style="clear:both"></div>n';
    });
    
    $('#output')[0].innerHTML = html;
    $('#output a[name]:first').attr('name', 'top');
    $('#output a[href]:last').attr('href', '#top').html('top');
    
    SyntaxHighlighter.highlight();
});
</script>

</body>
</html>

?>