Code javascript pour l’opac

Code javascript pour l’opac

0. Configuration

La préférence système opacuserjs peut être utilisée pour activer du code java à l’opac.

Les codes qui sont listés ci-dessous doivent être inscrits entre ces deux balises en rouge.

$(document).ready(function(){
CODE
});

Voici les codes qui fonctionnent.

1. Positionner les index de recherche en recherche avancée

Fonctionne avec la version 21.05
Avec ce code, les menus déroulants vont se positionner sur sujet, auteur et titre.  

               $("select[name='idx']:eq(0)").val("su,wrdl").attr("selected","selected");
               $("select[name='idx']:eq(1)").val("au,wrdl").attr("selected","selected");
               $("select[name='idx']:eq(2)").val("ti").attr("selected","selected");

2. Ajouter un index Titre de revues avec type de document 

3. Cacher un site à l’opac dans le menu déroulant de la recherche simple et de la recherche avancée

Fonctionne avec la version 21.05
//cacher site menu déroulant recherche simple et avancée
$("#select_library option[value='branch:CODE_SITE']").remove();
$("#branchloop option[value='branch:CODE_SITE']").remove();

4. Cacher des sections dans la colonne des facettes en liste de résultat

Fonctionne avec la version 21.05
4.1 Localisation
$("li#location_id").hide();

4.2 Lieux

   
  $("li#su-geo_id").hide();

4.3 Collection 

  $("li#se_id").hide();

4.4 Site temporaire

$("li#holdingbranch_id").hide();

4.5 Site d'appartenance
$("li#homebranch_id").hide();

5. Cacher des types de documents en recherche avancée

Fonctionne avec la version 21.05
  $("input[value='mc-itype,phr:CODE_TYPE_DOC']").parent().hide();

6. Cacher des localisations en recherche avancée

Fonctionne avec la version 21.05

$("input[value='mc-loc:CODE_LOCALISATION']").parent().hide();

7. Cacher le lien Accueil sur la page d’accueil de l’OPAC

Fonctionne avec la version 21.05

$("#opac-main div.main ul.breadcrumb").hide();

8. Mettre le contenu de la préférence système opacresultssidebar en haut de la colonne, au-dessus des facettes

Fonctionne avec la version 21.05
$("#search-facets").prepend($("#opacresultssidebar"));

9. Déplacer les onglets du compte de l’usager au-dessus des liens

Fonctionne avec la version 21.05
$("#OpacNav").prepend($("#usermenu"));




10. Cacher l’onglet vue marc d’une notice à l’opac

Fonctionne avec la version 21.05
 $("#MARCview").parent().hide();

11. Cacher l’onglet vue ISBD d’une notice à l’opac

Fonctionne avec la version 21.05
$("#ISBDview").parent().hide();

12. Cacher « Plus de recherche » dans une notice en vue détaillée

Fonctionne avec la version 21.05

$("#furthersearches").hide();

13. Cacher « Sauvegarder la notice » dans une notice en vue détaillée

Pour cacher le menu Sauvegarder la notice, il suffit de décocher toutes les options de la préférence système OpacExportOptions

14. Remplacer le texte « Retour à la recherche précédente » pour « Modifier la recherche ».  
Fonctionne avec la version 21.05
$("a:contains('Retourner à la dernière recherche avancée')").text("Modifier la recherche");   
15. Curseur se positionne directement dans la barre de recherche simple
Fonctionne avec la version 21.05
Sans ce code, vous devez cliquez dans la boite de recherche simple 
         pour pouvoir écrire votre recherche. Ce code permet d’écrire votre 
         recherche sans devoir cliquer dans la boite.
$("#translControl1").focus();   

16.
            Modifier le texte « Nous n’avons aucun exemplaire physique de ce 
            document » dans la notice en vue détaillée quand il n’y a pas 
            d’exemplaires
Fonctionne avec la version 21.05
  
$("#noitems:contains('Aucun exemplaire')").text("VOTRE TEXTE");

