// Lista de vendas a serem exibidas. Ajuste conforme necessário.
var sales = [
{ buyer: 'Joao S.', product: 'Rhinoceros 8', location: 'Sao Paulo, SP' },
{ buyer: 'Maria L.', product: 'AutoCAD 2024', location: 'Rio de Janeiro, RJ' },
{ buyer: 'Carlos A.', product: 'SketchUp Pro', location: 'Belo Horizonte, MG' },
{ buyer: 'Ana P.', product: 'Revit 2025', location: 'Porto Alegre, RS' },
{ buyer: 'Fernanda M.', product: 'Lumion 12', location: 'Curitiba, PR' }
];
var currentSaleIndex = 0;
var displayDuration = 5000; // tempo que cada notificacao fica visivel (ms)
var intervalBetween = 10000; // intervalo entre notificacoes (ms)
// Obtem ou cria o container de notificacoes
function saleGetContainer() {
var container = document.querySelector('.sale-notification-container');
if (!container) {
container = document.createElement('div');
container.className = 'sale-notification-container';
container.style.position = 'fixed';
container.style.bottom = '20px';
container.style.left = '20px';
container.style.zIndex = '10000';
container.style.pointerEvents = 'none';
document.body.appendChild(container);
}
return container;
}
// Exibe uma notificacao para a venda fornecida
function saleShowNotification(sale) {
var container = saleGetContainer();
var notification = document.createElement('div');
notification.className = 'sale-notification';
notification.style.background = '#ffffff';
notification.style.color = '#333333';
notification.style.border = '1px solid #dddddd';
notification.style.boxShadow = '0 2px 8px rgba(0,0,0,0.15)';
notification.style.padding = '12px 16px';
notification.style.marginTop = '8px';
notification.style.borderRadius = '6px';
notification.style.fontSize = '14px';
notification.style.minWidth = '250px';
notification.style.maxWidth = '300px';
notification.style.lineHeight = '1.4';
notification.style.pointerEvents = 'auto';
notification.style.opacity = '0';
notification.style.transition = 'opacity 0.5s ease';
notification.innerHTML = '' + sale.buyer + ' comprou ' + sale.product + ' em ' + sale.location + '!';
container.appendChild(notification);
// Fade‑in
setTimeout(function () {
notification.style.opacity = '1';
}, 10);
// Fade‑out e remocao
setTimeout(function () {
notification.style.opacity = '0';
setTimeout(function () {
if (notification.parentNode) {
notification.parentNode.removeChild(notification);
}
}, 500);
}, displayDuration);
}
// Mostra a proxima notificacao e atualiza o indice
function saleCycle() {
saleShowNotification(sales[currentSaleIndex]);
currentSaleIndex = (currentSaleIndex + 1) % sales.length;
}
// Inicia o ciclo
saleCycle();
setInterval(saleCycle, intervalBetween);
Acesso garantido após confirmação
Suporte técnico incluso
Entrega digital via E-mail
Ref.:
ZYUFGN4E3
|
Disponibilidade:
Imediata
Adobe Illustrator 2025
R$ 929,00
