Preciso deletar e alterar a plano especifico criado com a variavel lista! sempre que deleto, deleta todas e se eu alterar ele deleta todas e altera uma so!
function planoCriado() {
var lista;
lista = document.getElementById("nomeLista").value;
plan = true;
window.alert("Plano de Treino " + lista + " criado com sucesso!");
var quadradoPlano = "Lista de Exercícios: </b> " + lista + '<br> <button onclick="alterarPlano();" style="width:auto;"> Editar Plano </button> ' +
'<button onclick="deletePlano();" style="width:auto;"> Deletar Plano </button>';
document.getElementById("addPlano").innerHTML += quadradoPlano;
}
function deletePlano(i) {
if (confirm("Tem a certeza que quer apagar seu Plano de Treino " + lista + "?")) {
document.getElementById('addPlano').remove();
}
}
function alteraPlano(i) {
if (confirm("Tem a certeza que quer apagar seu Plano de Treino " + lista + "?")) {
}
}
Crie uma lista
<div class="infor" style="clear: both; margin-top: 15px; margin-left: 25px">
<input type="text" placeholder="MyList" id="nomeLista" class="input_number" /><br>
</div>
<div class="infor" style="clear: both; margin-top: 15px; margin-left: 25px">
<button type="submit" class="signupbtn" onclick="planoCriado();" id="confirmar">Confirmar</button>
<button type="submit" class="signupbtn" onclick="planoAlterado();" id="alterar" hidden>Alterar</button>
<button type="button" onclick="volta_HomePage()" class="cancelbtn"> Cancelar </button>
</div><br>
<div id="addPlano"></div>
meu problema seguinte! criei um plano de exercicio, porem nao consigo deletar a lista especifica com o nome dado a ela, qdo deleto ele deleta tudo, e eu queria apenas a "lista" definida!
var lista;
function planoCriado() {
lista = document.getElementById("nomeLista").value;
if (data == "")
window.alert("Data inválida");
else if (duracao == "")
window.alert("Duração inválida");
else if (dieta == "")
window.alert("Dieta inválida");
else if (refeicao == "")
window.alert("Refeicao inválida");
else if (lista == "")
window.alert("Lista de Exercícios inválida");
else {
plan = true;
window.alert("Plano de Treino " + lista + " criado com sucesso!");
volta_HomePage();
var quadradoPlano = "<div class='infor' > <b> Dia </b> " + data + "<br><b> Duracão: </b> " + duracao + " Horas <br><b>Frequencia:</b>" + frequencia + "<b><br> Dieta:</b> " + dieta + " <br><b> Refeição: </b> " + refeicao + "<br><b> Lista de Exercícios: </b> " + lista +
'<br> <button onclick="alterarPlano();" style="width:auto;"> Editar Plano </button> ' +
'<button onclick="deletePlano();" style="width:auto;"> Deletar Plano </button>';
document.getElementById("addPlano").innerHTML += quadradoPlano;
}
}
/*deletar*/
function deletePlano(d) {
if (confirm("Tem a certeza que quer apagar seu Plano de Treino " + lista + "?")) {
document.getElementById('addPlano').remove();
}
}
<div class="infor" style="clear: both; margin-top: 15px; margin-left: 25px">
<input type="text" placeholder="MyList" id="nomeLista" class="input_number" /><br><button onclick="irExercicios();" id="botaoCriaLista">Fazer lista de Exercicios</button>
</div>
<div class="infor" style="clear: both; margin-top: 15px; margin-left: 25px">
<button type="submit" class="signupbtn" onclick="planoCriado();" id="confirmar">Confirmar</button>
<button type="submit" class="signupbtn" onclick="planoAlterado();" id="alterar" hidden>Alterar</button>
<button type="button" onclick="volta_HomePage()" class="cancelbtn"> Cancelar </button>
</div>
function planoAlterado() {
data = document.getElementById("calendario").value;
duracao = document.getElementById("timestop").value;
frequencia = document.getElementById("frequencia").value;
var alldieta = document.getElementsByName("tipo");
console.log(alldieta);
for (var i = 0, length = alldieta.length; i < length; i++) {
if (alldieta[i].checked) {
dieta = alldieta[i].value;
break;
}
}
var allrefeicao1 = document.getElementsByName("tipoP");
var allrefeicao2 = document.getElementsByName("tipoO");
var allrefeicao3 = document.getElementsByName("tipoV");
var allrefeicao4 = document.getElementsByName("tipoVe");
for (i = 0, length = allrefeicao1.length; i < length; i++) {
if (allrefeicao1[i].checked) {
refeicao = allrefeicao1[i].value;
break;
}
}
for (i = 0, length = allrefeicao2.length; i < length; i++) {
if (allrefeicao2[i].checked) {
refeicao = allrefeicao2[i].value;
break;
}
}
for (i = 0, length = allrefeicao3.length; i < length; i++) {
if (allrefeicao3[i].checked) {
refeicao = allrefeicao3[i].value;
break;
}
}
for (i = 0, length = allrefeicao4.length; i < length; i++) {
if (allrefeicao4[i].checked) {
refeicao = allrefeicao4[i].value;
break;
}
}
lista = document.getElementById("nomeLista").value;
if(data == "")
window.alert("Data inválida");
else if(duracao == "")
window.alert("Duração inválida");
else if(dieta == "")
window.alert("Dieta inválida");
else if(refeicao == "")
window.alert("Refeicao inválida");
else if(lista == "")
window.alert("Lista de Exercícios inválida");
else{
plan = true;
window.alert("Plano de Treino " + lista + " alterado com sucesso!");
volta_HomePage();
var quadradoPlano =
"<div class='infor' > <b> Dia </b> " + data +
"<br><b> Duracão: </b> " + duracao +
" Horas <br><b>Frequencia:</b>"+ frequencia +
"<b><br> Dieta:</b> " + dieta +
" <br><b> Refeição: </b> " + refeicao +
"<br><b> Lista de Exercícios: </b> " + lista +
'<br> <button onclick="alterarPlano();" style="width:auto;"> Editar Plano </button> ' +
'<button onclick="deletePlano();" style="width:auto;"> Deletar Plano </button>';
document.getElementById("addPlano").innerHTML = quadradoPlano;
function deletePlano(i){
if (confirm("Tem a certeza que quer apagar seu Plano de Treino " + lista +"?")) {
document.getElementById('addPlano').remove()
document.location.reload(true);
}
}
}
}
addPlano
? Procure criar um Exemplo minimo verificavel do problema para ser facil de ajudar.