Jquery

Problem je sledeč. Narišem tabelo, ki jo lahko nato manipuliram tako, da z klikom na okvirček (td) spremeni barvo. Uporabnik lahko nato izbere kakšne bodo dimenzije tabele. Jaz jo na novo naredim tako, da iz obstoječe tabele izbrišem tr in na novo naredim tr in td. Problem pride po risanju novih dimenzij tabele, saj se Jquery funkcija click ne sproži več(ne morem več barvat).

// tuki manipuliram tabela, ki ima barvno lestvico
$("#tabela1 > tr >td").click(function() {
        
        
                $("#b > td").css("border","1px solid white");
                
                 $(this).css('border', '2px solid red');

    });
    

$("#risalna_povrsina > tr >td").click(function() {//Barvanje risalne površine 1 kvadratek
 
 
             var table = document.getElementById("tabela1");
              
               
               for (var i = 0, row; row = table.rows[i]; i++) 
               {
 
                      for (var j = 0, col; col = row.cells[j]; j++) 
                      {

                           var rdeca=col.style.borderColor;
              
                            if(rdeca=="red")
                                {                                  
                                  var ozadje=col.style.backgroundColor;
                                 
                                  $(this).css("backgroundColor",ozadje);
                                }
                      }   
                 } 


function Izrisi()// risanje poljubne tabele
{   
    var sirina=document.getElementById("polje").value;
    var tabela = document.getElementById("risalna_povrsina");
         
            
            for(var i = tabela.rows.length - 1; i >= 0; i--)
            {              
                tabela.deleteRow(i);
            }
                             
       ///Narišem na novo tabelo    
           for (var j = 0; j < sirina; j++) 
                 {                   
                     var vrstica = document.createElement("tr");
  
                    for (var i = 0; i < sirina; i++) 
                     {
     
                       var celica = document.createElement("td");   
                       vrstica.appendChild(celica);
                      }                
                 tabela.appendChild(vrstica);
                }              
}
    });

Ne dela. Pred spremembo vrstic dela, ko pa vrstice spremenim pa ne. Sem bral, da je treba na novo ustvarjene vrstice dodat v jquery kolekcijo in da je treba uporabit on funkcijo ampak nikakor ne dela.

Ne dela. Glej tole kodo. Tam ko izbiram barve je use uredu. Jaz na novo narišem risalno površino.
Tuki je začetno risalno polje, ki se nariše ob nalaganju(to polje potem spremenim).

$("#risalna_povrsina > tr >td").click(function() {//Barvanje risalne površine 1 kvadratek
  
  
             var table = document.getElementById("tabela1");
               
                
               for (var i = 0, row; row = table.rows[i]; i++) 
               {
  
                      for (var j = 0, col; col = row.cells[j]; j++) 
                      {
 
                           var rdeca=col.style.borderColor;
               
                            if(rdeca=="red")
                                {                                  
                                  var ozadje=col.style.backgroundColor;
                                  
                                  $(this).css("backgroundColor",ozadje);
                                }
                      }   
                 } 

Tuki se na novo nariše risalno polje

function Izrisi()// risanje poljubne tabele
{   
    var sirina=document.getElementById("polje").value;
    var tabela = document.getElementById("risalna_povrsina");
          
             
            for(var i = tabela.rows.length - 1; i >= 0; i--)
            {              
                tabela.deleteRow(i);
            }
                              
       ///Narišem na novo tabelo    
           for (var j = 0; j < sirina; j++) 
                 {                   
                     var vrstica = document.createElement("tr");
   
                    for (var i = 0; i < sirina; i++) 
                     {
      
                       var celica = document.createElement("td");   
                       vrstica.appendChild(celica);
                      }                
                 tabela.appendChild(vrstica);
                }              
}
    });

Se učim in oprosti ker ne znam vsega takoj=)

ja, link.php je za fallback, ce JS ni aktiviran na strani

Malo pomoči bi rabil, ker ne vidim v čem je fora da mi ne dela. Mam na podoben način send mail pa dela, tole pa ne dela, pa ne dela.
html:

<div id="login_form">
	<form name="register" action="#"> 
		<table id="text">
		<tr>
.
.
.
<input type="submit" id="submit" value="Vnesi">
</div>

Pa še jquery

$(document).ready(function(){
	$("#submit").click(function(){
		
		  name=$("#name").val();
		  password=$("#pass1").val();
		  $.ajax({
		   type: "POST",
		   url: "reg1.php",
		   data: "name="+name+"&pass1="+pass1,
		   success: function(html){
			if(html=='ok')
			{
				$("#login_form").fadeOut("normal");
				$("#test").html("bravo, uspelo ti je!");
			}
			else
				$("#test").html("napaka....");
			
		}
	});
  });
});

Naredil tako, pa ne dela.
reg1.php je pravi url.
Edino mogoče index.php in reg1.php sta skupaj. js fajle pa imam v mapi JS. Mogoče ni pravilno linkano? Samo pol mi tudi druge zadeve(counter,dropdown meni,...), ki tudi uporabljam na enak način ne bi delale, pa vse ostalo dela, samo tole ne.

edit: aja, nekaj sem guglal, pa sem nekje našel, da včasih mora biti gumb pod input type definiran pod "button", večinoma pa pod submit. Ne kapiram te razlike, tako da če lahko še to kdo mi razloži.

uporabljaj google developer tools ali firebug za debugat zadeve... tako na pamet je tezko rect, kje ti stvari crknejo