Dear Good afternoon, I have a question about this page which I designed in php because I designed a library in javascript and I get this error:
Uncaught ReferenceError: library is not defined at rutas.js: 3 at rutas.js: 13
(function(window, document){
libreria.getID('vista').enrutar()
.ruta('/','PaginaAdministrador.php',null,null)
.ruta('/RegistrarAlumno','PaginaRegistrarAlumno.php')
.ruta('/RegistrarAsignatura','PaginaRegistrarAsignatura.php')
.ruta('/InscribirAsignatura','PaginaInscribirAsignatura.php')
.ruta('/BuscarAlumnoPorRut','PaginaBuscarAlumnoPorRut.php')
.ruta('/BuscarPorCodigo','PaginaBuscarPorCodigo.php')
.ruta('/AsignaturasTomadas','PaginaAsignaturasTomadas.php')
})(window, document);
(function(window,document){
'use strict';
var inicio = function(){
var elemento = null,
marco = null,
rutas = {},
controladores = {},
controlador,
libreria = {
getID: function(id){
elemento = document.getElementById(id);
return this;
},
noSubmit: function(){
elemento.addEventListener('submit', function(e){
e.preventDefault();
},false);
return this;
},
enrutar: function(){
marco = elemento;
return this;
},
ruta: function(ruta, plantilla, controlador,carga){
rutas[ruta] = {
'plantilla': plantilla,
'controlador': controlador,
'carga': carga
}
return this;
},
manejadorRutas: function(){
var hash = window.location.hash.substring(1) || '/',
destino = rutas[hash],
xhr = new XMLHttpRequest();
if(destino && destino.plantilla){
xhr.addEventListener('load',function(){
marco.innerHTML = this.responseText;
},false);
xhr.open('get', destino.plantilla, true);
xhr.send(null);
}else{
window.location.hash = '#/';
}
}
};
return libreria;
}
if(typeof window.libreria === 'undefined'){
window.libreria = window._ = inicio();
window.addEventListener('load',_.manejadorRutas, false);
window.addEventListener('hashchange',_.manejadorRutas,false);
}else {
console.log("Se llamando a la libreria nuevamente")
}
})(window,document);
<style>
body {background-color:rosybrown}
h1 {color:blue}
p {color:white}
</style>
<center>
<h1> Administracion de la Base de datos</h1>
<h> </h>
<div class="example">
<div id="Encabezado">
</div>
<ul id="nav">
<li><a href="/">Pagina Principal </a></li>
<li>
<a href="*" >Registros</a>
<ul id="sub-menu">
<li><a href="#/RegistrarAlumno">Registrar Alumno</a></li>
<li><a href="#/RegistrarAsignatura">Registrar Asignatura</a></li>
<li><a href="#/InscribirAsignatura">Inscribir Asignaturas</a></li>
</ul >
</li>
<li>
<a href="*" >Consultas</a>
<ul id="sub-menu">
<li><a href="#/BuscarAlumnoPorRut">Buscar Por Rut </a></li>
<li><a href="#/BuscarPorCodigo">Buscar Por Codigo </a></li>
<li><a href="#/AsignaturasTomadas">Asignatura Inscritas</a></li>
</ul>
</li>
<li>
<a href="cerrarSesion.php">Cerrar Sesion</a>
</li>
</div>
</center>
<div id="vista">
</div>
<script src="../js/rutas.js"></script>
<script src="../js/libreria.js"></script>