Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wneo

Notification html5

Por , em Javascript

Recommended Posts

wneo    5

wneo
Postado

Bom dia!

Já ouviram falar no recurso 'notification' do html5?

Tem como objetivo comunicar a aplicação web com retornos em desktop do navegador.

Estou tentando utilizar, mas não consigo:

-No jsfiddle funciona:

http://jsfiddle.net/mgibsonbr/TPJBn/1/

-Agora quando tento passar para os arquivos e rodar diretamente no navegador, nada acontece...o que estou esquecendo?

<!DOCTYPE html>
<html>

<script src="js/jquery-1.9.0.js" ></script>
<script>
function notify() {
    Notification.requestPermission(function() {
        var notification = new Notification("Título", {
            icon: 'http://i.stack.imgur.com/dmHl0.png',
            body: "Texto da notificação"
        });
        notification.onclick = function() {
            window.open("http://stackoverflow.com");
        }
    });
}  

</script>

<div style="width: 300px; height: 300px; background: yellow" onclick="notify()">
Clique aqui para a notificação
</div>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Você está acessando o arquivo .html como?

file:// ? se for, você precisa de um servidor tipo: http://localhost..

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • juniormatrix
      Script para validação
      Por juniormatrix
      Olá
       
      Achei esse script aqui no fórum mesmo:
       
      $.validator.addMethod( "customEmail", function (value, element) { return this.optional(element) || /^[\w-\.]+@fulano\.com\.br$/i.test(value); }, "Por favor, insira um e-mail válido com o domínio @fulano.com.br" ); $("#formulario").validate({ ignore: ".ignore", rules: { empresa: { required: true }, nome: { required: true }, contato: { required: true }, celular: { required: true }, email: { required: true, email: true, customEmail: true }, }, }); Testei e funcionou perfeitamente, mas gostaria que liberasse mais e-mails válidos, ao invés de apenas um.

      Tem como fazer? 
       
      Se alguém puder ajudar, fico muito grato.
    • Alessandro Bodão
      Projeto de Branding
      Por Alessandro Bodão
      Salve galerinha, passando pra mostrar pra vocês o novo projeto de marca que a Jatobá Estúdio desenvolveu, espero que gostem.   https://www.behance.net/gallery/166555627/Fernanda-Pinheiro-Nutricionista-Esportiva
    • rogerblower
      Qual calendário free usar?
      Por rogerblower
      Boas pessoal, estou precisando de um calendário para agenda com crud para agendamento, mas teria que ser free.
      Obrogado.
    • Sapinn
      Erro em arquivos do tipo woff, tff
      Por Sapinn
      Fala galera! Tenho um site que possui alguns icones que são puxados da biblioteca flaticon , o problema é que de uma hora pra outra esses icones pararam de aparecer. No meu ambiente local funciona, mas no ambiente de produção eles não aparecem e eu recebo o seguinte erro no console: Failed to load resource: the server responded with a status of 404 () 
       
      Alguém saberia como resolver isso?
    • mateus.andriollo
      Executar função via marcação de um elemento [RESOLVIDO]
      Por mateus.andriollo
      Carrego um conteudo Ajax e junto com ele vem HTML e JS, existe um marcador que está relacionado a um elemento HTML, quando eu clico e este elemento tem um atributo exemplo data-onload="funcaoOla()" esta função tbm carregada pelo ajax deve ser executada.
       
      Dúvida como eu faço uma chama de função desta forma, seria como exec("funcaoOla")
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito