Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Usando inputs Radio, Checkbox, Button, etc

28-02-2007 16:00

Nesse artigo vou mostrar algumas formas de uso dos inputs.

Inputs são entradas que podem receber informações, ativar eventos, etc.
Os mais comuns são: text, button, image, file, submit, reset, etc.

Vou mostrar abaixo alguns exemplos onde uso o input Radio para ativar alguns eventos:

Adicionando aos favoritos:

<input type="radio" value="" onClick="window.external.AddFavorite('http://www.seusite.com.br', 'Seu site aqui com a descrição.');" name="button">

Abrir um documento:

<input type="radio" value="" onClick="window.location='pagina.html'" name="button">

Atualizar o documento:

<input type="radio" value="" onClick="history.go()" name="button">

Mudar a cor de fundo:

<script language="JavaScript" type="text/javascript"> function newbg(thecolor) { document.bgColor=thecolor; } </script>


<input type="radio" name="button" value="" onClick="newbg('black');">

Exibir mensagem na barra de status:

<script language="JavaScript" type="text/javascript"> function statbar(txt) { window.status = txt; } </script>


<input type="radio" name="button" value="" onClick="statbar('VIU A MENSAGEM APAREÇE AQUI, NA BARRA DE STATUS!');">


Tornar a página inicial:

<input type="radio" name="button" value="" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.seusite.com');">

Voltar a página anterior:

<input type="radio" name="button" value="" onClick="history.back(-1)">


Exibir uma mensagem de alerta:

<script language="JavaScript" type="text/javascript"> function AlertButton() { window.alert("Você coloca sua mensagem aqui..."); } </script>


<input type="radio" name="button" value="" onClick="AlertButton()">

Abrir uma nova janela (popup):

<script language="JavaScript" type="text/javascript"> function NewWindow() { window.open("agradece1.html", "", "height=400, width=460, status=no, location=no, toolbar=no, directories=no, menubar=no"); } </script>


<input type="radio" name="button" value="" onClick="NewWindow()">

Alternar a cor de fundo:

<script language="JavaScript" type="text/javascript"> function BgButton() { if (document.bgColor=='#006699') { document.bgColor='#ffffff'; } else { document.bgColor='#006699'; } } </script>


<input type="radio" name="button" value="" onClick="BgButton()">

Selecionar conteúdo no textarea:

<form name=""> <textarea cols="30" name="txt" rows="5"> SEU CÓDIGO FONTE OU MENSAGEM AQUI </textarea> <input Type="radio" name="value" value="" onClick="javascript:this.form.txt.select();"> </form>

Imprimir o documento:

<script language="JavaScript" type="text/javascript"> function varitext(text){ text=document print(text) } </script>


<input type="radio" name="button" value="" onClick="varitext()">

Lembre-se que pode usar esses exemplos com outros inputs e ativando por outros eventos, como onMouseover, onChange, etc.
1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado