(Resolvido) Botão submit

[Rogério Filho]

Olá pessoal,

eu estou querendo colocar em um cadastro que estou fazendo, um botão submit personalizado, para isso, vou usar uma imagem jpg, mas não sei como fazer para que o mesmo possa enviar o formulário, alguém poderia me ajudar?

[*FIT*]

Simples, você pode usar a função onclick para chamar uma função, e nessa função use o comando submit do javascript.

[Rogério Filho]

como assim? eu crio a função e o que eu coloco dentro dela? Poderia me mostrar um pequeno exemplo do conteúdo da função para enviar o formulário?

[fercosmig]

http://www.javascript-coder.com/javascript...it-example.html

[Douglas Nogueira]

Tranquilamente poderia ser feito da maneira que o fercosmig indicou

http://www.javascript-coder.com/javascript...it-example.html

Mas acho que seria mais elegante usar css, que é bem mais indicado para isso, basta você customizar a tag ou customizar uma classe, sendo assim todos os botões que usam essa folha de estilos ficaram customizados

button {
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
}
button:hover {
    border: none;
    background: url('/forms/down.png') no-repeat top left;
    padding: 2px 8px;
}
[/codebox]

nesse aqui a classe tem que ser especificada: <button class="BotaoSuperSupimpa"/>

[codebox]
.BotaoSuperSupimpa{
border: none;
background: url('/forms/up.png') no-repeat top left;
padding: 2px 8px;
}
.BotaoSuperSupimpa:hover {
border: none;
background: url('/forms/down.png') no-repeat top left;
padding: 2px 8px;
}

Desse jeito somente o botão especificado ficaria com as opções de estilo.

Att Douglas.

[Rogério Filho]

Pessoal, eu agradeço a todos que me enviaram respostas, mas na minha inexperiência, ainda não consegui fazer. Sobre a questão do css, acho muito bom, mas não sei usar css, aí, tentei (dentro daqueles exemplos) o modo html, o qual estou exibindo abaixo, mas não consegui. Alguém poderia me informar onde estou errando?

(página de exemplo, que envia dados para a pag2.php. Nome da imagem = 1.jpg)

<form name="form1" action="pag2.php">
Search: 
  <input name='1' type='text' id="1" />
<input type="image" src="1.JPG" />
</form>

Por fim, os dados enviados através de qualquer componente que coloquei, não são enviados. Oi pessoal, Agradeço a todos pela ajuda. Como fruto das pesquisas e teste, consegui uma forma bem simples de resolver, e estou postando abaixo para se alguém precisar:

<script language="javascript">
<!--
function botao(){
    with(document.form1){                 //função que envia o formulário
        action = 'pag2.php';
        submit();
    }
}
//-->
</script>
<form name="form1" method="post" action="pag2.php">             // form
  <input name="texto" type="text" id="texto">
  <img src="1.JPG" width="49" height="40" onClick="botao()">    // imagem do botão
</form>