Ir para conteúdo

POWERED BY:

Arquivado

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

Katya_crisd

Alterar type de um hidden

Recommended Posts

Pessoal, meu problema é o seguinte...

 

Precisava conseguir trocar o type de um campo hidden... segue meu código...

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
	function mudar()
	{
		var campo = document.getElementById('campoinvisivel');
		try
		{
			campo.setAttribute('type','text');
		}
		catch (e)
		{
			try
			{
				campo.type = 'text';
			}
			catch (E)
			{
				alert("Só no IE não funciona...");
			}
			
		}		
	}
</script>
</head>

<body>
<input name="campoinvisivel" type="hidden" id="campoinvisivel">
<input type="button" name="Submit" value="Mudar" onClick="mudar();">
</body>

Testei esse código no Firefox, Safari, Opera, Chrome e no IE... porém só no IE não funciona, nos demais todos funcionam perfeitamente... Alguém sabe como fazer para no IE funcionar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ei Katya

 

acredito q o IE não de suporte para alterações no type

 

pelo menos não das duas maneiras 'clássicas'

 

document.getElementById('iddoimput').type= "submit";

 

formulario.nomedoimput.type= "submit";

Compartilhar este post


Link para o post
Compartilhar em outros sites

depois de ter queimado o cerebro cheguei a uma conclusao.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function mudar() {
w=document.getElementById("inp").value;
document.getElementById("inv").innerHTML="<input type='text' value='"+w+"'>";
}
</script>
</head>

<body>
<label id="inv"><input  id="inp" type="hidden" value="Olá"></label>
<input type="button" name="Submit" value="Mudar" onClick="mudar()">
</form>
</body>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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