Estado en esto durante horas y me parece que no puede averiguar. Estoy usando AG-JSAPI 3.6
Tengo un mapa de diseño con un bordercontainer y dos contentpanes, Uno es el mapa div y el otro es el de la izquierda div (que ostenta la leyenda, y los mapas base y como elementos secundarios).
De todos modos, tengo una casilla de verificación del elemento en el pie de página cuando se hace clic, dispara una función que (idealmente) hacer la izquierda div desaparecer y el mapa div ampliar la anchura del navegador.
function toggleDiv() {
// If statement to check if the checkbox is checked.
if (dijit.byId("ToggleLeft").checked) {
//Sets the left div's display CSS property to inline and then setting the
//width property
dojo.setStyle(dijit.byId("leftDiv").domNode, 'display', 'inline');
dojo.byId("leftDiv").style.width = '285px';
}
else
{
// Sets the display css property to "none" which makes the element disappear
dojo.setStyle(dijit.byId("leftDiv").domNode, 'display', 'none');
};
}
La cosa es que, cuando se cambia el tamaño del navegador, el mapa se ajusta automáticamente al ancho del navegador. Sin embargo, quiero hacer esto tan pronto como el leftDiv elemento desaparece. Lo que el código js tengo que utilizar para que esto ocurra? Cualquier ayuda se agradece.
Gracias