3 replies to this topic

[NOVAZOO]

Pessoal

Estou tentando adaptar uma função que antes exibia ou ocultava uma determinada camada assim:

function esconde_camada(estado) {
	 if( estado == "exibe" ) {
	   nome_da_camada.style.visibility = "hidden";
	 } else {
	   nome_da_camada.style.visibility = "visible";
	 }
   }

Preciso adaptar a função para exibir a camada que eu mandar.
Acontece que estou com proplemas pois não sei concatenar a variavel com o restante da instrução.

function mostra_camada(VARIAVEL) {
	VARIAVEL.style.visibility = "visible";
}
function oculta_camada(VARIAVEL) {
	VARIAVEL.style.visibility = "hidden";
}

Alguém?

[Generation]

Algo assim :

function mostra_camada(nome)
{
	if (!document.getElementById(nome).style.display) {
		document.getElementById(nome).style.display = 'none';
	}
	else
	{
		document.getElementById(nome).style.display = '';
	}
}

[]'s

Edição feita por: Generation, 23/08/2006, 16:37.

[Paulo Freitas]

Complementando...

<script type="text/javascript">
function toggleLayer(layer)
{
	layer = (typeof layer == 'string') ? document.getElementById(layer) : layer;

	layer.style.visibility = (layer.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>
<div id="teste">foo</div>
<a href="java script: toggleLayer('teste');">Exibir / Ocultar</a>

Generation

Por mais que o parâmetro display seje manipulável à ponto de cumprir este objetivo, este não é bem o papel dele, he he he...

www.w3schools.com/css/pr_class_display.asp

display: Configura como / se um elemento será exibido

www.w3schools.com/css/pr_class_visibility.asp

visibility: Configura se o elemento será visível ou invisível

Seguindo a semântica do propósito (nem sei se isto existe, kkk)... o mais indicado seria usar o visibility, pois no caso do display, ele pode ter vários outros valores à não ser none.

Understand me ?!

[]’s Até mais

[NOVAZOO]

Valeu pela força ae gente!
Capengando no Javascript!

Confio no code do vidaloka pois realmente DISPLAY tem outros parâmetros
e funções no css. Como por exemplo "block, compact, table, none.."
Visibility tem apenas a função de exibir ou não a camada.

Eu queria entender o código acima de tudo:

function toggleLayer(layer)
{
	layer = (typeof layer == 'string') ? document.getElementById(layer) : layer;

	layer.style.visibility = (layer.style.visibility == 'hidden') ? 'visible' : 'hidden';
}

Conditional Operator
JavaScript also contains a conditional operator that assigns a value to a variable based on some condition.
Syntax

variablename=(condition)?value1:value2

layer = (typeof layer == 'string') ? document.getElementById(layer) : layer;

Funciona como um IF? Se layer for uma string então vai receber o id da camada, senão recebe o valor passado como parâmetro?

Mesma coisa na outra linha:

layer.style.visibility = (layer.style.visibility == 'hidden') ? 'visible' : 'hidden';

Se o estado da camada for "hidden" ele seta como "visible", senão "hidden"?

Thanks 4 all by the way!