Trocar O Botao No Input

[jissa]

Mais uma perguntinha facil.

To tentando ajudar o Tiago.. mas esbarrei neste pequeno problema ai ... quen souber.. please :)

tem como trocar o botao quando se escolhe um radio.. alguém sabe a qual o "name" para o scr do input..

a Ideia

o radio vem sem nenhum check o botao esta desabilitado

quando o usuario clicar numa opcao habilita o botao.

da uma olhada tá assim.

o script..

function TrocaBotao()

{

window.document.imagem.src="liberado.gif"

}

o Botao com input

<input type="image" img src="bloqueado.gif" name="opcao" alt="Enviar Opcao escolhida" width="61" height="16" class="bot&o" value="opcao">

o Radio:

<input type="radio" value="<%=Conta%>" <%If nDef = False Then %><%End If%> name="Rad" OnClick="TrocaBotao();" >

[Lucky]

Neste form o botão de submit só aparece se algum campo for "alterado":

<script LANGUAGE="JavaScript">

<!--

function alterado(){document.all.limpar.outerHTML="<a id='limpar'><input type='reset' name='botao_limpar' value='Limpar'></a>";document.all.atualizar.outerHTML="<a id='atualizar'><input type='submit' name='botao_atualizar' value='Atualizar cadastro'></a>";document.all.botao_atualizar.focus();}

// -->

</SCRIPT>

Dentro do form, em todas os inputs coloca no onchange:

<input type="text" name="nome" size="40" value="<%=RS_users("nome")%>" maxlength="50" onchange="java script:alterado()">

no lugar dos botões "limpar" e "atualizar" inicialmente uso isto (quando a página carrega, são duas ancoras que não fazem nada):

<a name="atualizar" id="atualizar"></a><a name="limpar" id="limpar"></a>

que serão substituidos pelos botões reset e submit se algum campo for alterado no form...

É muito bala esse javinha... Evita do cara ficar "submetendo" o form sem necessidade, pois não aparece o botão submit a menos que ele altere algo, e neste caso o foco já pula direto pro botão... (Obs.: este é um exemplo de form de "alteração" de dados)

Observem o comando outerHTML, que junto com uns amiguinhos (que não estão ai) fazem maravilhas na página... E funciona tudo baseado no name="nome" dos tags, que são tratados pelos browsers mais novos como objetos e assim suas propriedades podem ser manipuladas como tais...

Ve se ajudou...

Lucky

[Lucky]

function TrocaBotao()

Confundi as respostas... olha isso:

{

window.document.imagem.src="liberado.gif"

-troca por

window.document.opcao.src="liberado.gif"

-que deve funcionar...

}

o Botao com input

<input type="image" img src="bloqueado.gif" name="opcao" alt="Enviar Opcao escolhida" width="61" height="16" class="bot&o" value="opcao">

o Radio:

<input type="radio" value="<%=Conta%>" <%If nDef = False Then %><%End If%> name="Rad" OnClick="TrocaBotao();" >

O nome do objeto é o que está dentro do name="xxx"

[jissa]

Lucky..

eu que digitei errado ta desta forma mesmo... ou seja os nomes iguais.. e não funciona... se colocao a funcao fora do input como uma imagem normal funciona.. dentro do input não.. acho que o name é somente para o input e não nomeia o img src

[Guest Guest]

então troca todo o <input> com o outerHTML

document.all.opcao.outerHTML="<input type='image' img src='bloqueado.gif' name='opcao' alt='Enviar Opcao escolhida' width='61' height='16' class='bot&o' value='opcao'>";

ele "troca" um <input> pelo outro... Ve se ajudou...