Ajouter une favicon.png aux skins Scenari OptimOffice


#1

Bonjour à tous,

Pour inaugurer la rubrique je vous propose une petite astuce en JavaScript pour ajouter une favicon.png à vos skins OptimOffice.

Par exemple dans site.skin.doss/js, vous pouvez ajouter dans skin.js le code suivant :

(function() { // fonction qui ajoute le favicon à Scenari OptimOffice var link0 = document.createElement('link'); link0.type = 'image/png'; link0.rel = 'icon'; link0.href = '../skin/img/tpl/favicon.png'; document.getElementsByTagName('head')[0].appendChild(link0); })()

Vous devez ajouter une favicon.png en 16x16 ou 32x32 dans site.skin.doss/img/tpl et vous aurez une belle favicon pour votre site web :smile:

A+


#2

Cette astuce ne fonctionne plus avec le « Support Web Simplifié ».

Il faut la modifier comme cela :

// fonction qui ajoute le favicon à Scenari OptimOffice
function addFavicon(){
	var XHR = null;
	var url1 = '../skin/img/tpl/favicon.png';
	var url2 = './skin/img/tpl/favicon.png';
	var faviconLink = document.createElement('link');
	faviconLink.type = 'image/png';
	faviconLink.rel = 'icon';

	if (window.XMLHttpRequest) {
		// Code pour IE7+, Firefox, Chrome, Opera, Safari
		XHR = new XMLHttpRequest();
	} else {
		// Code pour IE6, IE5
		XHR = new ActiveXObject('Microsoft.XMLHTTP');
	};

	// Requête XHR
	XHR.open('HEAD', url1, true);
	XHR.send();
	XHR.onreadystatechange = function setFaviconURL() {
		if (XHR.readyState == 4 && XHR.status == 200) {
			faviconLink.href = url1;
		} else {
			if (XHR.readyState == 4 && XHR.status == 404) {  
				faviconLink.href = url2;
			}
		}
	}
	document.getElementsByTagName('head')[0].appendChild(faviconLink);
}

(function() {
		addFavicon();
})()

A+

Xavier