=====Signature de mail===== ==BRETAGNE INP - ENIB - ESIAB - IAE== Voici les instructions pour utiliser l'outil d'aide à la génération de signature ci-dessous. * Entrez vos informations dans la rubrique «Vos informations» * Pour Partage (messagerie en ligne fourni par RENATER), * Sur cette page, cliquer sur le bouton «Copier la signature pour coller dans Partage» * Sur votre messagerie "Partage" Aller dans vos **Préférences**, puis **Signatures** * Cliquer sur **Nouvelle signature** * Renseigner le champ **Nom** de la signature * À droite, choisissez **Format HTML** * Coller la signature (vous pouvez la modifier dans l'éditeur) * Cliquer sur **Enregistrer** en haut à gauche * Pour Thunderbird, * Cliquer sur le bouton **Générer signature html** * Copier le code dans le cadre gris sous [[#code_html_pour_thunderbird|**Code html pour Thunderbird**]] * Coller le dans un fichier texte * Enregistrer le fichier (Attention : avec l'extension **.html**, pas .txt), à un endroit qui sera toujours accessible à Thunderbird. * Lancer **Thunderbird** * Dans les paramètres du compte, cocher **Apposer une signature à partir d'un fichier (texte, HTML, ou image)** * Cliquer sur le bouton **Choisir…** à droite * Aller chercher le fichier précédemment enregistré * Affichage des logos dans les mails reçus * Par défaut vous ne verrez pas les logos des signatures si vous n'avez pas coché "dans les mails HTML, affichez automatiquement les images extérieures" * Pour cela, dans Partage, allez dans "Préférences" => "Mails => partie "Affichage des mails" => "Images : dans les mails HTML, affichez automatiquement les images extérieures" * Ensuite fermez et ouvrez à nouveau Partage pour que cela soit prit en compte (peut nécessiter 5 minutes) ===== Vos informations =====
===== Prévisualisation =====
  Nom complet
Fonction en français
Fonction en anglais

BRETAGNE INP
Technopôle Brest-Iroise
CS 73862
29238 Brest Cedex 3 - France
T 33 (0)2 98 05 xx xx
E
===== Code html pour Thunderbird ===== (function (w) { var doc = w.document; var inputs = doc.querySelectorAll('form .form-control'); var select = doc.querySelector('[data-select]'); var gen = doc.querySelector('#genbtn'); var prepare = doc.querySelector('[data-prepare]'); var download = doc.querySelector('[data-load]'); var phoneInput = doc.querySelector('#phone'); var tableSignature = doc.querySelector('#signature > tbody'); var signcode = doc.querySelector('.code'); var savedNode = null; var companyRadio = doc.querySelectorAll('#company input'); var styleName = doc.querySelector('#preparedName'); for (var i = inputs.length - 1; i >= 0; i--) { inputs[i].addEventListener('keyup', updateSignature); } function removeHtmlNodes(node) { node.innerHTML = ''; } function addHtmlNodes(node, data, className) { var br = doc.createElement('br'); var span = doc.createElement('span'); span.classList.add(className); span.innerHTML = data; node.appendChild(span); node.appendChild(br); } function updateSignature(e) { var id = e.target.id; var value = e.target.value; var element = doc.querySelector('.' + id); if (id === 'email') { element.href = 'mailto:' + value; element.innerHTML = value; } else if (id === 'phone') { //element.href = 'phone:' + value; element.innerHTML = value; } else if (id === 'facebook') { element.href = value; } else if (id === 'twitter') { element.href = value; } else if (id === 'linkedin') { element.href = value; } else if (id === 'image') { if (checkBanner) { createBanner(value); } } else { element.innerHTML = value; } download.classList.add('is-hidden'); } select.addEventListener('click', selectSign); gen.addEventListener('click', genHtml); function genHtml(event) { var id = event.target.dataset.signature; var element = doc.querySelector('#' + id); signcode.innerText = element.outerHTML; } function selectSign(event) { var id = event.target.dataset.signature; var element = doc.querySelector('#' + id); selectText(element); document.execCommand('copy'); } // from SO: http://stackoverflow.com/a/987376/1592915 function selectText(element) { if (doc.body.createTextRange) { range = doc.body.createTextRange(); range.moveToElementText(element); range.select(); } else if (w.getSelection) { selection = w.getSelection(); range = doc.createRange(); range.selectNodeContents(element); selection.removeAllRanges(); selection.addRange(range); } } })(window); let radioenib = document.getElementById('logoenib'); let radioinp = document.getElementById('logoinp'); let radioesiab = document.getElementById('logoesiab'); let radioesiabq = document.getElementById('logoesiabq'); let radioiae = document.getElementById('logoiae'); let contenuimg=document.getElementById('imagelogo'); let adresseEI=document.getElementById('adresseEnibouInp'); let barre2=document.getElementById('barre2'); const objlogoradio = document.querySelector(".choixlogo"); objlogoradio.addEventListener("change", (event) => { if(radioenib.checked){ contenuimg.innerHTML='Logo ENIB'; adresseEI.innerHTML='
ENIB
Technopôle Brest-Iroise
CS 73862
29238 Brest Cedex 3 - France'; barre2.style.background="#EA5F7C"; } if(radioinp.checked){ contenuimg.innerHTML='Logo Bretagne INP'; adresseEI.innerHTML='
BRETAGNE INP
Technopôle Brest-Iroise
CS 73862
29238 Brest Cedex 3 - France'; barre2.style.background="#4D8973"; } if(radioesiab.checked){ contenuimg.innerHTML='Logo Esiab'; adresseEI.innerHTML='
ESIAB
Technopôle Brest-Iroise
Parvis Blaise Pascal
29280 Plouzané - France'; barre2.style.background="#189539"; } if(radioesiabq.checked){ contenuimg.innerHTML='Logo Esiab'; adresseEI.innerHTML="
ESIAB
2 Rue de l'Université
29000 QUIMPER - France"; barre2.style.background="#189539"; } if(radioiae.checked){ contenuimg.innerHTML='Logo IAE'; adresseEI.innerHTML='
IAE
20 Av. Victor le Gorgeu
29000 Brest - France'; barre2.style.background="#17A5B1"; } });