vengo aquí con una pregunta algo simple tal vez. Estoy iniciando con el desarrollo web y tenía la duda de como hacer funcionar este código porque al parecer algo está saliendo mal.
Cabe destacar que tengo la librería de jQuery importada al proyecto. El código es el siguiente:
<form role="form" class="form-inline">
<div class="form-group" style="padding-left: 20px;">
<label for="nomproy" style="padding-right: 10px;">Proyecto </label>
<input type="text" id="addproy" class="form-control">
<button style="padding-left: 10px; background-color: transparent; background-repeat: no-repeat; border: none; cursor: pointer; overflow: hidden; outline: none;" class="btn btn-white add">
<h2><i class="pe-7s-plus"></i></h2>
</button>
</div>
<!-- HTML Tabla-->
<div class="table-responsive" style="padding-left: 15px; padding-right: 15px;" id="proytab">
<table class="table table-striped " id="tab-proy-adm">
<thead>
<tr>
<th>#</th>
<th>Proyecto</th>
<th></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
Y para la parte del jQuery es:
$('.add').click(function(){
var table = document.getElementById("tab-proy-adm");
var nombrep = document.getElementById("addproy").value;
if (nombrep === "" || nombrep === null){
swal("", "No hay datos para añadir", "warning");
return false;
} else{
var row = table.insertRow(1);
var cell0 = row.insertCell(0);
var cell1 = row.insertCell(1);
cell0.innerHTML = nombrep;
cell1.innerHTML = '<input type="button" class="borrar" value="borrar"/>';
sortTable();
}
}),
$('.borrar').click(function (event) {
event.preventDefault();
$(this).closest('tr').remove();
}),
function sortTable() {
var table, rows, switching, i, x, y, shouldSwitch;
table = document.getElementById("tab-proy-adm");
switching = true;
while (switching) {
switching = false;
rows = table.getElementsByTagName("tr");
for (i = 1; i < (rows.length - 1); i++) {
shouldSwitch = false;
x = rows[i].getElementsByTagName("td")[0];
y = rows[i + 1].getElementsByTagName("td")[0];
if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
shouldSwitch = true;
break;
}
}
if (shouldSwitch) {
rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
switching = true;
}
}
};
Terminando con esta parte, el comentario que añado es que registra el dato pero lo borra al momento sin permitir recuperar la información.
Muchas gracias.
document.getElementById
?registra el dato pero lo borra al momento sin permitir recuperar la información
= ¿a qué te refieres, que la información no se mantiene en pantalla?.