<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>PruebasPsico - Pruebas</title> <link rel="stylesheet" href="css/all.css"> <script src="js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script> </head> <script type="text/javascript"> $(document).ready(function () { $(".list-unstyled").find('li').removeClass("active"); $("#pruebas").addClass("active"); $("#listado").addClass("active"); }); </script> <?php include('sidebar.php') ?> <section id="content"> <?php include('header.php') ?> <div class="content-section"> <div class="main main_pruebas_list"> <h1>Listado de pruebas psicométricas</h1> <div class="tabs_pruebas"> <div class="row"> <div class="col-md-4"> <div class="test_tab active" id="comportamiento" onclick="comportamiento()"> <p>COMPORTAMIENTO</p> </div> </div> <div class="col-md-4"> <div class="test_tab" id="personalidad" onclick="personalidad()"> <p>PERSONALIDAD</p> </div> </div> <div class="col-md-4"> <div class="test_tab" id="inteligencia" onclick="inteligencia()"> <p>INTELIGENCIA</p> </div> </div> </div> </div> <div class="pruebas_grid"> <div class="comportamiento_body" id="comportamiento_body"> <div class="row"> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-1">CLEAVER</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-2">ESTILO</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-3">VALORES</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-4">VALORES COMP.</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-5">MOSS</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-6">KOSTICK</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-7">ZAVIC</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-8">VALPER</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-9">LIFO</label> </div> </div> </div> </div> </div> <div class="personalidad_body" id="personalidad_body"> <div class="row"> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-10">LUSCHER</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-11">CPI</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-12">PGV</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-13">BFQ</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-14">16FP</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-15">PIP</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-16">IMP</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-17">PVC</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-18">NIC</label> </div> </div> </div> </div> </div> <div class="inteligencia_body" id="inteligencia_body"> <div class="row"> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-19">TERMAN</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-20">BETAIIR</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-21">BETAIII</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-22">IE</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-23">RAVEN</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-24">DOMINOS</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-25">WONDERLIC</label> </div> </div> </div> <div class="col-md-4"> <div class="body_prueba_list"> <div class="modern-Checkbox"> <label for="box-26">COIR</label> </div> </div> </div> </div> </div> </div> </div> <?php include('footer.php') ?> </div> </section> <script type="text/javascript"> function comportamiento() { $("#comportamiento_body").css('display', 'block'); $("#personalidad_body").css('display', 'none'); $("#inteligencia_body").css('display', 'none'); $("#personalidad").removeClass("active"); $("#inteligencia").removeClass("active"); $("#comportamiento").addClass("active"); }; </script> <script type="text/javascript"> function personalidad() { $("#comportamiento_body").css('display', 'none'); $("#personalidad_body").css('display', 'block'); $("#inteligencia_body").css('display', 'none'); $("#comportamiento").removeClass("active"); $("#inteligencia").removeClass("active"); $("#personalidad").addClass("active"); }; </script> <script type="text/javascript"> function inteligencia() { $("#comportamiento_body").css('display', 'none'); $("#personalidad_body").css('display', 'none'); $("#inteligencia_body").css('display', 'block'); $("#comportamiento").removeClass("active"); $("#personalidad").removeClass("active"); $("#inteligencia").addClass("active"); }; </script>