Lien d'ajout aux favoris fonctionnant sur tous les navigateurs - Javascript

Nous allons apprendre à créer un lien, compatible avec n'importe quel navigateur, qui permettra d'ajouter votre site dans les favoris de vos visiteurs.

Bonjour,

Certaines personnes utilisent la fonction window.sidebar.addPanel() pour créer un lien permettant d'ajouter un site aux favoris, mais l'erreur, c'est que cette fonction n'est compatible qu'avec le navigateur Internet Explorer et de plus en plus de visiteurs migrent sur Mozilla Firefox, ou tout autre navigateur internet.
Donc, dans ce tutoriel, nous allons apprendre à identifier le navigateur des visiteurs grâce à un script Javascript, et adapter la fonction d'ajout au favoris à utiliser.

Tout d'abord, vous devez savoir que sur Internet Explorer, la fonction Javascript utilisée est :

Code

window.sidebar.addPanel()

Tandis que sur les autres navigateurs, la fonction utilisée est :

Code

window.external.AddFavorite()

Passons à la pratique Sourire

Nous allons créer le fameux script Javascript qui permet la reconnaissance des navigateurs internet et qui attribue la fonction Javascript selon le navigateur utilisé par les visiteurs.

Le script à utiliser est le suivant, ce script peut être mis entre les balises <head></head> graçe à des <script></script>. Il peut aussi être inséré dans un fichier .js (qui sera alors appelé par la page) :

Citation

<SCRIPT LANGUAGE="Javascript">
function AjouterFavoris() { // On crée la fonction AjouterFavoris()

if ( navigator.appName != 'Microsoft Internet Explorer' ) { // Si le navigateur est Internet Explorer
window.sidebar.addPanel("Aidoforum.com", "http://www.aidoforum.com", ""); // Alors on utilise la fonction window.sidebar.addPanel("Nom utilisé pour enregistrer le site", "Adresse du site web", "")
}

else { // Sinon, si le navigateur n'est pas Internet Explorer
window.external.AddFavorite("http://www.aidoforum.com", "Aidoforum.com"); // Alors on utilise la fonction window.external.AddFavorite("Nom utilisé pour enregistrer le site", "Adresse du site web")
}

}
</SCRIPT>

Ensuite, nous allons créer le lien qui utilisera la fonction que nous venons de créer, c'est à dire AjouterFavoris. Ce lien est à mettre entre des <body></body> (à l'endroit où vous souhaitez le voir apparaître).

Citation

<a href="javascript:void(AjouterFavoris());">Ajouter à vos favoris</a>

Voilà, le script est terminé, à présent, il suffit de le tester ^^ !

En espérant vous avoir aidé.

Par iBen , Le 03 Août 2007 à 10h38
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à Javascript

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

cockpit - Le 09 Janvier 2012 à 20h56

merci beaucoup pour ce code.

Luan - Le 22 Avril 2011 à 16h21

Merci pour ce script qui fonctionne parfaitement sous windows (ie et ff).

iBen - Le 01 Février 2008 à 18h42

Bonsoir creaimmo, si vous mettez ce script dans un fichier .js alors vous devrez rajouter dans votre page html : <script type="text/javascript" src="fichier.js"></script>
En remplaçant fichier.js par le nom du fichier

creaimmo - Le 01 Février 2008 à 10h19

Ci je le mets dans un fichier.JS

Qu'est ce que je dois mettre pour faire appel a ce fichier.

cordialement

Masterlud - Le 17 Novembre 2007 à 13h28

sympa Clin d'oeil

Pouzy - Le 04 Août 2007 à 11h01

Merci à toi, je vais remplacer dans la semaine l'actuel, qui ne fonctionne pas sous Firefox Sourire