Excelente, ¡Lo he logrado!, Gracias a la comunidad

Excelente, ¡Lo he logrado!, Gracias a la comunidad

de Héctor I. Rubio A. -
Número de respuestas: 1

Saludos Cordiales,

Estiamada comunidad; gracias a ustedes, al pequeño insidente donde algunos se sintieron ofendidos (evento que pertenece al pasado), pero que al tiempo apoyaron en el objetivo, para que hoy fuese un resultado optimo. Aquí les colo todo el codigo, que logra ocultar o mostrar la columna de la izquierda, haciendo así que el bloque del centro se expanda y asi el usuario tendrá mayor visualización de los contenidos de un curso.

Como bien lo sugirio David Herney, tome el archivo header.html del theme que uso para la plataforma moodle, localize el div navbar, he alli el codigo:

<?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
      if ($navigation) { // This is the navigation bar with breadcrumbs  ?>
    <div class="navbar clearfix">
        <div class="breadcrumb"><?php print_navigation($navigation); ?></div>
        <div class="navbutton"><?php echo $button; ?></div>
        <input type="image" align="right" style="vertical-align:middle" src="<?php echo $CFG->themewww .'/'. current_theme() ?>
/columnas.png" XonClick="ActivaColumna()" />
    </div>  

Cree una imagen y la coloque en el directorio principal del theme, el codigo en rojo es el que yo he colocado segun las sugerencias.

Luego fui al encabezado y me busque las sugerencias que indicaba Xavier Paz, claro tambien realice algunas investigaciones y cambie un poco el codigo, de manera que también aporte algo, he aqui el codigo:

<script Xlanguage="JavaScript">
  function ActivaColumna(){ // Activa o desactiva la columna de la izquierda
     var forma=document.getElementById('left-column')
  var estado=forma.style.display
//     alert(" a ver que muestra: " + estado);
     document.getElementById('left-column').style.display="none";
     switch (estado){
    case "":
//         alert("Muestra Vacio: " + estado);
//    estado="none"
         document.getElementById('left-column').style.display="none";
         break
    case "none":
//         alert("Muestra None: " + estado);
//       estado="block"
         document.getElementById('left-column').style.display="block";
         break
    case "block":
//         alert("Muestra Block: " + estado);
//       estado="none"
         document.getElementById('left-column').style.display="none";
         break
    default :""
  } 
  }
</script>
</head>

Las lineas de color amarillo las use para guiarme en el proceso, pueden servirles de apoyo.

Y funciona a la perfección, a todos ls que de una u otra forma intervinieron en este proceso con sus altas y bajas, muchas gracias y nos veremos en la proxima oportunidad

Promedio de valoraciones:Útil (2)