artists" title="H" >
           H
         </a>
       </span>

        <span class="lettera">
         <a href="/list/i-artists" title="I" >
           I
         </a>
       </span>

        <span class="lettera">
         <a href="/list/j-artists" title="J" >
           J
         </a>
       </span>

        <span class="lettera">
         <a href="/list/k-artists" title="K" >
           K
         </a>
       </span>

        <span class="lettera">
         <a href="/list/l-artists" title="L" >
           L
         </a>
       </span>

        <span class="lettera">
         <a href="/list/m-artists" title="M" >
           M
         </a>
       </span>

        <span class="lettera">
         <a href="/list/n-artists" title="N" >
           N
         </a>
       </span>

        <span class="lettera">
         <a href="/list/o-artists" title="O" >
           O
         </a>
       </span>

        <span class="lettera">
         <a href="/list/p-artists" title="P" >
           P
         </a>
       </span>

        <span class="lettera">
         <a href="/list/q-artists" title="Q" >
           Q
         </a>
       </span>

        <span class="lettera">
         <a href="/list/r-artists" title="R" >
           R
         </a>
       </span>

        <span class="lettera">
         <a href="/list/s-artists" title="S" >
           S
         </a>
       </span>

        <span class="lettera">
         <a href="/list/t-artists" title="T" >
           T
         </a>
       </span>

        <span class="lettera">
         <a href="/list/u-artists" title="U" >
           U
         </a>
       </span>

        <span class="lettera">
         <a href="/list/v-artists" title="V" >
           V
         </a>
       </span>

        <span class="lettera">
         <a href="/list/w-artists" title="W" >
           W
         </a>
       </span>

        <span class="lettera">
         <a href="/list/x-artists" title="X" >
           X
         </a>
       </span>

        <span class="lettera">
         <a href="/list/y-artists" title="Y" >
           Y
         </a>
       </span>

        <span class="lettera">
         <a href="/list/z-artists" title="Z" >
           Z
         </a>
       </span>

</div>
 


          
        
        </div>
       
    </div>
 </footer>
    
  <div class="ricerca modal" id="nav-modal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog"  style="padding: 10px;" id="exampleModalLabel">
    <div class="modal-content">
      <div class="modal-header">          
	      <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button>
      </div>
      <div class="modal-nav-body">
        <ul>
          <li>
            <form autocomplete="off" action="/SrvRicerca?azione=2" method="post" onsubmit="return avviaRicerca('')">
              <div class="autocomplete" style="width: 100%; background: #161615;">
                <input id="parola" name="parola" type="text" placeholder="Rechercher artiste ou chanson" autofocus>
              </div>
            </form>
          </li>
        </ul>
      </div>
    </div>
  </div> 
</div>  

<script src="/assets/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/jquery-3.6.0.min.js"></script>
<script src="/js/config.js"></script>
<script src="/js/server.js"></script>
<script src="/js/eventi.js"></script>
<script src="/js/funzioni.js"></script>


    <script src="/js/testo.js"></script>
    <script src="/js/star-rating.js"></script>
    <link href="/css/star-rating.css" media="all" rel="stylesheet">
    <link href="/css/star-rating.theme.min.css" media="all" rel="stylesheet">


<script>
$(window).on('shown.bs.modal', function() { 
    $('#parola').focus();
});
</script> 
<script>

function autocomplete(inp) {
 var currentFocus;
 inp.addEventListener("input", function(e) {
      var  a, b, i, val = this.value;     
      closeAllLists();
      if (!val) { 
           return false;
      }
      currentFocus = -1;
      a = document.createElement("DIV");
      a.setAttribute("id", this.id + "autocomplete-list");
      a.setAttribute("class", "autocomplete-items");
      a.classList.add("row");
      
      this.parentNode.appendChild(a);
      ricerca(val,a,b);

  });
  /*execute a function presses a key on the keyboard:*/
  inp.addEventListener("keydown", function(e) {
      var x = document.getElementById(this.id + "autocomplete-list");
      if (x) x = x.getElementsByClassName("riga") ;
	  
      if (e.keyCode == 40 || e.keyCode == 39) {
        /*If the arrow DOWN key is pressed,
        increase the currentFocus variable:*/
        currentFocus++;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 38 || e.keyCode == 37) { //up - left
        /*If the arrow UP key is pressed,
        decrease the currentFocus variable:*/
        currentFocus--;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 13) {
        /*If the ENTER key is pressed, prevent the form from being submitted,
        e.preventDefault();*/
        //e.preventDefault();
        
        if (currentFocus > -1) {
           e.preventDefault();
          /*and simulate a click on the "active" item:*/
          if (x) x[currentFocus].click();
        }
      }
  });
  function addActive(x) {
    /*a function to classify an item as "active":*/
    if (!x) return false;
    /*start by removing the "active" class on all items:*/
    removeActive(x);
    if (currentFocus >= x.length) currentFocus = 0;
    if (currentFocus < 0) currentFocus = (x.length - 1);
    /*add class "autocomplete-active":*/
    x[currentFocus].classList.add("autocomplete-active");
  }
  function removeActive(x) {
    /*a function to remove the "active" class from all autocomplete items:*/
    for (var i = 0; i < x.length; i++) {
      x[i].classList.remove("autocomplete-active");
    }
     
  }
  function closeAllLists(elmnt) {
    /*close all autocomplete lists in the document,
    except the one passed as an argument:*/
    var x = document.getElementsByClassName("autocomplete-items");
    for (var i = 0; i < x.length; i++) {
      if (elmnt != x[i] && elmnt != inp) {
        x[i].parentNode.removeChild(x[i]);
      }
    }
       
  }
  /*execute a function when someone clicks in the document:*/
  document.addEventListener("click", function (e) {
      closeAllLists(e.target);
  });
}
	
autocomplete(document.getElementById("parola"));
</script>           
<script>
              
 (new IntersectionObserver(function(e,o){
    if (e[0].intersectionRatio > 0){
        document.documentElement.removeAttribute('class');
    } else {
        document.documentElement.setAttribute('class','stuck');
    };
})).observe(document.querySelector('.trigger'));
</script> 
 
<script>   

</script>    
      

<script>
        jQuery(document).ready(function () {
            var $inp = $('#rateit');
            $inp.rating({
                min: 0,
                max: 5,
                step: 0.5,
                size: 'lg',
                showClear: false
            });

            $('#rateit').rating().on("rating:change", function(event, value, caption) {
                $('#rateit').rating("refresh", {disabled:true, showClear:false});
                votaTesto(779837, value);
            });
          
        });
        
        $("#formTestoCorretto").hide();
        
</script>

</body>
</html>