Galera,
no meu placar esta sendo inserido linhas automáticas em branco. O console ta apontando erro na nessa parte.
Uncaught ReferenceError: setTimeOut is not defined
at HTMLAnchorElement.removeLinha (placar.js:55)
at HTMLAnchorElement.dispatch (jquery.js:5110)
at HTMLAnchorElement.elemData.handle (jquery.js:4918)no meu codigo essa parte ta assim:
function removeLinha() {
event.preventDefault();
var linha = $(this).parent().parent();
linha.fadeOut(1000);
setTimeOut(function () {
linha.remove();
},1000);
}O codigo todo ta assim:
$("#botao-placar").click(mostraPlacar);
$("#botao-sync").click(sincronizaPlacar);
function inserePlacar(){
var corpoTabela = $(".placar").find("tbody");
var usuario = "Joao";
var numPalavras = $("#contador-palavras").text();
var linha = novaLinha(usuario, numPalavras);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.prepend(linha);//apend e prepend//
$(".placar").slideDown(500);
scrollPlacar();
}
function scrollPlacar() {
var posicaoPlacar = $(".placar").offset().top;
$("body").animate(
{
scrollTop: posicaoPlacar+"px"
},1000);
}
$(".botao-remover").click(function(event){
event.preventDefault();
$(this).parent().parent().remove();
});
function novaLinha(usuario, palavras) {
var linha = $("<tr>");
var colunaUsuario = $("<td>").text(usuario);
var colunaPalavras = $("<td>").text(palavras);
var colunaRemover = $("<td>");
var link = $("<a>").addClass("botao-remover").attr("href","#");
var icone = $("<i>").addClass("small").addClass("material-icons").text("delete");
link.append(icone);
colunaRemover.append(link);
linha.append(colunaUsuario);
linha.append(colunaPalavras);
linha.append(colunaRemover);
return linha;
}
function removeLinha() {
event.preventDefault();
var linha = $(this).parent().parent();
linha.fadeOut(1000);
setTimeOut(function () {
linha.remove();
},1000);
}
function mostraPlacar() {
$(".placar").stop().slideToggle(600)
}
function sincronizaPlacar(){
var placar = [];
var linhas = $("tbody>tr");
linhas.each(function(){
var usuario = $(this).find("td:nth-child(1)").text();
var palavras = $(this).find("td:nth-child(2)").text();
var score = {
usuario: usuario,
pontos: palavras
};
placar.push(score);
});
var dados = {
placar: placar
};
$.post("http://localhost:3000/placar",dados, function(){
});
}
function atualizaPlacar(){
$.get("http://localhost:3000/placar",function(data){
$(data).each(function(){
var linha = novaLinha(this.usuario, this.pontos);
linha.find(".botao-remover").click(removeLinha);
$("tbody").append(linha);
});
});
}Qualquer ajuda sera bem vinda,
