2014-12-05 21 views
6

Làm cách nào để thêm liên kết đơn giản (a href) vào thông báo trên màn hình html5 trên phần nội dung? Tôi thử chức năng onclick, nhưng nó chỉ hoạt động vài giây. Nếu tôi thử nhấn sau, thông báo sẽ biến mất và không có gì. Vì vậy, cách tốt nhất sẽ là với liên kết. Tôi thử viết, nhưng sau đó chỉ cần in cho tôi dưới dạng văn bản.Làm cách nào để thêm liên kết đơn giản vào thông báo trên màn hình html5

var notification = new Notification('title', { 
icon: '...', 
body: '<a href="#">aaa</a>' 
}); 

Trả lời

7

Rất tiếc, không có hỗ trợ cho liên kết và đánh dấu khác trong thông báo HTML. Phương pháp duy nhất để có được một liên kết thể nhấp cùng với một thông báo là sử dụng onclick:

function makeNotification() { 
    var notification = new Notification('This is a clickable notification', {body: 'Click Me'}); 

    notification.onclick = function() { 
     window.open("http://stackoverflow.com/"); 
    }; 
} 

function notifyMe() { 
    // Let's check if the browser supports notifications 
    if (!("Notification" in window)) { 
    alert("This browser does not support desktop notification"); 
    } 

    // Let's check if the user is okay to get some notification 
    else if (Notification.permission === "granted") { 
    // If it's okay let's create a notification 
    makeNotification(); 
    } 

    // Otherwise, we need to ask the user for permission 
    // Note, Chrome does not implement the permission static property 
    // So we have to check for NOT 'denied' instead of 'default' 
    else if (Notification.permission !== 'denied') { 
     Notification.requestPermission(function (permission) { 
      // If the user is okay, let's create a notification 
      if (permission === "granted") { 
      makeNotification(); 
      } 
     }); 
    } 
} 

Mozilla có tài liệu hơn nữa tại https://developer.mozilla.org/en-US/docs/Web/API/notification

Firefox có một thời gian ngắn cho các thông báo so với Chrome. Không có cách nào để kiểm soát thời gian một thông báo hiển thị trong Firefox.

+0

Thứ nhất nhờ cho phản ứng. :) Thông báo hoạt động tốt, nhưng chỉ vài giây, ví dụ trong chương trình thông báo firefox và automaticaly biến mất sau vài giây, trong chrome thông báo ở lại nhưng onclick sẽ không hoạt động, một lần nữa sau vài giây chờ đợi. Không biết tại sao. – Rob

+0

Vâng tôi đã không nhận thấy rằng lúc đầu tiên như tôi đã được thử nghiệm trong Chrome nhưng sau đó sau khi tôi lần đầu tiên đăng câu trả lời của tôi, tôi đã thử nghiệm trong Firefox và thấy điều tương tự. Các thông báo của Firefox được thiết kế theo cách đó, điều này gây phiền toái. Dường như ngay cả khi bạn đang sử dụng SDK để tạo Add-On thì không thể thay đổi http://stackoverflow.com/questions/20456377/modifying-the-timeout-of-notifications-in-a-firefox-extension và https : //bugzilla.mozilla.org/show_bug.cgi? id = 875114 – JasonCG

+0

Bạn chỉ có thể tạo lại thông báo mỗi lần đóng cửa cho đến khi người dùng đóng cửa một cách rõ ràng: http://stackoverflow.com/questions/25209805/how -do-i-keep-a-notification-open-in-firefox – JasonCG

-2

add dir: "ltr" trong Options

options = { 
    dir : "ltr", 
    icon: "images/images.jpg", 
    body : "hello WOrld" 

    } 

new Notification("Current Notify",options); 
+0

Việc thêm 'dir' chỉ đặt hướng ngôn ngữ. 'ltr' có nghĩa là từ trái sang phải. Xem [doc] (https://developer.mozilla.org//docs/Web/API/Notification/dir) – Bludwarf

Các vấn đề liên quan