jquery, plugin biggerlink modifié pour plici.net
Sur plici.net, nous venons de terminer la dernière phase d'intégration qui a permis de modifier les pages suivantes :
- www.plici.net
- http://www.plici.net/l1/p238-Demonstration.html
- http://www.plici.net/l1/p361-Fonctionnalites.html
- http://www.plici.net/l1/p319-Telecharger-PLICI.html
- http://www.plici.net/l1/p350-PliciTag.html
- http://www.plici.net/l1/p368-Partenaires.html
Vous remarquerez, sur ces pages, qu'il y a plusieurs "boutons". En fait ces boutons sont composé d'un DIV avec un lien (a href).
Voici l'exemples du bouton "Télécharger plici" sur la page http://www.plici.net/l1/p366-Telechargement.html :
Et quand on fait ce type de div, on a seulement le lien à l'intérieur qui est cliquable et cela limite l'utilisation du bouton (en clair, je trouve que c'est énervant 
)
Alors, évidement, pour que le DIV devienne un bouton, nous avons utilisé le module BiggerLink disponible sur Jquery.
BiggerLink est un script javascript qui va faire en sorte que le lien contenu dans le DIV se généralise à ce DIV.
Cela entraîne ainsi l'effet "bouton".
Ce module fonctionne très bien.
Toutefois, sur plici.net il y beaucoup de liens qui vont vers des adresses extérieurs en s'ouvrant dans une nouvelle fenêtre.
Hors BiggerLink ne supporte pas le fait d'ouvrir les liens dans une nouvelle fenêtre.
C'est pour cette raison que nous l'avons modifié ainsi :
Il faut chercher :
-
if(settings.follow == true)
-
{
-
window.location = this.href;
-
}
Pui le remplacer par :
-
if(settings.follow == true)
-
{
-
if (this.target == "_blank") {
-
window.open(this.href);
-
} else {
-
window.location = this.href;
-
}
-
}
Ainsi, BiggerLink supporte maintenant l'ouverture vers des liens extérieurs (dans une nouvelle fenêtre) et intérieur.
Voici le fichier modifié (non packé) : jquerybiggerlink.zip
J'espère que cette petite modification vous sera utile.
Stay tuned and stay aware !
January 10th, 2009 à 0:10
J’adore ce genre de bon plan …
je le testerai et vous donnerai mon retour
January 10th, 2009 à 0:48
pour convertir un div en bouton, j’utilises generalement une propriété css
display:block.
January 10th, 2009 à 13:23
Effectivement, la propriété display block marche de temps en temps selon la complexité du bouton et selon le navigateur.
L’avantage du jquery c’est qu’il marche tout le temps
January 15th, 2009 à 13:50
pour beneficier de ca il faut :
- mettre le fichier “jquery.biggerlink.js” a la racine du dossier de notre site : “view - site - my - mon_site”
insérer ce bout de code dans le fichier “_header.html”
en dessous de
par ex.
et vider le cashe.
pour ma part le script n’est pas reconnu …
January 15th, 2009 à 14:39
Il faut aussi mettre la librairie jquery
January 16th, 2009 à 13:54
heuu, il faut mettre quoi dans quoi exactement ?
Merci de ton aide
January 16th, 2009 à 16:31
OK, j’ai donc inséré le script jquery.biggerlink.js et jquery-1.3.min.js, ils sont bien reconnu, mais toujours pas de résultat.
January 16th, 2009 à 17:02
En fait, le JQuery ça se programme…
Voir le site de l’éditeur qui est mentionné dans le blog a chaque fois qu’on parle de BiggerLnk.