Saludos Cordiales,
Estimados Amigos, tengo un problema que no logro resolver y no encuentro en que parte del codigo pudiera estar el error o que deberia colocar para resolverlo, aqui les coloco las imagenes referntre al problema y al final esta el codigo por si les es de utilidad.
Imagen 1: Visualizando el Moodle en cualquier explorador para el ejemplo Internet Explorer, he creado y gracias a esta comunidad esos iconos que estan marcados en circulo, se usan para ocultar o mostrar las columnas de la izquierda y/o de la derecha, esta imagen muestra la forma por defecto como entra en el Moodle.
Imagen 2: En el momento en que el usuario hace click en el icono que se marca con el circulo la columna de la izquierda se oculta y si vuelve a hacer click la columna se volvera a mostrar, como bien puede apreciarce en la imagen 3.
Imagen 3: La columna se muestra en perfecto orden y al espacio necesario entre el espacio central y la colmna, esto funciona perfectamente en todos los exploradores y aqui va el problema, menos en el Mozilla FireFox, e se explorador presenta problemas y es cualqujier version de el Mozilla FireFox.
Imagen 4: Misma pagina navengando con el Mozilla FireFox cualquier version, cuando entra por defecto se ve perefecto al igual que en el resto de los exploradores. Mismo efecto de la accion del click en el icono señalado con el circulo.
Imagen 5: La accion del click se ejecuta perfectamente, oculta la columna sin problemas, el problema esta cuando la colmna se vuelve a mostrar, vean la imagen6.
Imagen 6: Este es el problema genera ese espacio muerto, vacio y desarticula la estetica del Curso, y es lo que no he logrado resolver. Abajo de esta imagen les coloco el codigo de la pagina header.html que es la que tiene la accion de los iconos que estan marcados con un circulo. Y esto solo ocurre con el bendito Mozilla FireFox, todos los demas exploradores funcionan perfectamente. ¿Como puedo solucionar este problema?
Codigo de la pagina header.html
*******************************************************************************************************************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html<?php echo $direction ?>>
<head>
<?php echo $meta ?>
<meta name="keywords" content="moodle, <?php echo $title ?> " />
<title><?php echo $title ?></title>
<link rel="shortcut icon" href="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/favicon.ico" />
<link rel=StyleSheet HREF="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/menubar.css" TYPE="text/css" MEDIA=screen>
<link rel=StyleSheet HREF="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/print.css" TYPE="text/css" MEDIA=print>
<?php
include("$CFG->javascript");
include($CFG->themedir.'/custom_corners/js/js.php');
// check if page is opened within a popup window
if (function_exists('is_in_popup')) {
$inpopup = is_in_popup();
} else {
$inpopup = false;
}
// get class list
preg_match('/class="([^"]*)"/i', $bodytags, $classes);
$classlist = explode (' ', $classes[1]);
// add "inpopup" or "notinpopup" to class list
if ($inpopup) {
array_push($classlist, 'inpopup');
} else {
array_push($classlist, 'notinpopup');
}
//replace classlist with new one
$bodytags = str_replace($classes[0], 'class="'.implode(' ', $classlist).'"', $bodytags);
?>
<script language="JavaScript">
function ColumnaIzqu(){ // Actia o desactiva la columna de la derecha
var forma=document.getElementById('left-column')
var estado=forma.style.display
document.getElementById('left-column').style.display="none";
switch (estado){
case "":
document.getElementById('left-column').style.display="none";
break
case "none":
document.getElementById('left-column').style.display="block";
document.location(reload)
break
case "block":
document.getElementById('left-column').style.display="none";
break
default :""
}
}
function ColumnaDere(){ // Actia o desactiva la columna de la derecha
var forma=document.getElementById('right-column')
var estado=forma.style.display
document.getElementById('right-column').style.display="none";
switch (estado){
case "":
document.getElementById('right-column').style.display="none";
break
case "none":
document.getElementById('right-column').style.display="block";
document.location(reload)
break
case "block":
document.getElementById('right-column').style.display="none";
break
default :""
}
}
</script>
</head>
<body<?php
echo " $bodytags";
if ($focus) {
echo " onload=\"setfocus()\"";
};
?>>
<?php if(!empty($infooutput)) { ?>
<div id="infowrapper"><div id="infooverlay"><?php echo $infooutput; ?></div></div>
<?php } ?>
<div id="page">
<?php if (!$inpopup) {
if ($home) { // This is what gets printed on the home page only
?>
<?php print_container_start(true, '', 'header-home'); ?>
<h1 class="headermain"><img src="<?php echo $CFG->themewww .'/'. current_theme() ?>/images/logos/logo.png" alt="" align="absmiddle"/></h1>
<div class="headermenu"><?php echo $menu ?></div>
<table border="0" width="100%">
<tr><td><?php
{ include('coursemenubar.html'); }
?></td></tr></table>
<?php print_container_end(); ?>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
<h1 class="headermain"><img src="<?php echo $CFG->themewww .'/'. current_theme() ?>/images/logos/logo.png" alt="" align="absmiddle"/></h1>
<div class="headermenu"><?php echo $menu ?></div>
<table border="0" width="100%">
<tr><td><?php
{ include('coursemenubar.html'); }
?></td></tr></table>
<div class="navbar clearfix">
<?php if ($navigation) { // This is the navigation table with breadcrumbs
?>
<div class="breadcrumb"><?php print_navigation($navigation); ?></div>
<div class="navbutton"><?php echo $button; ?></div>
<input type="image" title="Mostrar/Ocultar panel Derecho" align="right" style="vertical-align:middle" src="<?php echo $CFG->themewww .'/'. current_theme() ?>/columnas.png" OnClick="ColumnaDere()" />
<input type="image" align="right" src="<?php echo $CFG->themewww .'/'. current_theme() ?>/vacio.png"/>
<input type="image" title="Mostrar/Ocultar Panel Izquierdo" align="right" style="vertical-align:middle" src="<?php echo $CFG->themewww .'/'. current_theme() ?>/columnas.png" OnClick="ColumnaIzqu()" />
<?php } ?>
</div>
<?php print_container_end(); ?>
<?php }
}
?>
<!-- END OF HEADER -->
<?php print_container_start(false, '', 'content'); ?>
*********************************************************************************************************************************************
agradesco el apoyo que me puedan brindar en este asunto.