Znikająca tabela

0

Witam, natrafiłem na nietypowy problem z event onclick... Tabela, którą tworzę pojawia się i znika... Nie rozumiem tego zachowania... Gdyby, ktoś zauważył przyczynę to będę wdzięczny. Sam też coś poszukam i jak znajdę to tu dopiszę...

main_js.js:

var Tablica = function ()
{
                var data;
                var tabela;
                var target;
                var swtabela="";

                         data = [];
                         data[0] = [ 'ulmu', 'ghjk', 'dvgb'];
                         data[1] = [ 'stfg', 'uiop', 'klhg'];
                         data[2] = [ 'abcd', 'jjjj', 'ghjk'];

                var init = function (cel)
                {
                    target = document.getElementById(cel);

                }               
                        //Tworzenie Tablicy
                var createHeader = function (){

                         tabela = "<table border=\"1px\">  ";
                        }
                var createCell = function (content){
                         swtabela += "<td>   "+content+"   </td>";
                        }
                var createRow = function (content){
                        tabela += "<tr>    "+content+"   </tr>";
                        }   
                var createFoot =  function (){

                         tabela += "</table>";
                        }

                var generate =  function (){    
                        createHeader();

                            for(var j=0;j<data.length;j++){
                                for(var i=0;i<data[j].length;i++){

                                    createCell(data[j][i]); 
                                    console.log(swtabela);                      
                                }//for

                                    createRow(swtabela);
                                    swtabela = "";
                            }//for

                         createFoot();
                         target.innerHTML =  tabela;

                        }

    //public members
    return {
        //udostępnianie private function to public function
         Tg: generate,
         Init: init

           };

}();

window.onload = function() {
var Button = document.getElementById('Button1');
Button.addEventListener('click', function(event) {Tablica.Init('Tabela'),Tablica.Tg() });
}

index.html:

<!doctype html> 

<html>  

<head>  
 <meta charset="UTF-8"> 

<meta name="Description" content="Opis Twojej strony dla wyszukiwarek" />  

<meta name="Keywords" content="Tu słowa kluczowe rozdzielone przecinkami dla wyszukiwarek" />  

<title>Nowa</title>  

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- <script src="http://code.jquery.com/jquery-latest.min.js"></script>   Najnowsza WERSJA JQUERY -->
<script src="js/main_js.js"></script>
</head>  

<body> 

<button id="Button1" >Generuj</button>
</br>

<div  id="Tabela"></div>

</form>
</body>  

</html> 

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0