Alguma Ajuda Por Favor

[ju_rezende]

Olá pessoal alguém poderia me ajudar .

Tenho o desenho de um botão que eu fiz no fire, e gostaria que esta imagem fosse o meu input submit, tem como fazer isso....

Desde já grata pela atenção de todos....

[fercosmig]

<input type="image" src="imagem.jpg" onclick="javascript:document.

form.submit();" />

abraços

[ju_rezende]

fercosmig

olha tentei exportar o botão para jpeg ou gif, mas na hora de exportar , fico como html

a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','bntprocurart','../images/novas%20imagens/bntprocurart_f3.bmp',1)" onMouseOver="MM_nbGroup('over','bntprocurart','../images/novas%20imagens/bntprocurart_f2.bmp','../images/novas%20imagens/bntprocurart_f4.bmp',1)" onMouseOut="MM_nbGroup('out');"><img name="bntprocurart" src="../images/novas%20imagens/bntprocurart.bmp" border="0" alt=""></a>">

[ju_rezende]

olha fiz assim, mas a imagem não fica visivel, aparece todo o codigo, veja se está certinho

< input type="image" src="img src="../images/novas%20imagens/botao/bntprocurar.jpg" onclick="javascript:document.

form.submit();" />

[fercosmig]

<a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','bntprocurart','../images/novas%20imagens/bntprocurart_f3.bmp',1)" onMouseOver="MM_nbGroup('over','bntprocurart','../images/novas%20imagens/bntprocurart_f2.bmp','../images/novas%20imagens/bntprocurart_f4.bmp',1)" onMouseOut="MM_nbGroup('out');"><img name="bntprocurart" src="../images/novas%20imagens/bntprocurart.bmp" border="0" alt="" onclick="document.form.submit();"></a>

tenta assim

abraços

[ju_rezende]

Agora parareceu a imagem mas quando clico nela não vai para a pagina pesquisa mostra.asp

vou mandar o codigo completo

<form  method="post" action="Pesquisamostra.asp">

<select name="select" style = "width: 113; font-family:arial; size:1"  >

    <option>Bairro</option>

  </select>

</div>

<div id="Layer2" style="position:absolute; left:446px; top:91px; width:109px; height:17px; z-index:2">

  <select name="select2" style = "width: 113 "  >

    <option>Categoria</option>

  </select>

</div>

<div id="Layer3" style="position:absolute; left:576px; top:89px; width:108px; height:17px; z-index:3">

  <select name="select3" style = "width: 113 "  >

    <option>Por Nome</option>

  </select>

</div>

<div id="Layer4" style="position:absolute; left:700px; top:90px; width:68px; height:39px; z-index:4">

  <input type="image" src="../images/novas%20imagens/botao/bntprocurar.jpg" onclick="javascript:document.

form.submit();" /></div>

</form>

[fercosmig]

<form method="post" action="Pesquisamostra.asp" name="form1">

<select name="select" style = "width: 113; font-family:arial; size:1" >

<option>Bairro</option>

</select>

</div>

<div id="Layer2" style="position:absolute; left:446px; top:91px; width:109px; height:17px; z-index:2">

<select name="select2" style = "width: 113 " >

<option>Categoria</option>

</select>

</div>

<div id="Layer3" style="position:absolute; left:576px; top:89px; width:108px; height:17px; z-index:3">

<select name="select3" style = "width: 113 " >

<option>Por Nome</option>

</select>

</div>

<div id="Layer4" style="position:absolute; left:700px; top:90px; width:68px; height:39px; z-index:4">

<a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','bntprocurart','../images/novas%20imagens/bntprocurart_f3.bmp',1)" onMouseOver="MM_nbGroup('over','bntprocurart','../images/novas%20imagens/bntprocurart_f2.bmp','../images/novas%20imagens/bntprocurart_f4.bmp',1)" onMouseOut="MM_nbGroup('out');"><img name="bntprocurart" src="../images/novas%20imagens/bntprocurart.bmp" border="0" alt="" onclick="document.form1.submit();"></a></div>

</form>

espero que de certinho ae!

abraços

[ju_rezende]

vixi do geito que tava a imagem do input nem parecia, aí fiz o seguinte

<form method="post" action="Pesquisamostra.asp" name="form1">

<select name="select" style = "width: 113; font-family:arial; size:1" >

<option>Bairro</option>

</select>

</div>

<div id="Layer2" style="position:absolute; left:446px; top:91px; width:109px; height:17px; z-index:2">

<select name="select2" style = "width: 113 " >

<option>Categoria</option>

</select>

</div>

<div id="Layer3" style="position:absolute; left:576px; top:89px; width:108px; height:17px; z-index:3">

<select name="select3" style = "width: 113 " >

<option>Por Nome</option>

</select>

</div>

<div id="Layer4" style="position:absolute; left:700px; top:90px; width:68px; height:39px; z-index:4">

<input type="image" src="../images/novas%20imagens/botao/bntprocurar.jpg" onclick="document.form1.submit();"></div>

</div>

Mas não abre a pagina pesquisamostra.asp

[fercosmig]

quando você usar o 'a'

<a href="javascript:;" onclick="document.form1.submit();">

quando vcd usar o 'input'

<input type="image" src="../images/novas%20imagens/botao/bntprocurar.jpg" onclick="javascript:document.form1.submit();">

[ju_rezende]

usei o input, agora na url aparece o pesquisa mostra.html

mas dá a mensagem

A página que você está procurando não pode ser exibida porque o endereço está incorreto.

Qual é melhor o "input" ou o 'A'?

[fercosmig]

quanto ao 'a' ou 'input', os 2 neste caso terão o mesmo efeito...

quanto ao erro verifique o nome do arquivo e a pasta, procure usar nomes em letras minuscula e sem espaços.

abraços

[ju_rezende]

Já verifiquei o nome e alterei seu paraletras minusculas,

testei entrando direto na url como pesquisamostra.html, e ele finciona, só quando clico no input que não funciona

olha o q tem dentro do pesquisamostra.html

deu certinho

[ju_rezende]

Olá pessoal estou com um probleminha fin um input mas quando clico nele não abre a pagina

olhem o codigo

<form name="form1"method="post"action="pesquisamostra.htm" >

<select name="select" style = "width: 113; font-family:arial; size:1" >

<option>Bairro</option>

</select>

</div>

<div id="Layer2" style="position:absolute; left:446px; top:91px; width:109px; height:17px; z-index:2">

<select name="select2" style = "width: 113 " >

<option>Categoria</option>

</select>

</div>

<div id="Layer3" style="position:absolute; left:576px; top:89px; width:108px; height:17px; z-index:3">

<select name="select3" style = "width: 113 " >

<option>Por Nome</option>

</select>

</div>

<div id="Layer4" style="position:absolute; left:700px; top:90px; width:68px; height:39px; z-index:4">

<input type="image" src="../images/novas%20imagens/botao/bntprocurar.jpg" onclick="javascript:document.form1.submit();">

</div>

</form>

Quando testo direto na url ele funciona direitinho....

Alguém poderia me dizer o q pode estar acontecendo????

Desde Já grata pela atenção

[fercosmig]

verifica se você não esta confundindo as extenções do arquivo, não sei como você esta fazendo ae, mas colocou aqui html e asp

abraços

[ju_rezende]

estou usando extenção html....

[JCMPJ]

Eu prefiro usar assim:

<form id="meuform" method="post" action="Pesquisamostra.asp" name="form1">

...

<img src="minhaimagem" alt="minhaimagem" onclick="document.getElementById("meuform").submit()">

Para ver se o form foi veja se muda a URL na barra de endereços.

Se ele esta enviando deveria dar um erro de página não encontrada.

Editado Fevereiro 14, 2006 por JCMPJ

[Guest Guest]

fiz assim mas a imagem não apareceu mais...porque id meu form

[ju_rezende]

fiz assim mas a imagem não apareceu mais, você sabe porque as imagens ficam com um desenho cinza e quebradinho.

[ju_rezende]

o significa isto q você colocou

<img src="minhaimagem" alt="minhaimagem" onclick="document.getElementById("meuform").submit()">

[ju_rezende]

pessoal será que o problema pode ser no dreamweaver?

[JCMPJ]

Se a imagem não apareceu é porque o navegador não encontrou a imagem, ou seja o caminho especificado em src não está certo.

<img src="aqui tem que ficar o caminho correto para a imagem">

Quando ao id você pode dar o nome que quizer, DESDE QUE ELE SEJA UNICO NA PÁGINA.

IMPORTANTE: NÃO PODE EXISTIR DOIS ID IGUAIS EM UMA PÁGINA.

Definindo um id você usa document.getElementById para se referir a um elemento sem a menor chance de ocorrer um conflito. E mais é a recomendação de W3C, para construção de scrits.

[ju_rezende]

veja se eu fizcertinho

<form id="procurar" method="post" action="pesquisamostra.html" name="form1">

--------------------------------------------------------------------

<input type="image" img src="../images/novas%20imagens/botao/bntprocurar.jpg" alt= "../images/novas%20imagens/botao/bntprocurar.jpg"onclick="document.getElementById("procurar").submit()"></div>

A imagem apareceu mas a pagina pesquisamostra não abre ainda....

[ju_rezende]

Da o seguinte erro...

A página não pode ser exibida

A página que você está procurando não pode ser exibida porque o endereço está incorreto.

mas quando eu vou e digito na url ele entra

[fercosmig]

ju_rezende, tira os espaços dos nomes das pastas

<input type="image" img src="../images/novas%20imagens/botao/bntprocurar.jpg" alt= "../images/novas%20imagens/botao/bntprocurar.jpg"onclick="document.getElementById("procurar").submit()">

<input type="image" img src="../images/novas_imagens/botao/bntprocurar.jpg" alt= "../images/novas_imagens/botao/bntprocurar.jpg"onclick="document.getElementById("procurar").submit()">

[JCMPJ]

Agora você sabe que o form está sendo enviado(porque da o erro de página não encontrada), então o problema é no ACTION do form.

Verifique se duas páginas (a que tem o formulário e a que se chama pesquisamostra.html) estão no mesmo diretório(mesma pasta)? Como é que você digita a URL(coloca a URL das duas páginas ai pra gente ver)?

Também não entendi como você vai fazer uma pesquisa em uma página html? Não seria ASP não?

[ju_rezende]

quando clico no input a url fica assim

http://localhost/tulio/novosite/pesquisamostra.htm

mas eu acessar direto, a url fica asiim

http://localhost/tulio/novosite/pesquisamostra.htm