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>
0

Nie znika: http://jsbin.com/cekififa/1/

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