Witam, mam kawałek kodu odpowiedzialny za generowanie notyfikacji web push po kliknięciu w przycisk. Mimo iż z JS mam do czynienia bardzo rzadko, to kiedyś udało mi się zrobić tak, że powiadomienia ładowałem z osobnego pliku poprzez include (PHP) i wszystko działało super. Niestety przypadkowo skasowałem sobie ten skrypt i nie potrafię powtórzyć tego, co zrobiłem wtedy. Pewnie robię jakieś błędy w składni. Bardzo prosze o pomoc bo męczę się już 4-ty dzień.
Tak wygląda skrypt:
<script>
$(function() {
// prośba o pozwolenie na wyświetlanie powiadomień
Push.Permission.request();
// wyświetlenie powiadomienia po kliknięciu na przycisk
$( ".button" ).on( "click", function() {
Push.create('Cześć!', {
body: 'Zobacz nowy artykuł na Devcorner - "Najprostszy sposób na pokazanie powiadomień Push".',
icon: 'icon.png',
timeout: 6000,
onClick: function() {
console.log('Kliknięto powiadomienie.');
}
});
});
// button - kod nieistotny dla działania powiadomień
$('.button')
.on('mouseenter', function(e) {
var parentOffset = $(this).offset(),
relX = e.pageX - parentOffset.left,
relY = e.pageY - parentOffset.top;
$(this).find('span').css({top:relY, left:relX})
})
.on('mouseout', function(e) {
var parentOffset = $(this).offset(),
relX = e.pageX - parentOffset.left,
relY = e.pageY - parentOffset.top;
$(this).find('span').css({top:relY, left:relX})
});
});
</script>
Chcę mieć takich powiadomień X i żeby wszystkie ładowały się w jednym momencie, a nie tylko jedna notyfikacja po kliknięciu w przycisk.
Dla kogoś kto robił coś więcej w JS niż ja to pewnie jest 5 minut zabawy. Dziękuję.