2011-09-18 12 views
9

Desidero trasformare un div composto da immagine + testo (per la traduzione) in un pulsante di invio. È possibile?Utilizzare un div come pulsante di invio

sono riuscito a utilizzare l'immagine come presentare, ma il testo non è un link e dà una sensazione di 'spezzato' per l'intera immagine + testo

+0

Solo con javascript ... Sei alla ricerca di un non javascript metodo? – Sir

risposta

12

Utilizzo JQuery.

$('div').click(function() { 
    $('form').submit(); 
}); 
8

Si può fare in due modi.

  1. È possibile utilizzare un pulsante con il tipo di invio e usare i CSS per lo stile come un div
  2. Aggiungere un onClick sul div, e inviare il modulo a evento click.

Per il metodo 2 è possibile farlo tramite jQuery o senza, con js pianura

<script> 
    function submitOnClick(formName){ 
     document.forms[formName].submit(); 
    } 
</script> 
<form id="myForm" ...> 
    .... 
    <div onclick="submitOnClick('myForm')> 
     ... 
    </div> 
    ... 
</form> 

risposta di Trevor mostra come farlo con jQuery.
Nel suo esempio basta sostituire il 'div' e 'form' con gli ID dei div e modulo come questo:

Se ID di div e la forma sono myDiv e myForm specificarli come '#myDiv' e '#myForm', qui # viene utilizzato per specificare il la seguente stringa è un id di un elemento.

15
<div onclick="document.myform.submit()"></div> 
Problemi correlati