Mostrar y posicionar capa

[sergi_climent]

Hola,
utilizo el siguiente codigo para mostar o ocultar capas:

Código PHP:

  function mostrarcapa(idCapa){  
if (document.layers) capa = eval("document." + idCapa);  
    if (document.all) capa = eval(idCapa + ".style");  
        if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style'); 
        if ((capa.visibility == "hidden") || (capa.visibility == "hide")){  
            capa.visibility = (document.layers) ? "show" : "visible" ;  
        }else{  
            capa.visibility = (document.layers) ? "hide" : "hidden" ;  
        }  
}  
   

como tendria q hacerlo para q aparte de hacer aparecer o desaparecer la capa, esta misma la pudiera posicionar en mitad de la pantalla o bien en otro sitio?

gracias de antemano

saludos

[JavierB]

Hola sergi_climent

Es parecido a lo que estás haciendo, pero utilizando las propiedades left y top

Código:

capa.left = '120px';
capa.top = '100px';

Saludos,

[sergi_climent]

hola JavierB,
me sigue mostrando la capa donde esta puesta en el codigo no en el sitio q le ordeno... hay q hacer alguna cosa mas?
en la pagina hay un formulario con todos los campos dentro y despues del formulario hay esa capa.

Código HTML:

<div id="result3" style="position:relative; visibility:hidden; top:10px ">
<table align="center">
<tr><td>&nbsp;</td></tr>
<tr><td class="titol" align="center">Subir Fotos de la Maquina</td></tr>
<tr><td>&nbsp;</td></tr>
<tr>
	<td align="center">
	<div id="formUpload">
		<form method="post" enctype="multipart/form-data" action="maquina/adj_foto.php?idfoto&id_maquina=<?=$id_maquina?>" target="iframeUpload">
			Archivo: <input name="fileUpload" type="file" onChange="javascript: submit();" />
			<table align="center">
			<tr><td><iframe name="iframeUpload" style="display:none"></iframe></td></tr>
			</table>
		</form>
	</div>
	</td>
</tr>
</table>
</div> 

[JavierB]

Hola de nuevo.

A mí me ha funcionado bien con este código:

Código PHP:

          if ((capa.visibility == "hidden") || (capa.visibility == "hide")){ 
            capa.visibility = (document.layers) ? "show" : "visible" ;
            capa.left = '5px';
            capa.top = '400px'; 
        }else{ 
            capa.visibility = (document.layers) ? "hide" : "hidden" ; 
        }  
   

Saludos,

[sergi_climent]

Hola de nuevo!!!

Es verdad q funciona correctamente, lo q me pasava era q al tenerla abajo, cuando pongo capa.top tengo q ponerle valores negativos para q la muestre donde yo quiero. Pensava q cogia los puntos de la pagina principal y no de la capa en si!

y por ultimo... para cambiarle el color de fondo? -> con CSS solucionado... pero en javascript?

PD.hay algun sitio donde pueda ver las propiedades de las capas (div) para javascript. (para no seguir preguntando)

gracias de nuevo!

saludos

[JavierB]

Rehola.

Las propiedades son las mismas que en Css, pero si la propiedad tiene un guión font-size para utilizarlo en JavaScript, se quita el guión y se pone la siguiente letra en mayúscula fontSize

Este enlace te puede ayudar con las propiedades Css:

http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/

Saludos,