Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

koha:personnalisation_graphique:interface:jquery [2017/07/19 17:18] (Version actuelle)
llefaucheur ↷ Page déplacée de koha:jquery à koha:personnalisation_graphique:interface:jquery
Ligne 1: Ligne 1:
 +====== Code jquery pour modifier les affichages ======
 +
 +Il est possible dans les préférences système opacuserjs et intranetuserjs d'​ajouter des éléments jquery pour masquer des informations sur les interfaces ou modifier l'​affichage.
 +
 +Voir aussi le wiki communautaire ici [[http://​wiki.koha-community.org/​wiki/​JQuery_Library]]
 +
 +Attention, comme les conditions sont souvent basées sur des chaînes de caractères,​ ce qui s'​applique en français ne s'​appliquera pas obligatoirement en anglais, il sera peut-être nécessaire de définir 2 conditions, l'une pour le français, l'​autre pour l'​anglais.
 +
 +=== Masquer la facette Limiter aux documents en rayon, en résultat de recherche, pro et opac  (3.2) ===
 +
 +<​code>​
 +$(document).ready(function(){ $("#​search-facets ul li:​contains('​Disponibilité'​)"​).hide();​ })
 +</​code>​
 +
 +
 +=== Supprimer des lignes dans le tableau des notifications adhérent à l'opac ou côté pro (3.2) ===
 +
 +opac : 
 +
 +<​code>​
 +$(document).ready(function(){ ​  ​$("#​opac-messaging tr:​contains('​Prochains évènements'​)"​).empty();​ });
 +$(document).ready(function(){ ​  ​$("#​opac-messaging tr:​contains('​Documents à rendre'​)"​).empty();​ });
 +$(document).ready(function(){ ​  ​$("#​opac-messaging tr:​contains('​Réservations mises de côté'​)"​).empty();​ });
 +</​code>​
 +
 +pour l'​interface pro ça marche comme ça : 
 +
 +<​code>​
 +$(document).ready(function(){ ​  ​$("#​memberentry_messaging_prefs tr:​contains('​Prochains évènements'​)"​).empty();​ $("#​patron-messaging-prefs tr:​contains('​Prochains évènements'​)"​).empty();​ });
 +</​code>​
 +
 +(2 pages à modifier dans ce cas : modification adhérent, affichage adhérent ; donc 2 variables)
 +
 +
 +=== Supprimer une colonne (ici call number source) dans le tableau des exemplaires,​ affichage notice détaillée côté pro ===
 +
 +<​code>​
 +$(document).ready(function(){ $("#​holdingstable th:​contains('​Call number source'​)"​).hide();​ $('​.itemcallnumbersource'​).hide();​ }) 
 +</​code>​
 +
 +la première commande enlève la case de l'​entête,​ la deuxième le contenu