-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
76 lines (76 loc) · 2.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>AJAX JQuery</title>
<link rel="stylesheet" href="stylesheets/bootstrap.min.css">
<link rel="stylesheet" href="stylesheets/style.css">
<script src="javascript/jquery.min.js"></script>
<script src="javascript/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="well">
<button class="btn btn-success btn-lg" data-toggle="modal" href='#agregar'>Agregar Persona</button>
<table class="table table-condensed table-hover">
<thead>
<tr class="info">
<th>RUT</th>
<th>NOMBRE</th>
<th>EMAIL</th>
<th>TELÉFONO</th>
<th>CARGO</th>
<th>ACCIÓN</th>
</tr>
</thead>
<tbody id="tabla-registro">
<!-- contenido dinámico -->
</tbody>
</table>
</div>
</div>
<!-- Modal ingreso persona -->
<div class="modal fade" id="agregar">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Formulario para ingresar persona</h4>
</div>
<div class="modal-body">
<form id="form-ingreso">
<legend>Nuevo Registro:</legend>
<div class="form-group">
<input required type="text" class="form-control" placeholder="Ingrese el RUT" name="rut">
</div>
<div class="form-group">
<input required type="text" class="form-control" placeholder="Ingrese Nombre con Apellido" name="nombre">
</div>
<div class="form-group">
<input required type="email" class="form-control" placeholder="Ingrese Correo Electrónico" name="email">
</div>
<div class="form-group">
<input required type="text" class="form-control" placeholder="Ingrese Telefono Móvil" name="telefono">
</div>
<div class="form-group">
<select required name="cargo" class="form-control btn btn-default">
<option value="12">Jefe de Proyecto</option>
<option value="23">Analista</option>
<option value="32">Desarrollador</option>
</select>
</div>
<div class="form-group">
<input type="submit" class="btn btn-success btn-lg" value="Ingresar">
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Fin Modal ingreso persona -->
<script src="ajax/create.js"></script>
<script src="ajax/delete.js"></script>
<script src="ajax/read.js"></script>
<script src="ajax/update.js"></script>
</body>
</html>