Aqui você verá artigos sobre HTML
Moderador: web
 por web Online » Qua Fev 28, 2007 5:00 pm
|
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...
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12457
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre HTML
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
|
|
|
