Hola me podrian ayudar con algo??

Necesito mantener un div oculto, pero que cuando suceda un cambio en un combo aparezca con una informacion, y cuando ingrese un valor en una caja el div desaparezca.

Ademas mientras este oculto se encuentre en la ubicacion especifica donde debe aparecer...al lado del combo.

Gracias.

CSS

Código Fuente:

.capa {
    position: absolute;
    left : 200px;
    top : 100px;
    width: 200px;
    height : 300px;
    background-color: white;
    display: none;
}


Qué es esto? Una clase CSS:
Posición absoluta libre por la pantalla.
Posicionado a la izquierda 200 píxeles. Lo mismo desde arriba 100 píxeles.
Ancho y alto: 200x300 píxeles.
Con display:none le decimos que no lo muestre.

Ahora el javascript:

Código Fuente:

function mostrar(capa) {

    document.getElementById("info"+capa).style.display="block";

}


Y el HTML:

Código Fuente:

<select onchange="mostrar(1);"><option></option></select>

<div class="capa" id="info1">Información a mostrar.</div>


Ahora sólo te queda hacer que desaparezca (display="block" ene l javascript)

Saludos.

Muchas Gracias por tu ayuda, ya estaba cansado de buscar y no encontrar algo practico.

Una ultima duda:

Cuando minimizo la pantalla la posicion varia,
Puedo hacer que su ubucacion sea relativa a un objeto?,
es decir, que siempre permanezca al lado del combo.

Gracias.

La posición relativa sí:

Código Fuente:

.clase {

  position: relative;
  left: -1px;
  top: -2px;

}


Tienes que ponerla cerca del elemento que quieras, y desplazarla con left y top a donde quieras.

Si quieres centrar una capa puedes utilizar porcentajes.
Saludos.

Muchas Gracias, me sirvio muy bien.
Aunque mueve un poco el resto del contenido, pero
no hay problema muchas gracias.