<commit_before><!DOCTYPE html>
<html>
    <head>
        <title>Floating header</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >   
        <link href="main.css" type="text/css" rel="stylesheet" > 
        <link href="float.css" type="text/css" rel="stylesheet" >        
        <script type="text/javascript" src="float.js"></script>
        <script type="text/javascript"  src='moveToBottom.js'></script>
        <script type="text/javascript">         
            function addEvent(obj, ev, fu) {
                if (obj.addEventListener) {
                    obj.addEventListener(ev, fu, false);
                } else {
                    var eev = 'on' + ev;
                    obj.attachEvent(eev, fu);
                }
            }
            addEvent(window, 'load', function() {
                floatHeader('t1',{ncpth:[1,2],nccol:2});
                floatHeader('t2',{ncpth:[2],nccol:2});
                floatHeader('t3',{ncpth:[1],nccol:1});
                moveToBottom('foot');
            });
        </script>    
    </head>
    <body>
        <div class="content">
            <div class="divhead" >                                                       
                <i><a href="http://hgsweb.de"> <img  src="../home.png"></a><b class="headLine">&nbsp;PHP &amp; JavaScript &amp; HTML &amp; CSS </b></i>
                <b></b>
                <span class="small"><b></b></span>                                     
            </div>
            <h2>All the  300+ CLOC JavaScript you need is in the source of this page</h2>   
            <p>
                Sroll the table headers out of view
            <p>
                You shoud then see the pseudo headers floating in as needed as well
                as columns from the,left.
                
                For table with id=t1 the configuration looks like<br>
                <pre>
                floatHeader('t1',{ncpth:[1,2],nccol:2});
                </pre>
                &nbsp;
                <p>
            <b>ncpth</b> specifies to take one header column from row with index 0 and<br>
                2 header columns from row with index 1, to create the floating top left header corner.
                <br>
                <b> nccol</b> specifies to take the first 2 columns from every data row below the header
                <p>
                
                As of  12.01.2014 this has been working for :
            <p>
                IE9 , Chrome Version 23.0.1271.97,  FireFox 17.0.1 , 
                Opera 12.12, Safari 5.1.7.

            </p>

            <table id="out"><tr id=tr1 valign="top"><td id="td1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td id="td2">
                        <table class=table id="t1" border="1">
                            <tr><th colspan="2">1</th><th colspan="2">22 <img src="calendar_icon.png"></th></tr>
                            <tr><th>1</th><th>22</th><th>333</th><th>4444</th></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>ddd<br>ddddd<br>dddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><i style='color:red'>aaaaaaa</i></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbb<br>bbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                        </table>
                            <hr style='width:1px;height:4000px'>
                    </td><td>
                        <table id="t3">
                            <tr><th>Cell0</th><th>Cell1</th><th>Cell2</th><th>Cell3</th></tr>
                            <tr><td>Meier</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>Schulze</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><b>HELLO</b></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>Müller</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><a href='hgsweb.de'>Schweitzer</a></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td></td><td>bbbbbbbbb</td><td></td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><b><u>GREECE</u></b></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>myDates <img src="calendar_icon.png"></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbbbbbbbbbbbbbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                        </table>
                        <hr style='width:3000px'>
                        <table class=table id="t2" >
                            <tr><th>A</th><th>BB</th><th>CCC</th><th>DDD</th></tr><commit_msg>added some more interessting data into tables also good for testing<commit_after><!DOCTYPE html>
<html>
    <head>
        <title>Floating header</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >   
        <link href="main.css" type="text/css" rel="stylesheet" > 
        <link href="float.css" type="text/css" rel="stylesheet" >        
        <script type="text/javascript" src="float.js"></script>
        <script type="text/javascript"  src='moveToBottom.js'></script>
        <script type="text/javascript">         
            function addEvent(obj, ev, fu) {
                if (obj.addEventListener) {
                    obj.addEventListener(ev, fu, false);
                } else {
                    var eev = 'on' + ev;
                    obj.attachEvent(eev, fu);
                }
            }
            addEvent(window, 'load', function() {
                floatHeader('t1',{ncpth:[1,2],nccol:2});
                floatHeader('t2',{ncpth:[2],nccol:2});
                floatHeader('t3',{ncpth:[1],nccol:1});
                moveToBottom('foot');
            });
        </script>    
    </head>
    <body>
        <div class="content">
            <div class="divhead" >                                                       
                <i><a href="http://hgsweb.de"> <img  src="../home.png"></a><b class="headLine">&nbsp;PHP &amp; JavaScript &amp; HTML &amp; CSS </b></i>
                <b></b>
                <span class="small"><b></b></span>                                     
            </div>
            <h2>All the  300+ CLOC JavaScript you need is in the source of this page</h2>   
            <p>
                Sroll the table headers out of view
            <p>
                You shoud then see the pseudo headers floating in as needed as well
                as columns from the,left.
                
                For table with id=t1 the configuration looks like<br>
                <pre>
                floatHeader('t1',{ncpth:[1,2],nccol:2});
                </pre>
                &nbsp;
                <p>
            <b>ncpth</b> specifies to take one header column from row with index 0 and<br>
                2 header columns from row with index 1, to create the floating top left header corner.
                <br>
                <b> nccol</b> specifies to take the first 2 columns from every data row below the header
                <p>
                
                As of  12.01.2014 this has been working for :
            <p>
                IE9 , Chrome Version 23.0.1271.97,  FireFox 17.0.1 , 
                Opera 12.12, Safari 5.1.7.

            </p>

            <table id="out"><tr id=tr1 valign="top"><td id="td1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td id="td2">
                        <table class=table id="t1" border="1">
                            <tr><th colspan="2">1</th><th colspan="2">22 <img src="calendar_icon.png"></th></tr>
                            <tr><th>1</th><th>22</th><th>333</th><th>4444</th></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>ddd<br>ddddd<br>dddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><i style='color:red'>aaaaaaa</i></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbb<br>bbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                        </table>
                            <hr style='width:1px;height:4000px'>
                    </td><td>
                        <table id="t3">
                            <tr><th>Identification</th><th>Cell1</th><th>Cell2</th><th>Cell3</th></tr>
                            <tr><td>Meier</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>Schulze</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><b>HELLO</b></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>Müller</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><a href='hgsweb.de'>Schweitzer</a></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td></td><td>bbbbbbbbb</td><td></td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td><b><u>GREECE</u></b></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>myDates <img src="calendar_icon.png"></td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbbbbbbbbbbbbbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                            <tr><td>aaaaaaa</td><td>bbbbbbbbb</td><td>cccccccccc</td><td>dddddddddddd</td></tr>
                        </table>
                        <hr style='width:3000px'>
                        <table class=table id="t2" >
                            <tr><th>A</th><th>BB</th><th>CCC</th><th>DDD</th></tr>
{'fraction_non_alphanumeric': 0.1969122282173193, 'fraction_numerical': 0.009455633313745392, 'mean_word_length': 1.882217090069284, 'pattern_counts': {'":': 0, '<': 1251, '<?xml version=': 0, '>': 1251, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 386, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3037226', 'n_tokens_mistral': 6845, 'n_tokens_neox': 6578, 'n_words': 563}