Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

visitante_xp

[Resolvido] Função e DIV

Por , em Javascript

Recommended Posts

visitante_xp    0

visitante_xp
Postado

Alguem pode me dizer o que falta pra esse código funfa??

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
cont= new Array();
cont[0] = 'style.display = `none`';
cont[1] = 'style.display = `block`';

function campo(id,n){
        document.getElementById(id).innerHTML = cont[n];
}

</script>

</head>

<body>

<input type="radio" checked="checked" name="rad" onclick="campo('campo1', '0')" value="0" /> <input type="radio" name="rad" onclick="campo('campo1', '1')" value="1" />

<div id="campo1" style="display:none;">Campo oculto <input type="text" name="text"  /> </div>
</body>
</html>

Vlw!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tá faltando fazer algum 'sentido lógico'.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
<script type="text/javascript">
function campo( id, valor ){
	document.getElementById(id).style.display = valor;
}
</script>
</head>
<body>
	<input type="radio" checked="checked" name="rad" onclick="campo('campo1', 'none')" value="0" /> 
	<input type="radio" name="rad" onclick="campo('campo1', 'block')" value="1" />

	<div id="campo1" style="display:none;">
		Campo oculto <input type="text" name="text"  />
	</div>
</body>
</html>
o innerHTML não funciona do jeito que eu acho que você pensou que funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Aaahh...Num fala assim... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif ... É que eu num manjo nada de JavaScript... http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

 

Mas pow...Vlw, era isso que eu tava precisando... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

^_^ tranquilo, brincadeira.. num leva tããão à sério.. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Ah...Tipow. Se eu quiser colocar uma condição...

 

Por exemplo: Invés de um radio um Select que pegue 

onchange="campo('campo1', this.value)"
E nos values dos options eu tenha nomes...

 

Quero que o JavaScript entenda que um nome vai virar none e o outro vire um block...

 

Esconde = none / Mostra = block...

 

Como daria pra fazer isso...???

 

P.S.: Desculpe o incomodo... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não entendi.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
	
<style type="text/css">
* {
	border: none;
}
input, select {
	border: 1px solid #000;
}
#campos_ocultos label {
	display: none;
}
</style>
<script type="text/javascript">
function id( id ){
	return document.getElementById( id ); 
}
function toggleLabels( el ){
	var campos_ocultos = id('campos_ocultos');
	var labels = campos_ocultos.getElementsByTagName('label');
	
	for( var i=0; i<labels.length; i++ )
		labels[i].style.display = 'none';

	
	id( el.value ).style.display = 'block';	
}
</script>
</head>
<body>
	<select name="tal" onchange="toggleLabels( this )">
		<option value="">--</option>
		<option value="campo1">Campo 1</option>
		<option value="campo2">Campo 2</option>
		<option value="campo3">Campo 3</option>
		<option value="campo4">Campo 4</option>	
	</select>

	<fieldset id="campos_ocultos">
		<label id="campo1">
			Campo oculto 1<input type="text" name="text" />
		</label>
		<label id="campo2">
			Campo oculto 2<input type="text" name="text" />
		</label>
		<label id="campo3">
			Campo oculto 3<input type="text" name="text" />
		</label>
		<label id="campo4">
			Campo oculto 4<input type="text" name="text" />
		</label>
	</fieldset><!-- /campos-ocultos -->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Não se faça de desentendido... :P

 

É isso mesmo...

 

Eu posso substituir o fieldset pelo que...( a estrutura do meu sistema ta toda em tabelas)...^^

 

Se não tiver problema de conflito com as tabelas era só isso... ^_^

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tanto faz :P

 

Mas refazer a estrutura seria bom http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito