Testo al posto di un bottone:

[SangueMisto]

Per il sito http://www.argenteriadabbene.com/Italiano/Home_IT.html ho usato uno dei temi di dw8 predefiniti.

In alto a dx c'è una funzione di search che mi interessa pertanto ho trovato come implementare google all'interno del proprio sito e come codice il seguente:

<FORM action="http://www.google.com/custom" method="get">
<INPUT type="hidden" value="alessioluffarelli.it" name="as_sitesearch">
<INPUT type="hidden" value="it" name="hl">
<INPUT name="q" type="text">
<INPUT type="submit" value="Cerca" name="cmdcerca">
</FORM>

Solo che questo mi crea un bottone per la funzione search mentre io vorrei mantenere la scritta Cerca...

Come posso fare ?

[kaze]

Per esempio:
.miobtn{
border:1px solid #008000;
background:#FFDDEE;
font-family: Verdana, Arial, Sans-serif;
font-size: 0.8em;
font-weight: 700;
}

<INPUT type="submit" value="Cerca" name="cmdcerca" class="miobtn">


Se non vuoi il bordo: border:0;
Se non vuoi il bacground: background:colore di sfondo della pagina;
e così via....

[SangueMisto]

Ciao...grazie per la risposta.

Il problema è che cosi'non apportando modifiche al codice (campo submit)mantiene sempre il bottone come forma.

Anche impostanto come colore di sfondo il grigio una parvenza di bottone rimane.

Volendo tenere solamente il testo come funzione di post(cerca) bisognerebbe modificare il codice di invio.

Nella costruzione del form viene creato il seguente link:

http://www.google.com/custom?as_site...cmdcerca=Cerca

Solo che cosi'non inserito direttamente nei tag html di "Cerca" non va a prendere il testo da cercare nel campo di ricerca ma si limita a mostrare tutti i risultati per argenteriadabbene.com

E'tutto spiegato qui:
http://www.alessioluffarelli.it/guid...rca_google.php

Cmq è solo una pippa mentale/sfida mal che vada mi tengo il bottone.


Questo è il codice modificato:
<form id="search" action="http://www.google.com/custom">
<INPUT type="hidden" value="argenteriadabbene.com" name="as_sitesearch">
<INPUT type="hidden" value="it" name="hl">
<INPUT name="q" type="text" size="10">
cerca
</form>

Che restituisce la forma come piace a me..ma non funziona correttamente.

Se di da invio la ricerca di una parola chiave funziona, se si preme su cerca si limita a mostrare solo i risultati per argenteriadabbene.com e non solo la parola chiave come risultante...

[alexba64]

<form name="form1" method="post" action="">
<a href="javascript:document.form1.submit();">
<input type="text" name="Testo">
Submit Form</a>
</form>
VVoVe:

[SangueMisto]

ehm ma scusa questo come lo adatto al mio form???

va bene la prima riga che modifico in

<form id="search" method="post" action="http://www.google.com/custom">

ma il valore value da mandare a google??


Tra l'altro poi usando il tuo form mi crea due caselline di ricerca

[SangueMisto]

Ok ho modificato il codice cosi':

<form id="search" action="http://www.google.com/custom">
<INPUT type="hidden" value="argenteriadabbene.com" name="as_sitesearch">
<INPUT type="hidden" value="it" name="hl">
<INPUT name="q" type="text" size="10"> <a href="javascript:search.submit();">
Cerca</a>
</form>

Il problema è che funziona con IE ma NON con Firefox.

Parlo solo della scritta Cerca che usa uno javascript

Dove sbaglio ???


L'errore nella console javascript di firefox è il seguente:

Errore: search is not defined
File sorgente: javascript:search.submit();
Riga: 1

:master:

[nuky]

Prova con:

javascript:document.getElementById("search").submit();

[SangueMisto]

Cosi'mi restituisce un errore di sintassi

<form id="search" action="http://www.google.com/custom">
<INPUT type="hidden" value="argenteriadabbene.com" name="as_sitesearch">
<INPUT type="hidden" value="it" name="hl">
<INPUT name="q" type="text" size="10">
<a href="javascript:document.getElementById("search") .submit();">
Cerca</a>
</form>

Scusatemi per la rottura ma di javascript non ci capisco na mazza :rollo:

[nuky]

Perché così usi le virgolette per aprire due stringhe.
Scrivi o così:

<a href="javas&#99;ript:document.getElementById('search').submit();">

o così:

<a href='javas&#99;ript:document.getElementById("search").submit();'>

[pierofix]

Concentriamoci su una cosa per volta. Iniziamo dalla struttura di markup del form, in modo tale da usare appropriatamente i tag a disposizione (con un occhio di riguardo anche verso l'accessibilità):

<form id="googleSearch" action="javascript:gSearch();">
   <fieldset>
      <legend>Cerca nel sito</legend>

      <label for="parola">Trova:</label> 
      <input id="parola" name="parola" /> 

      <input id="pulsanteInvio" type="submit" value="vai" />

      

<cite>
         Servizio offerto da Google
      </cite></p>
   </fieldset>
</form>

Analizziamo poi la funzione javascript 'gSearch()':

function gSearch()
{
   var testo = document.getElementById('parola');
   var url = 'www.miosito.it';

   window.location = 'http://www.google.com/search?hl=it&ie=UTF-8&domains='
   + url
   + '&q="'
   + testo.value
   + '&btnG=Cerca&sitesearch="'
   + url
   + '"'
   ;
}

Se non ho scritto ca22ate dovrebbe funzionare.