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

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


    quinta-feira, 19 de setembro de 2013 21:21

Respostas

  • 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


    • 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
    sexta-feira, 20 de setembro de 2013 01:57

Todas as Respostas

  • 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;


    quinta-feira, 19 de setembro de 2013 21:34
  • 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


    • 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
    sexta-feira, 20 de setembro de 2013 01:57