Doubt when using SPA in PHP

0

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>
    
asked by FranciscoBarreraPeñaloza 22.04.2018 в 22:43
source

0 answers