Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

bcs_ptx

TRansformar button

Por , em Javascript

Recommended Posts

bcs_ptx    0

bcs_ptx
Postado

Pessoal, minha dúvida é a seguinte, isso aqui faz transformar um button simples em algo mais bonito, como posso fazer isso no submit? abraços

 

<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
  <script>
  $(document).ready(function() {
    $("button").button();
  });
  </script>
</head>
<body>

<button style="height:50px; width:130px;">
<a href="">
<span style="float:left;"><img src="excel.png"></span>
<span style="float:right; font-size:65%; margin-top:3px; margin-left:10px;">Exportar</span>
</a>
</button>

</body>
</html>

 

agora invés do button queria usar o <input type="submi">

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Barantini    33

Ricardo Barantini
Postado

Defina um ID pro seu submit e capture ele com o JQuery igual você fez com o button.

 

OU

<script>
$(function() {
$( "input[type=submit], a, button" )
.button()
.click(function( event ) {
event.preventDefault();
});
});
</script>

 

Isso está na documentação do JQuery UI.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito