mailymaily/dist/mailgo.js
Matteo Manzinello edb2d43601 css in js, gulp
2019-05-02 21:32:30 +02:00

49 lines
1.2 KiB
JavaScript

// Your CSS as text
var styles = `
.mailgo-modal-container {
background: white;
}
`;
let styleSheet = document.createElement("style");
styleSheet.type = "text/css";
styleSheet.innerText = styles;
document.head.appendChild(styleSheet);
// ottengo tutti i mailto contenuti nella pagina
let mailgos = document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)');
console.log("mailgo is WIP");
// attivo mailgo su tutti gli elementi
mailgos.forEach(mailgo => {
let modalContainer = document.createElement("div");
modalContainer.className = "mailgo-modal-container";
let modal = document.createElement("div");
modal.className = "mailgo-modal";
modalContainer.appendChild(modal);
let modalContent = document.createTextNode("mailgo");
modal.appendChild(modalContent);
mailgo.parentNode.insertBefore(modalContainer, mailgo.nextSibling);
mailgo.addEventListener(
"click",
event => {
// blocco l'esecuzione normale del mailto:
event.preventDefault();
// mostro un alert
/*
let r = confirm("You have clicked mailto: " + mailto.href);
if (r === true) {
location.href = mailto.href;
}
*/
},
false
);
});