17. Remplacer le texte « Vue marc » par « Vue complète MARC »
Fonctionne avec la version 21.05
 $("a:contains('Vue MARC')").text("Vue complète MARC"); 
18. Modifier le texte Accès en ligne des liens 856
Fonctionne avec la version 21.05

$("a:contains('Accès en ligne')").text("ACCÈS EN LIGNE").css({"color": "red"});

19 . Mettre le contenu de opacmainuserblock au-dessus des nouvelles  
Fonctionne avec la version 21.05
 
$( ".newscontainer" ).insertAfter( $( "#inlibro-carrousel" ) ); 
$( "#rssnews-container" ).insertAfter( $( ".newscontainer" ) ); 
$( "#news-branch-select" ).insertBefore( $( ".newscontainer" ) ); 
20. Cacher le bouton Listes et déplacer le lien dans les liens rapides  
         

            
               

                  
                  

               

               

                  $("#moresearches a:contains('Réserve de cours')").after("<a href='
                  
                     URL de vos listes
                  
                  '>Listes</a></li>");
                  $('#listsmenu').hide();
                  

               

            
         

      
21. Cacher Limites secondaires en recherche avancée  
         

            
               

                  
                  

               

               

                  $("#subtypes").hide();
                  

               

            
         

      
22. Rajouter du texte dans la page de suggestion d’achat  
 

         

            
               

                  
                     

                        
                        

                     

                     

                        $("#usersuggestions p:contains('
                        
                           LE_DEBUT_DU_TEXTE_A_REMPLACER
                        
                        ')").html("<p>
                        
                           VOTRE_TEXTE_DE_REMPLACEMENT
                        
                        </p>");
                        

                     

                  
               

            

         

      
23. Changer le texte des entêtes dans le tableau des exemplaires  
Peut être adapté pour d’autres en-têtes du tableau. 
situation  
 23.1 La colonne Situation
         

            
               

                  
                  

               

               

                  $("th#item_status").text("VOTRE_TEXTE");
                  

               

            
         

      
23.2 La colonne Bibliothèque de rattachement  
         

            
               

                  
                  

               

               

                  $("th#item_home_location").text("Localisation");
                  

               

            
         

      
24. Enlever des index de recherche dans le module recherche d’autorités  
Voici le code pour enlever l’index Subdivisions chronologiques. 
 

         

            
               

                  
                  

               

               

                  $("#authtypecode option[value='
                  
                     CHRON_TERM
                  
                  ']").remove();
                  

               

            
         

      
Pour les autres champs, il faut modifier ce qui est en rouge 
CORPO_NAME pour Collectivité auteur 
MEETI_NAME pour Congrès 
GENRE/FORM pour Genres et formes 
PERSO_NAME pour Personne physique 
GEOGR_NAME pour Subdivisions géographiques 
TOPIC_TERM pour Sujet 
UNIF_TITLE pour Titre uniforme 
25. Cacher la zone 245$c de la vue normale d’une notice  
         

            
               

                  
                  

               

               

                  $("span.title_resp_stmt").hide();
                  

               

            
         

      
26. Changer le texte Se connecter  
         

            
               

                  
                  

               

               

                  $("#auth legend:contains('Se connecter :')").text("
                  
                     VOTRE_TEXTE
                  
                  ");
                  $("#members a:contains('Se connecter')").text("
                  
                     VOTRE_TEXTE
                  
                  "); 
                  $("#loginModal h3:contains('Se connecter')").text("
                  
                     VOTRE_TEXTE
                  
                  ");
                  $("#opac-auth h3:contains('Se connecter')").text("
                  
                     VOTRE_TEXTE
                  
                  ");
                  

               

            
         

      
27. Cacher l’option « Limiter aux exemplaires présentement disponibles »  
         

            
               

                  
                  

               

               

                  $("#availability_facet").remove();
                  

               

            
         

      
28. Cacher l’onglet Mes notifications dans le compte de l’usager  
         

            
               

                  
                  

               

               

                  $("ul.menu-collapse li:contains('Mes notifications')").hide();
                  

               

            
         

      
29. Bloquer le bouton de la recherche simple (le bouton ne peut plus être cliqué tant que les résultats ne sont pas affichés)  
         

            
               

                  
                  

               

               

                  //bloquer bouton recherche simple
                  $('#searchform').submit(function() {
                  $('#searchsubmit').prop('disabled',true).text('Recherche...');
                  });
                  

               

            
         

      
30. Bloquer le bouton de la recherche avancée  
         

            
               

                  
                  

               

               

                  /* bloquer bouton recherche avancée pour 3 secondes */
                  $('form').submit(function(){
                  $(this).find('input[type=submit][title=Rechercher').prop('disabled', true);
                  setTimeout(function(){
                  $('form').find('input[type=submit][title="Rechercher"]').prop('disabled', false);
                  }, 
                  3000); /* nombre de millisecondes pour lequel le bouton doit être désactivé */
                  });
                  

               

            
         

      
31. Changer le texte Numéro de copie dans l’en-tête du tableau des exemplaires  
         

            
               

                  
                  

               

               

                  //changer le texte Numéro de copie
                  $("th#item_copy").text("Exemplaire n°");
                  

               

            
         

      
32. Cacher l’index Éditeur par défaut et ajouter un index Provider pour les zones 260 et 264  
         

            
               

                  
                  

               

               

                  //pour cacher index éditeur
                  $("#booleansearch option[value='pb,wrdl']").hide();
                  //pour ajouter index provider 260 et 264
                  $("#search-field_0 option[value='au,phr']").after("<option value='pv,wrdl'>Éditeur</option>");
                  $("#search-field_1 option[value='au,phr']").after("<option value='pv,wrdl'>Éditeur</option>");
                  $("#search-field_2 option[value='au,phr']").after("<option value='pv,wrdl'>Éditeur</option>");
                  

               

            
         

      
33. Changer les index Langues en recherche avancée  
         

            
               

                  
                  

               

               

                  //ajouter index langue
                  $("select#language-limit[name='limit']").append("<option value='ln-audio:eng'>English (Anglais)</option>")
                  $("select#language-limit[name='limit']").append("<option value='ln-audio:fre'>Français (Français)</option>")
                  $("select#language-limit[name='limit']").append("<option value='ln-audio:ger'>Deutsch (Allemand)</option>")
                  $("select#language-limit[name='limit']").append("<option value='ln-audio:ita'>Italiano (Italien)</option>")
                  $("select#language-limit[name='limit']").append("<option value='ln-audio:ita'>Español (Espagnol)</option>")
                  $("select#language-limit option[value='ln,rtrn:eng']").hide();
                  $("select#language-limit option[value='ln,rtrn:fre']").hide();
                  $("select#language-limit option[value='ln,rtrn:ger']").hide();
                  $("select#language-limit option[value='ln,rtrn:ita']").hide();
                  $("select#language-limit option[value='ln,rtrn:spa']").hide();
                  

               

            
         

      
(ajout du 19/02/2018) 
34. Cacher la zone 490 dans la vue normale d’une notice avec l’utilisation de la feuille de style Collecto  
         

            
               

                  
                  

               

               

                  //cacher 490 notice opac
                  $("span.results_summary.490 div.contentblock").remove();
                  

               

               

                  
                     Code pour la version 21.05
                  
                  //cacher 490 notice opac
                  

                  $("span.results_summary.490").text("Collection:");
                  

               

            
         

      
35. Modifier l’aspect de la liste de résultats  
35.1 Changer le texte Exemplaires disponibles sur place  


 


La mention Exemplaires disponible sur place s’affichent pour les 
         exemplaires dont le type de document est par défaut Exclu du prêt. (Oui 
         dans la colonne Exclu du prêt). 
 



         

            
               

                  
                  

               

               

                  $("b:contains('Exemplaire(s) disponible(s) sur place')").text("Exemplaires à consulter sur place : ");
                  

               

            
         

      
35.2 Cacher la mention Exemplaires non disponibles  
 
         

            
               

                  
                  

               

               

                  //cacher exemplaires non disponibles
                  $("span.unavailable b:contains('non disponible')").remove();
                  

               

            
         

      
35.3 Cacher la mention Exemplaire disponible pour le prêt  
 
 


               //cacher mention exemplaire disponible pour le prêt
               $("span.available b:contains('disponible')").remove();
               

            
35.4 Cacher Aucun exemplaire disponible au prêt  
 

         

            
               

                  
                  

               

               

                  //cacher Aucun exemplaires disponible
                  $("span.results_summary.availability:contains('Aucun exemplaire disponible au prêt')").remove();
                  

               

            
         

      
35.5 Cacher cote des documents non disponibles  
 
         

            
               

                  
                  

               

               

                  //cacher cote
                  $("span.unavailable span.LabelCallNumber").hide();
                  

               

            
         

      
35.6 Changer la couleur pour les statuts en rouge  
         

            
               

                  
                  

               

               

                  //couleur differente pour statut not for loan
                  $("span.unavailable:contains('Consultation sur place')").css({"color": "green"});
                  

               

            
         

      
36. Positionner par défaut l’index de la recherche simple sur Titre  
         

            
               

                  
                  

               

               

                  //positionner index titre recherche simple
                  $("select#masthead_search[name='idx']").val("ti").attr("selected","selected");
                  

               

            
         

      
37. Déplacer les isbn en bas de la notice  
         

            
               

                  
                  

               

               

                  //deplacer isbn en bas notice
                   $('#bibliodescriptions').prepend($('span.results_summary.publisher:contains(ISBN)'));
                  

               

            
         

      
38. Couleur différente pour le statut inscrit dans la colonne Statut en vue détaillée de la notice  
         

            
               

                  
                  

               

               

                  //couleur differente pour statut not for loan
                  $("span.item-status.notforloan:contains('Consultation sur place')").css({"color": "green"});
                  

               

            
         

      
         

      
39. Message avant connexion 

  

Ce qui est écrit en rouge dans le texte peut être modifié 
  1. //message avant connexion  
  2. if ($("div#login").length) { 
  3.      $("#login").prepend("<p style=\"text-align:justify;font-size:  20px  ;background:  red  ;color:  white  ;padding:4px;\">  Merci de vous connecter à votre compte afin de bénéficier de toutes les fonctionnalités offertes  </p>"); 
  4.   } 
  5. if ($("#advsearch a.loginModal-trigger").length) { 
  6.      $("div.span10").append("<p style=\"text-align:justify;font-size:  20px  ;background:  red  ;color:  white  ;padding:4px;width:20%;float:right;clear:both;\">  Merci de vous connecter à votre compte afin de bénéficier de toutes les fonctionnalités offertes  </p>"); 
  7.   } 

40. Modifier le message quand il n'y a aucun résultat
Message par défaut  

  1. Code pour cacher le texte "Aucun résultat dans le catalogue..." et l'icone du flux rss 
  1. //pour phrase Aucun résultat 
    $("#results.branch-default.scrollto div.span12 p:contains('Aucun résultat dans le catalogue')").hide();
  1. Code pour modifier le texte "Pas de résultats trouvés"
  1. //changer texte Pas de résultats trouvés 
    $("#results.branch-default.scrollto div.span12 strong:contains('Pas de résultats trouvés!')").text("Aucun résultat!"); 

41. Ajouter du texte dans l'onglet Listes publiques

 

Le texte peut être modifié entre les balises   <p> et </p>
  2. //rajouter du code dans les listes
  3. $("div#publicshelves").prepend("<p>Merci de bien vouloir :</br><li> éviter les listes de moins de 3 titres ;</li><li> supprimer vos listes désuètes ;</li><li> choisir un titre significatif </li><li> nous contacter si vous souhaitez en savoir plus sur les LISTES (privées et publiques) ou les PANIERS ;</li></p>")
42. Changer le texte Parcourir l’étagère par un autre texte comme Voir des exemplaires similaires
Si la préférence système     OPACShelfBrowser        est activée, le texte   Parcourir l’étagère   apparaît dans le tableau des exemplaires à l’OPAC. 
Pour changer ce texte par autre chose, vous pouvez utiliser le code suivant dans la préférence système   opacuserjs
      
         

            
            

         

         

            $("a:contains('Parcourir l'étagère')").text("Voir des exemplaires similaires");
         

      
   
Voici le résultat: 


43. Cacher le lien Bibliothèques 
 
//Cacher lien bibliothèque  
$("a#library_page").parent("li").remove();

44. Changer le texte du bouton Réserver en gardant l'icône de signet dans une notice en vue détaillée 

 
//Modifier le texte Réserver 
$("#action a:contains(' Réserver')").text("  VOTRE TEXTE  ").prepend('<i class="fa fa-fw fa-bookmark" aria-hidden="true"></i>'); 

45. Positionner par défaut l'index en recherche simple sur une bibliothèque ou un groupe de bibliothèque

Pour une bibliothèque unique : 
//positionner sur une de bibliothèque par défaut
$("select#select_library[name='limit']").val("branch:X").attr("selected","selected");

Le X doit être remplacé par le code de la bibliothèque désirées. Ces codes sont ceux paramétrés dans Administration < Bibliothèques. 

Pour un groupe de bibliothèques :
//positionner sur Groupe de bibliothèque par défaut
$("select#select_library[name='limit']").val("multibranchlimit:X").attr("selected","selected");

Le X doit être remplacé par le numéro de groupe. Malheureusement, ce numéro n'apparait pas dans l'interface de Koha. Pour le trouver, il faut fouiller dans le code source de la page à l'OPAC. 

Voici comment procéder :
Les captures d'écran de la procédure suivante ont été prises dans Chrome, mais les étapes restent les mêmes dans Firefox ou encore Microsoft Edge.

1. Placez votre curseur sur l'index bibliothèques de la barre de recherche simple et faites un clic droit 
2. Sélectionnez dans le menu l'option Inspecter :


3. Des lignes de codes seront surlignées. Cliquez sur la flèche à gauche pour dérouler le code.


4. Vous verrez deux autres sections de code, soit Bibliothèques et Groupes.


5. Cliquez sur la flèche à gauche, vis-à-vis la ligne Groupes. Vous verrez le ou les groupes paramétrés dans votre site. Vous aurez alors le numéro du groupe à mettre dans le code Javascript.


46. Cacher la source des imagettes dans la vue détaillée
//cacher image provenant de l'imagette

$("div.hint:contains('Image')").hide();  




    

    • Related Articles
      • 

    • Code CSS pour l’opac
      Le code CSS permet de modifier l’apparence des textes et des alertes dans Koha. Vous pouvez insérer ces différents codes dans la préférence système OpacUserCSS. 1. Enlever le souligné des liens à l’opac dans la colonne de gauche (OpacNav) #opacnav a, ...
      • 

    • Code javascript pour l’intranet
      0. Configuration La préférence système intranetuserjs peut être utilisé pour activer du code java à l’intranet. Les codes qui sont listés ci-dessous doivent être inscrit entre ces deux balises en rouge (les balises ne doivent apparaître qu’une fois ...
      • 

    • Ajouter un index Titre de revue
      Cet ajout permet de rechercher rapidement un Titre de revue en cherchant dans l'index Titre et en ajoutant un filtre sur le ou les types de documents correspondant à vos revues. Le code fonctionnel avec ElasticSearch est beaucoup plus complexe que ce ...
      • 

    • Code CSS pour l’intranet
      Le code CSS permet de modifier l’apparence des textes et des alertes dans Koha. Vous pouvez insérer ces différents codes dans la préférence système IntranetUserCSS. 1. Modifier l’apparence des messages sur la page d’accueil de l’intranet ...
      • 

    • Comportement d'ElasticSearch
      Cet article a pour but de regrouper les différents comportements d'ElasticSearch et autres informations qui vous permettent de comprendre ce moteur de recherche et les résultats de vos requêtes. À noter que ce moteur de recherche est toujours en ...
      •