<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
</head>
<body>
(*) <strong>Trabajadores de la Gerencia</strong>
<br>
<div class="input-group">
<input type="text" name="ci" id="ci" class="form-control" placeholder="Ej. V-25708464">
<span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
</div>
<input name="nombres" id="nombres" class="form-control" placeholder="Nombres" readonly>
<input name="apellidos" id="apellidos" class="form-control" placeholder="Apellidos" readonly>
<input id="btn-agregar" class="btn btn-primary" title="Agregar" type="button" value="Agregar">
<br>
</div>
<hr>
(*)<strong>Trabajadores postulados</strong>
<table class="table table-hover">
<tr>
<th>Nombres y Apellidos</th>
</tr>
<tr id="lista">
</tr>
</table>
<div align="center" class=".btn-group btn-group-sm" role="group" aria-label="">
<button type="submit" class="btn btn-primary">Guardar</button>
<button class="btn btn-primary"><span class="glyphicon glyphicon-print"> Imprimir</span></button>
</div>
</form>
</article>
</section>
</section>
<script src="../js/bootstrap.min.js"></script>
<script>
$(function(){
//Autocompleta los datos
$("#ci").autocomplete({ source: 'buscador.php',
select: function(event, ui){ $("#nombres").val(ui.item.nombres); $('#apellidos').val(ui.item.apellidos); // $('#ficha').val(ui.item.ficha);
}
});
});
(function(){ // Variables
var lista = document.getElementById("lista"), nombreInput = document.getElementById("nombres"), apellidoInput = document.getElementById("apellidos"), btnNuevaTarea = document.getElementById("btn-agregar"), input = document.getElementById("ci");
// Funciones
var agregarTarea = function(){ var tarea = nombreInput.value + ' ' + apellidoInput.value,
nuevaTarea = document.createElement("li"), enlace = document.createElement("a"), contenido = document.createTextNode(tarea);
// Agregamos el contenido al enlace
enlace.appendChild(contenido);
// Le establecemos un atributo href
enlace.setAttribute("href", "#"); // Agrergamos el enlace (a) a la nueva tarea (li)
nuevaTarea.appendChild(enlace);
// Agregamos la nueva tarea a la lista
lista.appendChild(nuevaTarea);
nombreInput.value = "";
apellidoInput.value = "";
input.value = "";
for (var i = 0; i <= lista.children.length -1; i++) { lista.children[i].addEventListener("click", function(){ this.parentNode.removeChild(this);
});
}
};
var eleminarTarea = function(){ this.parentNode.removeChild(this);
};
// Eventos
// Agregar Tarea
btnNuevaTarea.addEventListener("click", agregarTarea);
// Borrando Elementos de la lista
for (var i = 0; i <= lista.children.length -1; i++) { lista.children[i].addEventListener("click", eleminarTarea); }
}());
</script>
</body>
</html>
