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 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"){
|
||||
|
|
Loading…
Reference in New Issue