(RESOLVIDO)html: colocar link em botão com icone

Question

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...

Answer 1

Daniel O. Farias,

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>

---

&lt;b&gt;Diego Almeida Barreto&lt;b&gt;&lt;br/&gt; System Analyst / Software Developer&lt;/b&gt;&lt;/b&gt;

Answer 2

Daniel O. Farias,

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>

---

&lt;b&gt;Diego Almeida Barreto&lt;b&gt;&lt;br/&gt; System Analyst / Software Developer&lt;/b&gt;&lt;/b&gt;

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>

---

Leonardo Lourenço Silva