Prima versione, visualizzazione Frasi, Dialoghi e Metafore
This commit is contained in:
parent
fc15371921
commit
b93dae26a7
|
@ -32,6 +32,8 @@ $(document).ready(function() {
|
||||||
var cantiche=["Inferno", "Purgatorio","Paradiso"]
|
var cantiche=["Inferno", "Purgatorio","Paradiso"]
|
||||||
var loadedCanti=new Set();
|
var loadedCanti=new Set();
|
||||||
|
|
||||||
|
var cantoDisplayed = "#InfernoCanto_1";
|
||||||
|
|
||||||
//used in minimap
|
//used in minimap
|
||||||
//
|
//
|
||||||
/*let minimap = document.createElement('div');
|
/*let minimap = document.createElement('div');
|
||||||
|
@ -59,8 +61,66 @@ $(document).ready(function() {
|
||||||
const end = performance.now();
|
const end = performance.now();
|
||||||
console.log(`Load cantiche time: ${end - start} ms`);
|
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) {
|
//$(" .Ma, .Co, .Su, .Pa").each(function(idx, element) {
|
||||||
$(" ."+formaClass).each(function(idx, element) {
|
$(" ."+formaClass).each(function(idx, element) {
|
||||||
|
@ -149,6 +209,9 @@ $(" ."+formaClass).hover(function(idx, element) {
|
||||||
$(this).css("display", "none");
|
$(this).css("display", "none");
|
||||||
});
|
});
|
||||||
const cid=$(this).attr('name').replace(" ", "_");
|
const cid=$(this).attr('name').replace(" ", "_");
|
||||||
|
|
||||||
|
cantoDisplayed = cid;
|
||||||
|
|
||||||
if ( !(loadedCanti.has(cid)))
|
if ( !(loadedCanti.has(cid)))
|
||||||
{
|
{
|
||||||
|
|
||||||
|
@ -574,6 +637,35 @@ $(" ."+formaClass).hover(function(idx, element) {
|
||||||
|
|
||||||
function createAllDivCanti() {
|
function createAllDivCanti() {
|
||||||
var cantiche=["Inferno", "Purgatorio","Paradiso"]
|
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 (cantica of cantiche){
|
||||||
for (var i=1; i<35; i++){
|
for (var i=1; i<35; i++){
|
||||||
if(i==34 && cantica!=="Inferno"){
|
if(i==34 && cantica!=="Inferno"){
|
||||||
|
|
Loading…
Reference in New Issue