dynamic information base
This commit is contained in:
Diego Moctezuma
@@ -169,10 +169,6 @@ main
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#campoLaboral{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#main .style-none {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
|
||||
+385
-4
@@ -227,9 +227,9 @@
|
||||
<div class="d-flex mt-5 mb-5">
|
||||
<div class="col-3">
|
||||
<ul class="ul-points ms-3 d-flex flex-column gap-4">
|
||||
<li class="select campo-plan-opcion">Campo laboral</li>
|
||||
<li class="campo-plan-opcion">Plan de Estudios 2006</li>
|
||||
<li class="campo-plan-opcion">Plan de Estudios 2014</li>
|
||||
<li id="opcionCampo" class="select campo-plan-opcion">Campo laboral</li>
|
||||
<li id="opcionPlan06" class="campo-plan-opcion">Plan de Estudios 2006</li>
|
||||
<li id="opcionPlan14" class="campo-plan-opcion">Plan de Estudios 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -397,7 +397,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Plan de estudios 2006 -->
|
||||
<div class="col-9" id="planEstudios06">
|
||||
<div class="col-9 d-none" id="planEstudios06">
|
||||
<div class="header-campo-plan mb-3">
|
||||
<h3 class="pb-2">Plan de Estudios 2006</h3>
|
||||
</div>
|
||||
@@ -733,6 +733,345 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Plan de estudios 2014 -->
|
||||
<div class="col-9 d-none" id="planEstudios14">
|
||||
<div class="header-campo-plan mb-3">
|
||||
<h3 class="pb-2">Plan de Estudios 2014</h3>
|
||||
</div>
|
||||
<ul class="style-none d-flex flex-wrap gap-5 list-plan">
|
||||
<li>
|
||||
Primer semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Cálculo Diferencial e Integral I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Álgebra Superior
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Geometría Analítica I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Computación I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Seguro de Vida
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Segundo semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Cálculo Diferencial e Integral II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Álgebra Superior II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Geometría Analítica II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Computación II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Matemáticas Financieras I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Contabilidad
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Tercer semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Cálculo Diferencial e Integral III
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Álgebra Lineal I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Probabilidad I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Matemáticas Financieras II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Seguro de Daños
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Cuarto semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Cálculo Diferencial e Integral IV
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Álgebra Lineal II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Estadística I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Matemáticas Actuariales I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Métodos Numéricos
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Quinto semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Sociedad y Política del México Actual
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Probabilidad II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Investigación de Operaciones I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Matemáticas Actuariales II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Ecuaciones Diferenciales
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Sexto semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Demografía
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Estadística II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Economía Matemática I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Finanzas Corporativas y Bursátiles
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Teoría del Riesgo
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Análisis Matemático
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Séptimo semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Procesos Estocásticos I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Aplicación a las Matemáticas Financieras
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Administración General
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Optativa I
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Optativa II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Optativa III
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Octavo semestre
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Seminario de Titulación
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Administración del Riesgo
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Pensiones
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Optativa IV
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Optativa V
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Optativa VI
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Asignaturas Optativas
|
||||
<ul class="text-dark style-none ul-points">
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Análisis de Datos Categóricos
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Análisis de Estados Financieros
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Análisis de Regresión
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Análisis Econométrico
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Análisis Multivariado
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Auditoría Actuarial
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Contabilidad en Seguros
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Derivados
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Economía Matemática
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Estadìstica Bayesiana
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Estadìstica de Seguros
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Evaluación de Proyectos
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Fianzas
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Finanzas Internacionales
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Finanzas Públicas
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Investigación de Operaciones II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Legislación de Seguros
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Matemáticas Actuariales Aplicadas
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Modelos Macroeconómicos
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Modelos Microeconómicos
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Modelos y Simulación
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Muestreo
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Planeación Financiera
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Presupuesto de Capital
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Procesos Estocásticos II
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Seguros de Personas
|
||||
</li>
|
||||
<li>
|
||||
<i class='bx bx-chevrons-right bx-sm'></i>
|
||||
Series de Tiempo
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -836,5 +1175,47 @@
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
let opcionPlanEstudio06 = document.getElementById('opcionPlan06');
|
||||
let opcionPlanEstudios14 = document.getElementById('opcionPlan14');
|
||||
let opcionCampoLaboral = document.getElementById('opcionCampo');
|
||||
|
||||
let infoPlanEstudios06 = document.getElementById('planEstudios06');
|
||||
let infoPlanEstudios14 = document.getElementById('planEstudios14');
|
||||
let infoCampoLaboral = document.getElementById('campoLaboral');
|
||||
|
||||
function actualizarVista(seleccionado, infoMostrar) {
|
||||
// Ocultar todos los elementos de información
|
||||
infoCampoLaboral.className = 'd-none';
|
||||
infoPlanEstudios06.className = 'd-none';
|
||||
infoPlanEstudios14.className = 'd-none';
|
||||
|
||||
// Mostrar el elemento seleccionado
|
||||
infoMostrar.className = 'd-block';
|
||||
|
||||
// Restablecer las clases de los botones
|
||||
opcionPlanEstudio06.className = 'campo-plan-opcion';
|
||||
opcionPlanEstudios14.className = 'campo-plan-opcion';
|
||||
opcionCampoLaboral.className = 'campo-plan-opcion';
|
||||
|
||||
// Establecer la clase activa en el botón seleccionado
|
||||
seleccionado.className = 'select campo-plan-opcion';
|
||||
}
|
||||
|
||||
opcionPlanEstudio06.addEventListener('click', () => {
|
||||
actualizarVista(opcionPlanEstudio06, infoPlanEstudios06);
|
||||
});
|
||||
|
||||
opcionPlanEstudios14.addEventListener('click', () => {
|
||||
actualizarVista(opcionPlanEstudios14, infoPlanEstudios14);
|
||||
});
|
||||
|
||||
opcionCampoLaboral.addEventListener('click', () => {
|
||||
actualizarVista(opcionCampoLaboral, infoCampoLaboral);
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user