diff --git a/index_4.4.html b/index_4.4.html index aef0728..5ee7cec 100644 --- a/index_4.4.html +++ b/index_4.4.html @@ -11,11 +11,11 @@ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral"> <!-- --> -<link rel="stylesheet" id="style1-Boot" href="./css/bootstrap.min.lida1.css" disabled> -<link rel="stylesheet" id="style1-Custom" href="./css/custom1_4.3.css" disabled> -<link rel="stylesheet" id="style2-Boot" href="./css/bootstrap.min.lida2.css"> -<link rel="stylesheet" id="style2-Custom" href="./css/custom2_4.3.css"> -<link rel="stylesheet" id="style2-Custom" href="./css/collapsemod.css"> +<link rel="stylesheet" id="style1-Boot" href="./css/bootstrap.min.lida1.css" disabled> +<link rel="stylesheet" id="style1-Custom" href="./css/custom1_4.3.css" disabled> +<link rel="stylesheet" id="style2-Boot" href="./css/bootstrap.min.lida2.css"> +<link rel="stylesheet" id="style2-Custom" href="./css/custom2_4.3.css"> +<link rel="stylesheet" href="./css/collapsemod.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> @@ -484,6 +484,9 @@ <span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessun commento visualizzato</span> </div> </div> + <div class="d-flex flex-row justify-content-start"> + <div id="Test" class="blog-main-16 mx-3" style="display: none;">abcdefghijklmnopqrstuvwxyzABCD.,</div> + </div> </div> <div class="tab-pane fade p-0 bg-lida-vis" id="vis1" role="tabpanel" aria-labelledby="vis1-tab"> <div id='displayinfo' class="p-0"> diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js index afd753f..8d19aca 100644 --- a/js/cesareBrowse.js +++ b/js/cesareBrowse.js @@ -944,7 +944,7 @@ function resetFrasi(){ } function createModule(collapse,label, testo, num, id, pos){ - //console.log(label+": "+testo.length); + var minLength = ($('#displaynote').width() / $('#Test').width() * 2 * 32); var divContent = $('<div class="text-muted p-0">'); //var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">'); //var divTesto = $('<div class="px-3 py-1">') @@ -952,23 +952,19 @@ function resetFrasi(){ //divTesto.append(nota); //divContent.append(divTesto); divContent.append(nota); - if (testo.length > 210) { -/* -var a = $('#displaynote').width(); -var b = $('#Test').width(); -var c = (a / b * 2.2 * 52) -console.log($('#Test').text().length) -console.log(c) -*/ + if ((testo.length + label.length +2) > minLength) { + //console.log((testo.length + label.length +2) +" "+($('#displaynote').width() / $('#Test').width() * 2 * 32)) var divModule = $('<div class="module pb-0">'); var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">') divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>') divNote.append(divContent) divModule.append(divNote); - divModule.appendTo(collapse); + } else { - divContent.appendTo(collapse); + var divModule = $('<div class="module py-1">'); + divModule.append(divContent); } + divModule.appendTo(collapse); } function createModuleCommentatore(collapse, commento, num, id, pos){ @@ -979,6 +975,7 @@ console.log(c) var autoreCommento = jsonCommento.Autore //var commentoCommentatore = commento.split(','); + var minLength = ($('#displaynote').width() / $('#Test').width() * 2 * 32); var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">'); var divTesto = $('<div class="pl-0 pr-3 py-1">') var nota; @@ -1008,22 +1005,17 @@ console.log(c) } divTesto.append(nota); divContent.append(divTesto); - if (nota.length > 210) { -/* -var a = $('#displaynote').width(); -var b = $('#Test').width(); -var c = (a / b * 2.2 * 52) -console.log(c) -*/ + if ((esitoCommento.length + autoreCommento.length + 32) > minLength) { var divModule = $('<div class="module pb-0">'); var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">') divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>') divNote.append(divContent) divModule.append(divNote); - divModule.appendTo(collapse); } else { - divContent.appendTo(collapse); + var divModule = $('<div class="module py-1">'); + divModule.append(divContent); } + divModule.appendTo(collapse); } function hasComments(cid){