Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia Pessoal,
Tenho um crud em php e javascript porém quando uso espaço em branco , por exemplo Frango Frito,a função de atualizar não funciona e quando coloco FrangoFrito funciona...o que pode ser ?
function preparaAtualizacao(id,cod_sala,conteudo,dia,hr_inicio,hr_final) {
$("#conteudo").val(conteudo);
$("#id").val(id);
$("#cod_sala").val(cod_sala);
$("#dia").val(dia);
$("#hr_inicio").val(hr_inicio);
$("#hr_final").val(hr_final);
}
function salvar(){
var tf_usuario = $("#usuario").val();
var tf_conteudo = $("#conteudo").val();
var tf_id = $("#id").val();
var tf_cod_sala = $("#cod_sala").val();
var tf_dia = $("#dia").val();
var tf_hr_inicio = $("#hr_inicio").val();
var tf_hr_final = $("#hr_final").val();
if(tf_id == ''){
$.post("controladores/salvar.php",{usuario:tf_usuario,cod_sala:tf_cod_sala,dia:tf_dia,hr_inicio:tf_hr_inicio,hr_final:tf_hr_final,conteudo:tf_conteudo},
function(data){
alert('OK');
select();
});
}else{
$.post("controladores/alterar.php",{usuario:tf_usuario,id:tf_id,cod_sala:tf_cod_sala,dia:tf_dia,hr_inicio:tf_hr_inicio,hr_final:tf_hr_final,conteudo:tf_conteudo},
function(data){
alert('OK');
select();
$("#id").val('');
})
}
}
function deletar(id_agsala){
$.post("controladores/deletar.php",{id:id_agsala},function(data){
alert("OK");
select();
});
}
function select(){
var tf_usuario = $("#usuario").val();
var tf_conteudo = $("#conteudo").val();
var tf_nome = $("#nome").val();
var tf_dia = $("#dia").val();
var tf_hr_inicio = $("#hr_inicio").val();
var tf_hr_final = $("#hr_final").val();
$.getJSON("controladores/select.php",{usuario:tf_usuario,nome:tf_nome,dia:tf_dia,hr_inicio:tf_hr_inicio,hr_final:tf_hr_final,conteudo:tf_conteudo},
function(data){
var html = "<table class='table table-striped'> "+
"<thead>"+
"<th>Sala</th>"+
"<th>Conteúdo</th>"+
"<th>Data</th>"+
"<th>Inicio</th>"+
"<th>Final</th>"+
"<th>Usuário</th>"+
"</thead>";
$.each(data,function(index,elemento){
html += "<tr>"+
" <td>"+elemento.nome+"</td>"+
" <td>"+elemento.conteudo+"</td>"+
" <td>"+elemento.dia+"</td>"+
" <td>"+elemento.hr_inicio+"</td>"+
" <td>"+elemento.hr_final+"</td>"+
" <td>"+elemento.usuario+"</td>"+
" <td><button class='btn btn-danger' onclick='deletar("+elemento.id+")' >Deletar</button>" +
"<button class='btn btn-info' onclick=preparaAtualizacao("+elemento.id+",'"+elemento.cod_sala+"','"+elemento.conteudo+"','"+elemento.dia+"','"+elemento.hr_inicio+"','"+elemento.hr_final+"') >Atualizar</button></td>"+
"</tr>";
});
html += "</table>";
$("#conteudoAgendaSala").html(html);
document.getElementById("formAgendaSala").reset();
});
}agendaSala.php
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php
session_start();
?>
<div id="content">
<div id="editEsq">
<form onsubmit="return false" id='formAgendaSala'>
<input type="hidden" name='id' id='id'/>
<label class="item" for="sala">Sala:</label>
<select id="cod_sala" onchange="mostraCampo()">
<option></option>
<option value="1">Auditório</option>
<option value="2">Lab Química e Física</option>
<option value="3">Lousa digital EF II / EM</option>
<option value="4">Lousa digital NDJR1</option>
<option value="5">Lousa digital NDJR2</option>
</select>
</br>
<div id="campoOculto" style="display:none"}>
<label class="checkbox inline">
<input type="checkbox" id="apresentador" name="apresentador" value="option1">Irei utilizar o apresentador
</label>
</div>
<input type="hidden" name='usuario' id='usuario' value= '<?php echo $_SESSION['UsuarioNome'] ?>'/>
<label class="item" for="conteudo">Conteúdo:</label>
<input type="text" name='conteudo' id='conteudo' />
<label class="item" for="data">Data</label>
<input type="date" name='dia' id='dia' />
<label class="item" for="hr_inicio">Horário</label>
<input type="time" size="35px" name='hr_inicio' id='hr_inicio' /> ás
<input type="time" size="5px" name='hr_final' id='hr_final' /></br>
</br></br>
<button class="btn btn-success" onclick="salvar()">Salvar</button>
<button class="btn btn-info" onclick="select()">Exibir todos</button>
</form>
</div>
<div id="editDir">
<div id='conteudoAgendaSala'>
</div>
</div>
</div><!-- /content -->Instalei o Firebug e ele mostrou o erro unterminated string literal ao clicar em atualizar que chama a função preparaAtualizacao
Fiz uma montagens com as telas para mostrar o que acontece
/applications/core/interface/imageproxy/imageproxy.php?img=http://ocdigital.com.br/outros/erros.jpg&key=c3e353d1683801e6cff0054ed159c79e0405b52fb5f83dcae3614992e9b3094e" alt="erros.jpg" />
a função q tá no erro é a preparaAtualizacaoPratos(). Você ainda não postou ela aqui.
Ops desculpa ,mas é a mesma só muda o nome das funções , segue ...
function preparaAtualizacaoPratos(id,nomePrato,calorias,tipo,tag) {
$("#id").val(id);
$("#nomePrato").val(nomePrato);
$("#calorias").val(calorias);
$("#tipo").val(tipo);
$("#tag").val(tag);
}
function salvarPratos(){
var tf_id = $("#id").val();
var tf_nomePrato = $("#nomePrato").val();
var tf_calorias = $("#calorias").val();
var tf_tipo = $("#tipo").val();
var tf_tag = $("#tag").val();
if(tf_id == ''){
$.post("controladores/salvarPratos.php",{nomePrato:tf_nomePrato,calorias:tf_calorias,tipo:tf_tipo,tag:tf_tag},
function(data){
alert('OK');
selectPratos();
});
}else{
$.post("controladores/alterarPratos.php",{nomePrato:tf_nomePrato,calorias:tf_calorias,id:tf_id,tipo:tf_tipo,tag:tf_tag},
function(data){
alert('OK');
selectPratos();
$("#id").val('');
})
}
}
function deletarPratos(id_pratos){
$.post("controladores/deletarPratos.php",{id:id_pratos},function(data){
alert("OK");
selectPratos();
});
}
function selectPratos(){
var tf_nomePrato = $("#nomePrato").val();
var tf_calorias = $("#calorias").val();
var tf_tipo = $("#tipo").val();
var tf_tag = $("#tag").val();
$.getJSON("controladores/selectPratos.php",{nomePrato:tf_nomePrato,calorias:tf_calorias,tipo:tf_tipo,tag:tf_tag},
function(data){
var html = "<table class='table table-striped'> "+
"<thead>"+
"<th>Nome</th>"+
"<th>Calorias</th>"+
"<th>Tipo</th>"+
"<th>Tag</th>"+
"</thead>";
$.each(data,function(index,elemento){
html += "<tr>"+
" <td>"+elemento.nomePrato+"</td>"+
" <td>"+elemento.calorias+"</td>"+
" <td>"+elemento.tipo+"</td>"+
" <td>"+elemento.tag+"</td>"+
" <td><button class='btn btn-danger' onclick='deletarPratos("+elemento.id+")' >Deletar</button>" +
"<button class='btn btn-info' onclick=preparaAtualizacaoPratos("+elemento.id+",'"+elemento.nomePrato+"','"+elemento.calorias+"','"+elemento.tipo+"','"+elemento.tag+"') >Atualizar</button></td>"+
"</tr>";
});
html += "</table>";
$("#conteudoPratos").html(html);
document.getElementById("formPratos").reset();
});
}essa linha aqui:
"<button class='btn btn-info' onclick=preparaAtualizacaoPratos("+elemento.id+",'"+elemento.nomePrato+"','"+elemento.calorias+"','"+elemento.tipo+"','"+elemento.tag+"') >Atualizar</button></td>"+
deixe ela assim:
'<button class="btn btn-info" onclick="preparaAtualizacaoPratos('+elemento.id+',\''+elemento.nomePrato+'\',\''+elemento.calorias+'\',\''+elemento.tipo+'\',\''+elemento.tag+'\')" >Atualizar</button></td>'+
Ainda vou ser assim ...kkk valeu Willian só faltou fechar o "preparaAtualizacaoPratos
'<button class="btn btn-info" onclick="preparaAtualizacaoPratos('+elemento.id+',\''+elemento.nomePrato+'\',\''+elemento.calorias+'\',\''+elemento.tipo+'\',\''+elemento.tag+'\')" >Atualizar</button></td>'+
mostre o html da sua tag <form>