4

Tenho uma div:

<div class="col-lg-4 col-sm-6"> //Essa aqui
       <section class="panel div-border-red">
              <div class="symbol red">
                  <i class="fa fa-eye"></i>
              </div>
              <div class="value">
                  <h1 class="count tkts-total" id="stock_danger"></h1>
                  <p>Falta de estoque</p>
             </div>
       </section>
</div>

Gostaria de saber se tem alguma forma de redirecionar para outra página clicando na div (Sem usar AngularJS).

2
  • 1
    <a href="link"> foi feito pra isso.
    – Largato
    Commented 7/10/2016 às 17:38
  • 3
    @FelipePaetzold uma dica: Nunca marque uma resposta de primeira. Sempre aguarde, dependendo da sua dúvida, um tempo. Não precisa ter pressa de marcar. Quando você marca com pressa, você tira a motivação de alguém querer de dar uma outra resposta. ter vários pontos de vista pode ser uma vantagem. Commented 7/10/2016 às 17:53

2 Respostas 2

8

Você pode fazer isso facilmente colocando um link antes de iniciar a div.

Veja em funcionamento aqui

Ficando assim:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<!-- Esta linha acima é somente para importar o `CSS` do Bootstrap -->

<a href="http://google.com.br"><div class="col-lg-4 col-sm-6"> //Essa aqui
       <section class="panel div-border-red">
              <div class="symbol red">
                  <i class="fa fa-eye"></i>
              </div>
              <div class="value">
                  <h1 class="count tkts-total" id="stock_danger"></h1>
                  <p>Falta de estoque</p>
             </div>
       </section>
</div></a>

6
1

Defina um id para div e use a função click

$('#idDiv').click(function() { 
 document.location = 'http://suaurl.com/';
} );
5
  • Funcionou, aceitarei a resposta assim que o sistema permitir. Commented 7/10/2016 às 17:27
  • 5
    Eu entendo que essa resposta responde o que foi perguntado, e tecnicamente é correta. Mas que é uma gambiarra danada usar JS pra fazer o que o HTML tem nativo é. Infelizmente eu vejo bastante gente usando isso, o que é um indicador preocupante em termos de qualidade do mercado.
    – Largato
    Commented 7/10/2016 às 17:42
  • 1
    Neste caso, só criticar a minha resposta não ajuda o AP, então, ajude ele postando a sua resposta também. Assim ele terá outra opção e os demais que forem ler esta pergunta.
    – JcSaint
    Commented 7/10/2016 às 17:44
  • 2
    @JcSaint não critico sua resposta, é correta. Critico o autor querer fazer isso, o que foi endossado pela aceitação. Sua resposta está correta, para o que foi perguntado, como já disse antes. Quanto a responder, já postei como comentário na pergunta, e o Wendell já deu a solução. Apesar de além de tudo a sua resposta usar jQuery, que tb não está na pergunta, não acho que tenha nada de errado nela (se tivesse, o pessoal negativaria).
    – Largato
    Commented 7/10/2016 às 17:44
  • 1
    A outra resposta ter ganhado 4 pontos a mais do que essa mostra por si só qual seria a melhor maneira de resolver o problema. Dar a solução procurada é importante, mas todo mundo pode ir além. Depender do jQuery para fazer essa operação é um absurdo. Commented 7/10/2016 às 17:50

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .