Usuário com melhor resposta
(RESOLVIDO)html: colocar link em botão com icone

Pergunta
-
eu tenho um botão e quero colocar um link:
Segue o meu código html:
<button class="btn btn-small btn-danger" >
<i class="icon-cogs"></i></button>
eu tentei colocar o elemennto <a href> só q não funcionou...
- Editado Daniel O. Farias segunda-feira, 23 de setembro de 2013 20:25
Respostas
-
Tenta assim:
<button class="btn btn-small btn-danger" onclick="window.location.href='http://msdn.microsoft.com/pt-BR/'" > <i class="icon-cogs"></i>Botao</button>
<b>Diego Almeida Barreto<b><br/> System Analyst / Software Developer</b></b>
Quando utilizamos HTML misturado com CSS ou JavaScript o nome é JavaScript Invasivo e não é uma boa prática, inclusive não é recomendado pelo W3C esse JavaScript Invasivo ou INLINE, não é Web Standard o correto é manipular os eventos no HEAD da página...
Segue abaixo um exemplo de código não invasivo utilizando JQUERY, caso não queira baixar a biblioteca do JQUERY pode utilizar pela CDN do Google e importar no HEAD...
<script type="text/javascript"> $(document).ready(function() { $("#ID_BOTAO").click(function() { window.location = "SUA_URL"; });
}); </script>
- Sugerido como Resposta - Sidney Carvalho sexta-feira, 20 de setembro de 2013 02:21
- Marcado como Resposta Giovani Cr segunda-feira, 23 de setembro de 2013 16:46
Todas as Respostas
-
Tenta assim:
<button class="btn btn-small btn-danger" onclick="window.location.href='http://msdn.microsoft.com/pt-BR/'" > <i class="icon-cogs"></i>Botao</button>
<b>Diego Almeida Barreto<b><br/> System Analyst / Software Developer</b></b>
- Editado Diego de Almeida Barreto (Lewis) quinta-feira, 19 de setembro de 2013 21:35
-
Tenta assim:
<button class="btn btn-small btn-danger" onclick="window.location.href='http://msdn.microsoft.com/pt-BR/'" > <i class="icon-cogs"></i>Botao</button>
<b>Diego Almeida Barreto<b><br/> System Analyst / Software Developer</b></b>
Quando utilizamos HTML misturado com CSS ou JavaScript o nome é JavaScript Invasivo e não é uma boa prática, inclusive não é recomendado pelo W3C esse JavaScript Invasivo ou INLINE, não é Web Standard o correto é manipular os eventos no HEAD da página...
Segue abaixo um exemplo de código não invasivo utilizando JQUERY, caso não queira baixar a biblioteca do JQUERY pode utilizar pela CDN do Google e importar no HEAD...
<script type="text/javascript"> $(document).ready(function() { $("#ID_BOTAO").click(function() { window.location = "SUA_URL"; });
}); </script>
- Sugerido como Resposta - Sidney Carvalho sexta-feira, 20 de setembro de 2013 02:21
- Marcado como Resposta Giovani Cr segunda-feira, 23 de setembro de 2013 16:46