Les « Jams du jeudi » vous propose la 5ième édition de la « Special Ukulélé » en partenariat avec « La Casa du Ukulele » avec pour commencer Les Frères la Roucoule pour un set de 30 minutes avant d’inviter musiciens, chanteurs et artistes en tout genre à venir « boeuffer ». N’hésitez pas venez avec vos instruments, improvisations et rencontres sont de mises…
/* cacher icônes par défaut */
.fusion-sharing-box .fusion-social-networks {
display: none;
gap: 10px;
align-items: center;
}
.fusion-sharing-box.active .fusion-social-networks {
display: flex;
}
/* curseur pointer sur icônes et sur "Partager" */
.fusion-sharing-box .fusion-social-networks a,
.fusion-sharing-box .tagline {
cursor: pointer;
display: inline-flex;
align-items: center;
color: inherit;
text-decoration: none;
font-size: 14px;
}
/* texte copier */
.copy-text {
margin-left: 6px;
user-select: none;
font-size: 14px;
}
/* icône SVG à gauche du titre "Partager" */
.fusion-sharing-box .tagline {
display: inline-flex;
align-items: center;
}
.fusion-sharing-box .tagline svg {
margin-right: 8px;
vertical-align: middle;
}
document.addEventListener('DOMContentLoaded', () => {
const sharingBox = document.querySelector('.fusion-sharing-box');
const shareTitle = sharingBox.querySelector('.tagline');
const socialIcons = sharingBox.querySelector('.fusion-social-networks');
// Ajouter l'icône SVG "share" à gauche de "Partager" si pas déjà présent
if (!shareTitle.querySelector('svg')) {
const svgIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgIcon.setAttribute("width", "24");
svgIcon.setAttribute("height", "24");
svgIcon.setAttribute("viewBox", "0 0 24 24");
svgIcon.setAttribute("fill", "currentColor");
svgIcon.style.verticalAlign = "middle";
svgIcon.style.marginRight = "8px";
svgIcon.innerHTML = `
`;
shareTitle.prepend(svgIcon);
}
// Toggle affichage icônes au clic sur "Partager"
shareTitle.addEventListener('click', () => {
sharingBox.classList.toggle('active');
});
// Supprimer tous les attributs de tooltip et onclick sur toutes les icônes
socialIcons.querySelectorAll('a').forEach(link => {
['title', 'data-title', 'data-original-title', 'aria-label', 'data-toggle', 'data-placement', 'onclick'].forEach(attr => {
if(link.hasAttribute(attr)) {
link.removeAttribute(attr);
}
});
});
// Trouver le lien copier (celui avec icône share)
// Comme onclick était dessus, on peut se baser sur icône awb-icon-share
const copyLink = socialIcons.querySelector('a i.awb-icon-share')?.parentElement;
if (!copyLink) return;
// Injecter span pour afficher texte à côté de l'icône
let copyText = document.createElement('span');
copyText.className = 'copy-text';
copyText.textContent = "Copier l'URL";
// Nettoyer le contenu texte du lien (garder icône) puis ajouter texte
// On enlève tout texte, mais garde l'icône (le )
const icon = copyLink.querySelector('i');
copyLink.textContent = ''; // vide le lien
if(icon) copyLink.appendChild(icon); // remet l'icône
copyLink.appendChild(copyText);
// Gestion clic copier
copyLink.addEventListener('click', e => {
e.preventDefault();
const urlToCopy = sharingBox.getAttribute('data-link') || window.location.href;
navigator.clipboard.writeText(urlToCopy).then(() => {
copyText.textContent = "Copié !";
setTimeout(() => {
copyText.textContent = "Copier l'URL";
}, 2000);
}).catch(() => {
alert("Impossible de copier l'URL.");
});
});
});
.fusion-sharing-box .sharingbox-shortcode-icon-wrapper {
justify-content: flex-start;
}
.awb-icon-share{ display:none !important;}
.fusion-sharing-box .tagline {
display: inline-flex
;
align-items: center;
font-size: 24px !important;
margin-right: 15px;
}
