Prima versione, visualizzazione Frasi, Dialoghi e Metafore

This commit is contained in:
nicola 2023-02-07 10:51:30 +01:00
parent fc15371921
commit b93dae26a7
1 changed files with 93 additions and 1 deletions

View File

@ -32,6 +32,8 @@ $(document).ready(function() {
var cantiche=["Inferno", "Purgatorio","Paradiso"]
var loadedCanti=new Set();
var cantoDisplayed = "#InfernoCanto_1";
//used in minimap
//
/*let minimap = document.createElement('div');
@ -59,8 +61,66 @@ $(document).ready(function() {
const end = performance.now();
console.log(`Load cantiche time: ${end - start} ms`);
$("#valoreVista").on('change', function() {
var selectedVista = $(this).val();
switch (selectedVista){
case "forme":
$("#vistaFrasi").css("display", "none");
$("#vistaDialoghi").css("display", "none");
$("#vistaMetafore").css("display", "none");
$(cantoDisplayed).attr('style', 'display: d-flex;')
break;
case "frasi":
loadFrasi();
$("#vistaFrasi").attr('style', 'display: d-flex;');
$("#vistaDialoghi").css("display", "none");
$("#vistaMetafore").css("display", "none");
$(cantoDisplayed).css("display", "none");
break;
case "metafore":
loadMetafore();
$("#vistaMetafore").attr('style', 'display: d-flex;');
$("#vistaDialoghi").css("display", "none");
$("#vistaFrasi").css("display", "none");
$(cantoDisplayed).css("display", "none");
break;
case "dialoghi":
loadDialoghi();
$("#vistaDialoghi").attr('style', 'display: d-flex;');
$("#vistaMetafore").css("display", "none");
$("#vistaFrasi").css("display", "none");
$(cantoDisplayed).css("display", "none");
break;
}
});
function loadFrasi() {
var spanFrase = $('<span />')
for (pos=0;pos<20;pos++){
spanFrase.attr('id', pos)
spanFrase.append("La mia più bella frase numero "+" "+pos+"<br>");
$("#vistaFrasi").append(spanFrase);
}
}
function loadDialoghi() {
var spanFrase = $('<span />')
for (pos=0;pos<20;pos++){
spanFrase.attr('id', pos)
spanFrase.append("I miei piu bei dialoghi numero "+" "+pos+"<br>");
$("#vistaDialoghi").append(spanFrase);
}
}
function loadMetafore() {
var spanFrase = $('<span />')
for (pos=0;pos<20;pos++){
spanFrase.attr('id', pos)
spanFrase.append("Le mie più belle Metafore numero "+" "+pos+"<br>");
$("#vistaMetafore").append(spanFrase);
}
}
//$(" .Ma, .Co, .Su, .Pa").each(function(idx, element) {
$(" ."+formaClass).each(function(idx, element) {
@ -149,6 +209,9 @@ $(" ."+formaClass).hover(function(idx, element) {
$(this).css("display", "none");
});
const cid=$(this).attr('name').replace(" ", "_");
cantoDisplayed = cid;
if ( !(loadedCanti.has(cid)))
{
@ -574,6 +637,35 @@ $(" ."+formaClass).hover(function(idx, element) {
function createAllDivCanti() {
var cantiche=["Inferno", "Purgatorio","Paradiso"]
var divFrasi = $('<div />')
var divDialoghi = $('<div />')
var divMetafore = $('<div />')
var titoloFrasi = $('<h4 class="titolo-canto pb-2" />')
var titoloDialoghi = $('<h4 class="titolo-canto pb-2" />')
var titoloMetafore = $('<h4 class="titolo-canto pb-2" />')
titoloFrasi.append("Frasi:");
titoloDialoghi.append("Dialoghi:");
titoloMetafore.append("Metafore:");
divFrasi.attr('id', "vistaFrasi")
divDialoghi.attr('id', "vistaDialoghi")
divMetafore.attr('id', "vistaMetafore")
divFrasi.appendTo('#displaycanto')
divDialoghi.appendTo('#displaycanto')
divMetafore.appendTo('#displaycanto')
divFrasi.css("display", "none")
divDialoghi.css("display", "none")
divMetafore.css("display", "none")
titoloFrasi.appendTo(divFrasi)
titoloDialoghi.appendTo(divDialoghi)
titoloMetafore.appendTo(divMetafore)
for (cantica of cantiche){
for (var i=1; i<35; i++){
if(i==34 && cantica!=="Inferno"){