1

Estou fazendo um projeto que algumas imagens tem tooltip, mas ele só aparece com o clique. O problema é que na versão mobile não está legal, então preciso abrir uma página nova com o conteúdo desse tooltip. Existe alguma maneira de alterar o conteúdo do onclick conforme o tamanho da página?

Ex:

No desktop seria:

<img src="img.jpg" onclick="abre o tooltip" />

E no mobile seria:

<img src="img.jpg" onclick="location.href='abre pagina'" />

1 Resposta 1

1

Você pode usar desta forma

var mq = window.matchMedia( "(min-width: 500px)" ); 
if (mq.matches) {
    // mostra imagem com o tootlip
}
else {
    // mostra imagem com link
}

Fonte: http://www.sitepoint.com/javascript-media-queries/

2
  • 1
    Marta, vale a pena referir que isto é só para browsers "modernos", IE10+ por exemplo. De resto +1
    – Sergio
    Commented 14/08/2014 às 22:11
  • Na verdade nem sabia disso, @Sergio. Obrigada!
    – Marta
    Commented 15/08/2014 às 18:00

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 .