<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>LiDaDashboard</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- AGGIUNTI --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="./css/datatables.min.css"> <link rel="stylesheet" href="./css/custom.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script> <script type="text/javascript" src="./js/datatables.min.js" defer></script> <script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script> <script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script> <!-- FINE AGGIUNTI --> <link rel="stylesheet" href="https://unpkg.com/tachyons/css/tachyons.min.css"> <script type="text/javascript" src="js/utils.js"></script> <script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script type="text/javascript" src="js/guimanagerNik.js"></script> <script src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script> <script type="text/javascript"> /* function mostra() { var x = document.getElementById("divContentId"); if (window.getComputedStyle(x).display === "none") { document.getElementById("divContentId").style.display="block"; } else{ document.getElementById("divContentId").style.display="none"; } } */ /* $( function() { $( "#filtri" ).sortable({ //items: "div:(.ui-state-enabled)" cursor: 'move', update: function() {alert('pipo '+$(this).id)} }); } ); */ </script> <style> .tabs__content input:not(:checked) ~ .tabs__content__info { display: none; } </style> </head> <!-- partial:index.partial.html --> <body class="bg-washed-blue"> <div class="w-100 tc bg-washed-blue blue "> <div class=" v-mid"> <div class="f1 fw4 i blue-60">Linking Dante Search, sandbox release</div> <blockquote class="ph0 mh0 measure f4 lh-copy center mt0"> <cite class="ph0 mh0 measure i f4 lh-copy center">potrai cercare, e non troverai ombra</cite><br> <cite class="ph0 mh0 measure f5 lh-copy center text-secondary font-weight-lighter">(Inf., canto 32, verso 59)</cite> </blockquote> </div> </div> <!-- <div class="mw9 center ph3-ns"> --> <div class="container-xxl"> <!-- <div class="cf ph2-ns"> --> <div class="row padding-right-xl padding-left-xl"> <!-- <div class="fl w-100 w-20-ns pa4"> --> <div class="col-md-2 pl4 pt0 pr4 pb0 ml4"> <img src="./images/altriFiltri.png" style="width: 42px; height: 41px;"> <div class="flex flex-column"> <div class="w-45 pa1 mr1"> <a class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record" href="#0" value="Categoria grammaticale" data-added="0"><img src="./images/settings.png"></a> <span>Grammaticale</span> </div> <div class="w-45 pa1 mr1"> <a class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-sint" href="#0" value="Tipo sintattico" data-added="0"><img src="./images/settingsSintattico.png"></a> <span>Tipo Sintattico</span> </div> <div class="w-45 pa1 mr1"> <a class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-metafora" href="#0" value="Metafora" data-added="0"><img src="./images/settingsMetafora.png"></a> <span>Metafore</span> </div> <div class="w-45 pa1 mr1"> <a class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-dialogo" href="#0" value="Dialogo" data-added="0"><img src="./images/settingsDialoghi.png"></a> <span>Dialoghi</span> </div> <div class="w-45 pa1 mr1"> <a class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-struttura" href="#0" value="Struttura" data-added="0"><img src="./images/settingsStruttura.png"></a> <span>Struttura Testo</span> </div> </div> </div> <!-- <div class="fl w-100 w-60-ns pa4"> --> <div class="col-md-5 pa4"> <div class="bg-washed-blue pv0"> <!-- form --> <form id='filterform' onsubmit="return false;"> <div class="flex flex-column" id='query'> <div class="flex flex-wrap" id='condizioni' > <div class="outline w-30 pv1 mr0 col-md-6"> <div class="flex items-center"> <div class="fl w-100 w-40-ns"> <fieldset id="lemma_forma" class="bn"> <div class="flex items-center mb0"> <input class="mr2 f6" type="radio" id="lemma" value="lemma" name="lemma_forma"> <label for="lemma" class="lh-copy">Lemma</label> </div> <div class="flex items-center mb0"> <input class="mr2 f6" type="radio" id="forma" value="forma" checked="checked" name="lemma_forma"> <label for="forma" class="lh-copy">Forma</label> </div> </fieldset> </div> <div class="fl w-100 w-70-ns ph0"> <input id="searchValue" class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text" aria-describedby="name-desc" name="query" value=""> </div> </div> </div> </div> <div class="flex flex-wrap" id='dettaglifiltri'></div> </div> </form> <p> <input style="display: block; width: 61px; height: 61px;" class="b ph7-m pv2 input-reset bn b--black bg-transparent grow pointer f6" type="image" src="./images/Search.png" id="grammarbutton" value="Cerca" title="Applica i criteri di ricerca"> </p> </div> </div> <!-- <div class="fl w-100 w-20-ns pa4" id='tuttiFiltri'> --> <div class="mt0 mb0 pb0 ml7 h-1 d-inline-block"> <div class="bg-washed-blue h-1 pv0" id='filtri' style="display: none;"> <img src="./images/filters1.png" class="ui-state-disabled" style="width: 40px; height: 48px;" alt="Filtri"> <input type="hidden" id="IdFiltro" type="text" value=""> </div> </div> </div> <!-- </div> --> <!-- <div class="tabs mw8 center mt5"> <div class="tabs__menu flex mb5 bb b--black-20"> <label for="section1" class="tabs__menu-item w-25-ns tc bg-white pt4 pb4 bg-animate hover-bg-white pointer red">Query</label> <label for="section1" class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer">Query</label> <label for="section2" class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer"> Risultato </label> <label for="section3" class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer"> Testo </label> <label for="section4" class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer"> Sparql Query </label> </div> <div class="tabs__content"> <div> <input type="radio" class="dn" name="sections" id="section1"> <div class="tabs__content__info"> <p class="content" id="home"> La <i>query</i> è: <span id="tick1"> </span> </p> </div> </div> <div> <input type="radio" class="dn" name="sections" id="section2" checked> <div class="tabs__content__info"> <p class="content" id="about"> <span id="result"> </span> </p> </div> </div> <div> <input type="radio" class="dn" name="sections" id="section3"> <div class="tabs__content__info"> <p class="content active" id="versi"> <span id="svgresult"> </span> </p> </div> </div> <div> <input type="radio" class="dn" name="sections" id="section4"> <div class="tabs__content__info"> <p class="content" id="sparql"> La <i>query SPARQL</i> è: <br> <span id="showsparqlquery"> <textarea id="sparqlquery" rows="20" cols="80"></textarea> </span> </p> </div> </div> </div> </div> --> <!-- TEMPLATE FILTRO --> <div class="flex items-center justify-center pa1 bl br bt bb b--green ui-state-enabled" style="display: none;" id="filtro"> <div class="bg-washed-blue flex flex-column"> <nav class=" flex flex-wrap h0-ns mt0 pv0 pa0 "> <a class="flex ma2 pa0-ns dim gray f6 f2-ns dib mr0 delete-written-filter" href="#" title="RemoveFilter"><img src="./images/chiudi1.png" style="width: 22px; height: 20px;"></a> <a class="flex ma2 pa0-ns dim gray f6 f2-ns dib mr0 edit-written-filter" href="#" title="EditFilter"><img src="./images/edit.png" style="width: 22px; height: 20px;"></a> <select id="andor" style="display: none;" class="w-100 db h1 mb2 pv0 pa0 f6 bg-near-white ba b--sliver gray andorconditions" name="condizionelogica" onchange="" title="Condizione logica"> <option value="AND">AND</option> <option value="OR">OR</option> </select> </nav> <div class="flex mb0 pv0 pa0 listacondizioni"> <!--<h4 class="f6 fw6">Clausola</h4> --> </div> </div> </div> <!-- DIV DETTAGLIFILTRI --> <div style="display: none;" id='divdettaglifiltri'> <div class="flex flex-wrap" id='dettaglifiltritemplate'></div> </div> <!-- CATEGORIA GRAMMATICALE --> <div style="display: none;" id='categoriagrammaticale'> <div class="outline ml1 col-md-5 pa1 pt0"> <div class="flex flex-wrap h0-ns mt0 pa0"> <nav class="flex ml2 h0-ns mt0 pa0-ns"> <a class="link pt0 dim gray f6 f2-ns dib mr2 mt0 remove-filter" href="#" title="Remove"><img src="./images/chiudi1.png" style="width: 22px; height: 20px;"></a> <a class="link pt0 dim gray f6 f2-ns dib mr2 mt0 update-filter" href="#" title="Update" style="display: none"><img src="./images/smalldone.png" style="width: 22px; height: 20px;"></a> <a class="link dim pt0 gray f6 f2-ns dib mr0 set-filter" href="#" title="Set" style="display: none"><img src="./images/smalldone.png" style="width: 22px; height: 20px;"></a> </nav> <div class="outline w-100"> <select id="types" class="w-100 db h2-ns pb0 f6 bg-near-white ba b--sliver gray catgram" name="categoria" onchange="" title="Macro categoria"> <!-- <option value="all">Tutte le categorie</option> --> <optgroup label="Volgare"> <option value="verbovolgare">Verbo volgare</option> <option value="sostantivovolgare">Sostantivo volgare</option> <option value="aggettivovolgare">Aggettivo volgare</option> <option value="pronomevolgare">Pronome volgare</option> <option value="articolovolgare">Articolo volgare</option> <option value="avverbiovolgare">Avverbio volgare</option> <option value="preposizionevolgare">Preposizione volgare</option> <option value="congiunzionevolgare">Congiunzione volgare</option> <option value="interiezionevolgare">Interiezione volgare</option> <option value="onomasticavolgare">Onomastica volgare</option> <option value="citazionevolgare">Citazione volgare</option> </optgroup> <optgroup label="Latino"> <option value="verbo_latino_v">Verbo latino</option> <option value="sostantivo_latino_s">Sostantivo latino</option> <option value="aggettivo_latino_a">Aggettivo latino</option> <option value="pronome_latino_p">Pronome latino</option> <option value="avverbio_latino_r">Avverbio latino</option> <option value="preposizione_latino_e">Preposizione latino</option> <option value="congiunzione_latino_c">Congiunzione latino</option> <option value="interiezione_latino_i">Interiezione latino</option> <option value="enclitica_latino_9">Enclitica latino</option> <option value="citazione_latino_zi">Citazione latino</option> <option value="simbolo_latino_yy">Simbolo latino</option> </optgroup> </select> </div> <!-- <div class="outline w-100 pa1 mr2"> <a class="f6 link dim br1 ba ph1 mb2 dib dark-green w-40 remove-filter" href="#0" value="rimuovi" data-added="0">Rimuovi</a> <a class="f6 link dim br1 ba ph1 mb2 dib dark-green w-40 add-details" href="#0" value="dettagli" data-added="0" style="display:none" >Filtri categoria</a> </div> --> </div> </div> </div> <!-- TIPO SINTATTICO --> <div style="display: none;" id='tiposintattico'> <div class="outline ml1 col-md-5 mt0 pa0 pt0"> <div class="flex flex-wrap h0-ns mt0 pv0 pa0"> <nav class="flex ma2 pa0-ns"> <a class="flex flex-column pv0 dim gray f6 f2-ns dib remove-filter" href="#" title="Remove"> <img src="./images/chiudi1.png"style="width: 22px; height: 20px;"></a> <a class="flex flex-column pv0 pl2 dim gray f6 f2-ns dib set-filter" href="#" title="Set" style="display: none"> <img src="./images/smalldone.png" style="width: 22px; height: 20px;"></a> </nav> <div class="outline w-100 pa1 mr1"> <select id="synttypes" class="w-100 db h2-ns pb0 f6 bg-near-white ba b--sliver gray synttype" name="typeSyntax0" title="Tipo sintattico" value="oggetto"> <option value=".+" class="w-10" onclick="myformsyntax.functionSyntax0.disabled = false;">Qualsiasi tipo sintattico</option> <optgroup label="Macrotipi sintattici: principali e coordinate a una principale" onclick="myformsyntax.functionSyntax0.disabled = true;"> <option value="macro dich">dichiarativa</option> <option value="macro escl">esclamativa</option> <option value="macro inter princ">interrogativa</option> <option value="macro iussi">iussiva</option> <option value="macro otta">ottativa</option> </optgroup> <optgroup label="Macrotipi sintattici: subordinate e coordinate a una subordinata" onclick="myformsyntax.functionSyntax0.disabled = true;"> <option value="macro avv">avversativa</option> <option value="macro causale">causale</option> <option value="macro compar">comparativa</option> <option value="macro conces">concessiva</option> <option value="macro consec">consecutiva</option> <option value="macro eccettu">eccettuativa</option> <option value="macro epesege">epesegetica</option> <option value="macro esclu">esclusiva</option> <option value="macro finale">finale</option> <option value="macro inter sub">interrogativa</option> <option value="macro ipotet">ipotetica</option> <option value="macro limitat">limitativa</option> <option value="macro maniera">maniera</option> <option value="macro modale">modale</option> <option value="macro obliqua">obliqua</option> <option value="macro oggettiva">oggettiva</option> <option value="macro pred">predicativa</option> <option value="macro rel">relativa</option> <option value="macro sog">soggettiva</option> <option value="macro strum">strumentale</option> <option value="macro sub">subordinata con funzione di ripresa</option> <option value="macro temp">temporale</option> </optgroup> <optgroup label="Macrotipi sintattici: pseudocoordinate" onclick="myformsyntax.functionSyntax0.disabled = true;"> <option value="macro pseudo">pseudocoordinata</option> </optgroup> <optgroup label="Macrotipi sintattici: parentetiche e coordinate a una parentetica" onclick="myformsyntax.functionSyntax0.disabled = true;"> <option value="macro pare sub">parentetica con valore di subordinata</option> <option value="macro pare mod">parentetica modalizzante</option> </optgroup> <optgroup label="Tutti i tipi sintattici" onclick="myformsyntax.functionSyntax0.disabled = false;"> <option value="avv">avversativa</option> <option value="caus">causale</option> <option value="comp ipo">comparativa con valore ipotetico</option> <option value="comp lim">comparativa con valore limitativo</option> <option value="comp mod">comparativa con valore modale</option> <option value="comp temp">comparativa con valore temporale</option> <option value="comp disug">comparativa di disuguaglianza</option> <option value="comp ug">comparativa di uguaglianza</option> <option value="comp ug rel ind temp">comparativa di uguaglianza con valore di relativa indipendente temporale</option> <option value="conc acond">concessiva acondizionale</option> <option value="conc cond">concessiva condizionale</option> <option value="conc fatt">concessiva fattuale</option> <option value="man rel giust">concorrenza del relativo in frase di maniera</option> <option value="fin rel giust">concorrenza del relativo in frase finale</option> <option value="cons antec">consecutiva con antecedente</option> <option value="cons antec fin">consecutiva con antecedente con valore finale</option> <option value="cons antec temp">consecutiva con antecedente con valore temporale</option> <option value="cons antec epes">consecutiva con antecedente epesegetica</option> <option value="cons ell">consecutiva ellittica</option> <option value="cons libera">consecutiva libera</option> <option value="cons libera fin">consecutiva libera con valore finale</option> <option value="cons post">consecutiva posposta</option> <option value="cong asind comp ug">coordinata asindetica comparativa di uguaglianza</option> <option value="cong asind cons antec">coordinata asindetica consecutiva con antecedente</option> <option value="cong asind man">coordinata asindetica di maniera</option> <option value="cong asind dich">coordinata asindetica dichiarativa</option> <option value="cong asind epes">coordinata asindetica epesegetica</option> <option value="cong asind esclam">coordinata asindetica esclamativa</option> <option value="cong asind fin">coordinata asindetica finale</option> <option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option> <option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option> <option value="cong asind int altern ret">coordinata asindetica interrogativa alternativa retorica</option> <option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option> <option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option> <option value="cong asind int x ret">coordinata asindetica interrogativa di tipo x retorica</option> <option value="cong asind int disg">coordinata asindetica interrogativa disgiuntiva</option> <option value="cong asind ipo">coordinata asindetica ipotetica</option> <option value="cong asind iuss dir">coordinata asindetica iussiva diretta</option> <option value="cong asind iuss indir">coordinata asindetica iussiva indiretta</option> <option value="cong asind ogg | cong asind ogg perc">coordinata asindetica oggettiva</option> <option value="cong asind ott intr">coordinata asindetica ottativa con introduttore</option> <option value="cong asind ott libera">coordinata asindetica ottativa libera</option> <option value="cong asind rel app">coordinata asindetica relativa appositiva</option> <option value="cong asind rel app comp disug">coordinata asindetica relativa appositiva in costrutto comparativo</option> <option value="cong asind rel app giust">coordinata asindetica relativa giustapposta</option> <option value="cong asind rel ind">coordinata asindetica relativa indipendente</option> <option value="cong asind rel ind temp caus">coordinata asindetica relativa indipendente con valore temporale-causale</option> <option value="cong asind rel restr">coordinata asindetica relativa restrittiva</option> <option value="cong asind rel restr comp ug">coordinata asindetica relativa restrittiva in costrutto comparativo</option> <option value="cong asind sogg soll">coordinata asindetica soggettiva a sollevamento</option> <option value="cong asind subord">coordinata asindetica subordinata</option> <option value="cong asind temp">coordinata asindetica temporale</option> <option value="avv caus">coordinata avversativa causale</option> <option value="avv comp ug">coordinata avversativa comparativa di uguaglianza</option> <option value="avv cons antec">coordinata avversativa consecutiva con antecedente</option> <option value="avv dich">coordinata avversativa dichiarativa</option> <option value="avv fin">coordinata avversativa finale</option> <option value="avv int x">coordinata avversativa interrogativa di tipo x</option> <option value="avv int x ret">coordinata avversativa interrogativa di tipo x retorica</option> <option value="avv ipo caus">coordinata avversativa ipotetica con valore causale</option> <option value="avv iuss dir">coordinata avversativa iussiva diretta</option> <option value="avv iuss indir">coordinata avversativa iussiva indiretta</option> <option value="avv modaliz ott intr">coordinata avversativa modalizzante ottativa con introduttore</option> <option value="avv ogg / avv ogg perc">coordinata avversativa oggettiva</option> <option value="avv rel app">coordinata avversativa relativa appositiva</option> <option value="avv rel app cons antec">coordinata avversativa relativa appositiva con valore consecutivo</option> <option value="avv rel app comp ug">coordinata avversativa relativa appositiva in costrutto comparativo</option> <option value="avv rel giust">coordinata avversativa relativa giustapposta</option> <option value="avv rel ind">coordinata avversativa relativa indipendente</option> <option value="avv rel ind temp">coordinata avversativa relativa indipendente temporale</option> <option value="avv rel restr">coordinata avversativa relativa restrittiva</option> <option value="avv rel restr comp ug">coordinata avversativa relativa restrittiva in costrutto comparativo</option> <option value="avv sogg">coordinata avversativa soggettiva</option> <option value="avv temp">coordinata avversativa temporale</option> <option value="cong concl cons antec">coordinata conclusiva consecutiva con antecedente</option> <option value="cong concl dich">coordinata conclusiva dichiarativa</option> <option value="cong concl dich ill">coordinata conclusiva dichiarativa illocutiva</option> <option value="cong concl iuss dir">coordinata conclusiva iussiva diretta</option> <option value="cong concl iuss dir perifr">coordinata conclusiva iussiva diretta perifrastica</option> <option value="cong concl iuss indir">coordinata conclusiva iussiva indiretta</option> <option value="cong caus">coordinata congiuntiva causale</option> <option value="cong comp ipo">coordinata congiuntiva comparativa con valore ipotetico</option> <option value="cong comp lim">coordinata congiuntiva comparativa con valore limitativo</option> <option value="cong comp mod">coordinata congiuntiva comparativa con valore modale</option> <option value="cong comp disug">coordinata congiuntiva comparativa di disuguaglianza</option> <option value="cong comp ug">coordinata congiuntiva comparativa di uguaglianza</option> <option value="cong rip">coordinata congiuntiva con funzione di ripresa</option> <option value="cong conc cond">coordinata congiuntiva concessiva condizionale</option> <option value="cong conc fatt">coordinata congiuntiva concessiva fattuale</option> <option value="cong cons antec">coordinata congiuntiva consecutiva con antecedente</option> <option value="cong cons antec fin">coordinata congiuntiva consecutiva con antecedente con valore finale</option> <option value="cong cons antec epes">coordinata congiuntiva consecutiva con antecedente epesegetica</option> <option value="cong cons ell">coordinata congiuntiva consecutiva ellittica</option> <option value="cong cons libera">coordinata congiuntiva consecutiva libera</option> <option value="cong cons libera fin">coordinata congiuntiva consecutiva libera con valore finale</option> <option value="cong cons post">coordinata congiuntiva consecutiva posposta</option> <option value="cong man">coordinata congiuntiva di maniera</option> <option value="cong dich">coordinata congiuntiva dichiarativa</option> <option value="cong dich ill">coordinata congiuntiva dichiarativa illocutiva</option> <option value="cong eccett">coordinata congiuntiva eccettuativa</option> <option value="cong epes">coordinata congiuntiva epesegetica</option> <option value="cong esclam">coordinata congiuntiva esclamativa</option> <option value="cong esclus">coordinata congiuntiva esclusiva</option> <option value="cong fin">coordinata congiuntiva finale</option> <option value="cong int altern">coordinata congiuntiva interrogativa alternativa</option> <option value="cong int altern">coordinata congiuntiva interrogativa alternativa</option> <option value="cong int x">coordinata congiuntiva interrogativa di tipo x</option> <option value="cong int x">coordinata congiuntiva interrogativa di tipo x</option> <option value="cong int x ret">coordinata congiuntiva interrogativa di tipo x retorica</option> <option value="cong ipo">coordinata congiuntiva ipotetica</option> <option value="cong ipo caus">coordinata congiuntiva ipotetica con valore causale</option> <option value="cong ipo sogg">coordinata congiuntiva ipotetica soggettiva</option> <option value="cong iuss dir">coordinata congiuntiva iussiva diretta</option> <option value="cong iuss indir">coordinata congiuntiva iussiva indiretta</option> <option value="cong lim">coordinata congiuntiva limitativa</option> <option value="cong modaliz ott intr">coordinata congiuntiva modalizzante ottativa con introduttore</option> <option value="cong obl">coordinata congiuntiva obliqua</option> <option value="cong ogg /cong ogg perc">coordinata congiuntiva oggettiva</option> <option value="cong ott libera">coordinata congiuntiva ottativa libera</option> <option value="cong rel pseudo">coordinata congiuntiva pseudo-relativa</option> <option value="cong rel app">coordinata congiuntiva relativa appositiva</option> <option value="cong rel app comp ug">coordinata congiuntiva relativa appositiva comparativa di uguaglianza</option> <option value="cong rel app cons">coordinata congiuntiva relativa appositiva con valore consecutivo</option> <option value="cong rel app epes">coordinata congiuntiva relativa appositiva con valore di epesegetica</option> <option value="cong rel app fin">coordinata congiuntiva relativa appositiva con valore finale</option> <option value="cong rel app temp">coordinata congiuntiva relativa appositiva con valore temporale</option> <option value="cong rel app comp disug">coordinata congiuntiva relativa appositiva in costrutto comparativo di disuguaglianza</option> <option value="cong rel app giust">coordinata congiuntiva relativa giustapposta</option> <option value="cong rel app giust caus">coordinata congiuntiva relativa giustapposta con valore causale</option> <option value="cong rel impl">coordinata congiuntiva relativa implicita</option> <option value="cong rel impl lim">coordinata congiuntiva relativa implicita con valore limitativo</option> <option value="cong rel ind">coordinata congiuntiva relativa indipendente</option> <option value="cong rel ind acond">coordinata congiuntiva relativa indipendente acondizionale</option> <option value="cong rel ind ipo">coordinata congiuntiva relativa indipendente con valore ipotetico</option> <option value="cong rel ind mod">coordinata congiuntiva relativa indipendente con valore modale</option> <option value="cong rel ind mod comp ug">coordinata congiuntiva relativa indipendente in costrutto comparativo-modale</option> <option value="cong rel ind temp">coordinata congiuntiva relativa indipendente temporale</option> <option value="cong rel restr">coordinata congiuntiva relativa restrittiva</option> <option value="cong rel restr caus">coordinata congiuntiva relativa restrittiva con valore causale</option> <option value="cong rel restr cons">coordinata congiuntiva relativa restrittiva con valore consecutivo</option> <option value="cong rel restr comp ug">coordinata congiuntiva relativa restrittiva in costrutto comparativo</option> <option value="cong rel restr temp">coordinata congiuntiva relativa restrittiva temporale</option> <option value="cong sogg">coordinata congiuntiva soggettiva</option> <option value="cong spec">coordinata congiuntiva specificativa</option> <option value="cong strum">coordinata congiuntiva strumentale</option> <option value="cong temp">coordinata congiuntiva temporale</option> <option value="cong temp caus">coordinata congiuntiva temporale con valore causale</option> <option value="cong cons caus">coordinata consecutiva causale</option> <option value="cong cons dich">coordinata consecutiva dichiarativa</option> <option value="cong corr dich">coordinata correlativa dichiarativa</option> <option value="cong corr fin">coordinata correlativa finale</option> <option value="cong corr lim">coordinata correlativa limitativa</option> <option value="cong corr sogg infinitoprep">coordinata correlativa soggettiva a infinito preposizionale</option> <option value="disg comp disug temp">coordinata disgiuntiva comparativa di disuguaglianza con valore temporale</option> <option value="disg conc acond">coordinata disgiuntiva concessiva acondizionale</option> <option value="disg conc cond">coordinata disgiuntiva concessiva condizionale</option> <option value="disg cons libera">coordinata disgiuntiva consecutiva libera</option> <option value="disg corr dich">coordinata disgiuntiva correlativa dichiarativa</option> <option value="disg man">coordinata disgiuntiva di maniera</option> <option value="disg dich">coordinata disgiuntiva dichiarativa</option> <option value="disg epes">coordinata disgiuntiva epesegetica</option> <option value="disg esclus">coordinata disgiuntiva esclusiva</option> <option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option> <option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option> <option value="disg int x">coordinata disgiuntiva interrogativa di tipo x</option> <option value="disg int disg">coordinata disgiuntiva interrogativa disgiuntiva</option> <option value="disg ipo">coordinata disgiuntiva ipotetica</option> <option value="disg lim">coordinata disgiuntiva limitativa</option> <option value="disg obl">coordinata disgiuntiva obliqua</option> <option value="disg ogg">coordinata disgiuntiva oggettiva</option> <option value="disg rel ind">coordinata disgiuntiva relativa indipendente</option> <option value="disg rel ind acond">coordinata disgiuntiva relativa indipendente acond</option> <option value="disg rel ind temp">coordinata disgiuntiva relativa indipendente temporale</option> <option value="disg rel restr">coordinata disgiuntiva relativa restrittiva</option> <option value="disg rel restr cons">coordinata disgiuntiva relativa restrittiva con valore consecutivo</option> <option value="disg sogg">coordinata disgiuntiva soggettiva</option> <option value="disg temp">coordinata disgiuntiva temporale</option> <option value="cong espl dich">coordinata esplicativa dichiarativa</option> <option value="cong espl obl">coordinata esplicativa obliqua</option> <option value="cong espl ogg">coordinata esplicativa oggettiva</option> <option value="cong espl rel app antec">coordinata esplicativa relativa appositiva con antecedente</option> <option value="cong espl rel ind mod">coordinata esplicativa relativa indipendente con valore modale</option> <option value="man">di maniera</option> <option value="man gerundioprep">di maniera a gerundio preposizionale</option> <option value="dich">dichiarativa</option> <option value="dich ill">dichiarativa illocutiva</option> <option value="eccett">eccettuativa</option> <option value="eccett comp ug">eccettuativa con valore di comparativa di uguaglianza</option> <option value="epes">epesegetica</option> <option value="esclam">esclamativa</option> <option value="esclus">esclusiva</option> <option value="faltern">falsa alternativa</option> <option value="fcong">falsa congiuntiva</option> <option value="fin">finale</option> <option value="fin ipo">finale con valore ipotetico</option> <option value="rip">funzione di ripresa</option> <option value="int altern">interrogativa alternativa</option> <option value="int altern ret">interrogativa alternativa retorica</option> <option value="int x">interrogativa di tipo x</option> <option value="int x ret">interrogativa di tipo x retorica</option> <option value="int disg">interrogativa disgiuntiva</option> <option value="int disg ret">interrogativa disgiuntiva retorica</option> <option value="ipo">ipotetica</option> <option value="ipo biaff">ipotetica biaffermativa</option> <option value="ipo caus">ipotetica con valore causale</option> <option value="ipo eccett">ipotetica con valore eccettuativo</option> <option value="ipo obl">ipotetica obliqua</option> <option value="ipo rel giust">ipotetica relativa giustapposta</option> <option value="ipo sogg">ipotetica soggettiva</option> <option value="iuss aug">iussiva augurativa</option> <option value="iuss dir">iussiva diretta</option> <option value="iuss dir perifr">iussiva diretta perifrastica</option> <option value="iuss indir">iussiva indiretta</option> <option value="lim">limitativa</option> <option value="lim caus">limitativa con valore causale</option> <option value="lim caus eccett">limitativa con valore causale-eccettuativo</option> <option value="lim eccett">limitativa con valore eccettuativo</option> <option value="mod">modale</option> <option value="modaliz">modalizzante</option> <option value="modaliz ott intr">modalizzante ottativa con introduttore</option> <option value="modaliz ott libera">modalizzante ottativa libera</option> <option value="obl">obliqua</option> <option value="ogg | ogg aci | ogg perc">oggettiva</option> <option value="ott intr">ottativa con introduttore</option> <option value="ott libera">ottativa libera</option> <option value="pred">predicativa</option> <option value="rel pseudo">pseudo-relativa</option> <option value="rel pseudo fin">pseudo-relativa con valore finale</option> <option value="rel pseudo scissa">pseudo-relativa scissa</option> <option value="rel pseudo scissa temp">pseudo-relativa scissa con valore temporale</option> <option value="rel app antec">relativa appositiva con antecedente</option> <option value="rel app antec caus">relativa appositiva con antecedente con valore causale</option> <option value="rel app antec cons">relativa appositiva con antecedente con valore consecutivo</option> <option value="rel app antec fin cons">relativa appositiva con antecedente con valore consecutivo-finale</option> <option value="rel app antec fin">relativa appositiva con antecedente con valore finale</option> <option value="rel app antec strum">relativa appositiva con antecedente con valore strumentale</option> <option value="rel app antec giust">relativa appositiva con antecedente giustapposta</option> <option value="rel app antec comp disug">relativa appositiva con antecedente in costrutto comparativo di disuguaglianza</option> <option value="rel app antec comp ug">relativa appositiva con antecedente in costrutto comparativo di uguaglianza</option> <option value="rel app antec eccett">relativa appositiva con antecedente in costrutto eccettuativo</option> <option value="rel app antec giust cons">relativa appositiva giustapposta con valore consecutivo</option> <option value="rel app antec giust man">relativa appositiva giustapposta con valore di maniera</option> <option value="rel app antec giust ipo">relativa appositiva giustapposta con valore ipotetico</option> <option value="rel restr antec comp ug">relativa con antecedente in costrutto comparativo di uguaglianza</option> <option value="rel giust">relativa giustapposta</option> <option value="rel impl">relativa implicita</option> <option value="rel impl cons">relativa implicita con valore consecutivo</option> <option value="rel impl fin">relativa implicita con valore finale</option> <option value="rel impl lim">relativa implicita con valore limitativo</option> <option value="rel impl deon">relativa implicita deontica</option> <option value="rel ind">relativa indipendente</option> <option value="rel ind acond">relativa indipendente acondizionale</option> <option value="rel ind ipo">relativa indipendente con valore ipotetico</option> <option value="rel ind mod">relativa indipendente con valore modale</option> <option value="rel ind temp">relativa indipendente con valore temporale</option> <option value="rel ind temp acond">relativa indipendente con valore temporale acondizionale</option> <option value="rel ind temp caus">relativa indipendente con valore temporale-causale</option> <option value="rel ind caus">relativa indipendente in costrutto causale</option> <option value="rel ind comp">relativa indipendente in costrutto comparativo</option> <option value="rel ind temp comp ug">relativa indipendente in costrutto comparativo di uguaglianza</option> <option value="rel ind mod comp ug">relativa indipendente in costrutto comparativo-modale</option> <option value="rel restr antec">relativa restrittiva con antecedente</option> <option value="rel restr antec caus">relativa restrittiva con antecedente con valore causale</option> <option value="rel restr antec cons">relativa restrittiva con antecedente con valore consecutivo</option> <option value="rel restr antec conc cond">relativa restrittiva con antecedente con valore di concessiva condizionale</option> <option value="rel restr antec conc fatt">relativa restrittiva con antecedente con valore di concessiva fattuale</option> <option value="rel restr antec fin">relativa restrittiva con antecedente con valore finale</option> <option value="rel restr antec ipo">relativa restrittiva con antecedente con valore ipotetico</option> <option value="rel restr antec temp">relativa restrittiva con antecedente con valore temporale</option> <option value="rel restr antec comp disug">relativa restrittiva con antecedente in costrutto comparativo di disuguaglianza</option> <option value="rel restr antec comp mod">relativa restrittiva con antecedente in costrutto comparativo-modale</option> <option value="rel restr antec eccett">relativa restrittiva con antecedente in costrutto eccettuativo</option> <option value="rel restr antec lim">relativa restrittiva con antecedente in costrutto limitativo</option> <option value="sogg | sogg aci | sogg id | sogg infinitoprep">soggettiva</option> <option value="sogg soll">soggettiva a sollevamento</option> <option value="sogg scissa">soggettiva scissa</option> <option value="spec | spec aci | sogg infinitoprep">specficativa</option> <option value="strum">strumentale</option> <option value="subord">subordinata</option> <option value="temp">temporale</option> <option value="temp comp ug">temporale con valore comparativo</option> <option value="temp ipo">temporale con valore ipotetico</option> </optgroup> </select> </div> <div class="outline w-100 pa1 mr1"> <select name="functionSyntax" class="w-100 db h2-ns pb2 f6 bg-near-white ba b--sliver gray syntfun" title="Livello di subordinazione"> <option value=".+">Qualsiasi livello di subordinazione</option> <optgroup label="Livelli di subordinazione"> <option value="princ">principale</option> <option value="coord">coordinata a una principale</option> <option value="subord i">subordinata di I grado</option> <option value="subord ii">subordinata di II grado</option> <option value="subord iii">subordinata di III grado</option> <option value="subord iv">subordinata di IV grado</option> <option value="subord v">subordinata di V grado</option> <option value="subord vi">subordinata di VI grado</option> <option value="subord vii">subordinata di VII grado</option> <option value="coord i">coordinata a una subordinata di I grado</option> <option value="coord ii">coordinata a una subordinata di II grado</option> <option value="coord iii">coordinata a una subordinata di III grado</option> <option value="coord iv">coordinata a una subordinata di IV grado</option> <option value="coord v">coordinata a una subordinata di V grado</option> <option value="pcoord">pseudo-coordinata</option> <option value="parent">parentetica</option> <option value="coord 0">coordinata a una parentetica</option> </optgroup> </select> </div> </div> </div> </div> <!-- CATEGORIA SOSTANTIVO --> <div style="display: none;" id='categoriasostantivo'> <div class=" w-15 pa1 mr2"> <fieldset id="numero" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="singolare" value="Singolare" name="Numero"> <label for=" singolare" class="lh-copy">Singolare</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="plurale" value="Plurale" name="Numero"> <label for="plurale" class="lh-copy">Plurale</label> </div> </fieldset> </div> <div class=" w-15 pa1 mr2"> <fieldset id="Genere lemma" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="lemmafemminile" value="Lemma femminile" name="Genere_lemma"> <label for="lemmafemminile" class="lh-copy">Lemma di genere femminile</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="lemmamaschile" value="Lemma maschile" name="Genere_lemma"> <label for="lemmamaschile" class="lh-copy">Lemma di genere maschile</label> </div> </fieldset> </div> <div class=" w-15 pa1 mr2"> <fieldset id="genereforma" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="formafemminile" value="Forma femminile" name="Genere_forma"> <label for="formafemminile" class="lh-copy">Forma di genere femminile</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="formamaschile" value="Forma maschile" name="Genere_forma"> <label for="formamaschile" class="lh-copy">Forma di genere maschile</label> </div> </fieldset> </div> <div class=" w-25 pa2 mr2"> <div class="fl w-100 w-70-ns "> <fieldset id="riflpers" class="bn"> <div class="flex items-center mb2"> <input class="mr2" name="riflpers" type="checkbox" id="inlocuzione" value="In locuzione"> <label for="inlocuzione" class="lh-copy">In locuzione</label> </div> </fieldset> </div> </div> <div class=" w-15 pa2 mr2"> <select id="declsost" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="Declinazione sostantivo" onchange="" title="Declinazione sotantivo"> <option value="">Tutte le declinazioni</option> <option value="Prima declinazione">Prima declinazione</option> <option value="Seconda declinazione">Seconda declinazione</option> <option value="Terza declinazione">Terza declinazione</option> </select> </div> </div> <!-- CATEGORIA VERBO --> <div style="display: none;" id='categoriaverbo'> <div class=" w-15 pa1 mr2"> <div class="fl w-100 w-40-ns "> <fieldset id="" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="attivo" value="Attivo" name="Diatesi"> <label for="Attivo" class="lh-copy">Attivo</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="passivo" value="Passivo" name="Diatesi"> <label for="Passivo" class="lh-copy">Passivo</label> </div> </fieldset> </div> </div> <div class="w-15 pa1 mr2"> <div class="fl w-100 w-40-ns "> <fieldset id="transitivita" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="transitivo" value="Transitivo" name="Transitivita"> <label for="transitivo" class="lh-copy">Transitivo</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="intransitivo" value="Intransitivo" name="Transitivita"> <label for="intransitivo" class="lh-copy">Intransitivo</label> </div> </fieldset> </div> </div> <div class=" w-15 pa1 mr2"> <fieldset id="genere" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="femminile" value="Femminile" name="Genere"> <label for="femminile" class="lh-copy">Femminile</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="maschile" value="Maschile" name="Genere"> <label for="maschile" class="lh-copy">Maschile</label> </div> </fieldset> </div> <div class=" w-15 pa1 mr2"> <fieldset id="numero" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="singolare" value="Singolare" name="Numero"> <label for="" singolare"" class="lh-copy">Singolare</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="plurale" value="Plurale" name="Numero"> <label for="plurale" class="lh-copy">Plurale</label> </div> </fieldset> </div> <div class=" w-15 pa1 mr2"> <div class="fl w-100 w-40-ns "> <fieldset id="riflpers" class="bn"> <div class="flex items-center mb2"> <input class="mr2" type="checkbox" id="impersonale" value="Impersonale" name="Pers"> <label for="impersonale" class="lh-copy">Impersonale</label> </div> <div class="flex items-center mb2"> <input class="mr2" type="checkbox" id="riflessivo" value="Riflessivo" name="Rifl"> <label for="riflessivo" class="lh-copy">Riflessivo</label> </div> </fieldset> </div> </div> <div class=" w-15 pa2 mr2"> <select id="coniug" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="Coniugazione" onchange="" title="Coniugazione"> <option value="">Qualsiasi coniugazione</option> <option value="Prima coniugazione">Prima</option> <option value="Seconda coniugazione">Seconda</option> <option value="Terza coniugazione">Terza</option> <option value="Essere coniugazione">Essere</option> <option value="Avere coniugazione">Avere</option> </select> </div> <div class=" w-15 pa2"> <select id="tempi" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="Tempi" onchange="" title="Macro categoria"> <option value="">Qualsiasi tempo verbale</option> <option value="Indicativo presente">Indicativo presente</option> <option value="Indicativo passato prossimo">Indicativo passato prossimo</option> <option value="Indicativo imperfetto">Indicativo imperfetto</option> <option value="Indicativo passato remoto">Indicativo passato remoto</option> <option value="Indicativo trapassato prossimo">Indicativo trapassato prossimo</option> <option value="Indicativo trapassato remoto">Indicativo trapassato remoto</option> <option value="Indicativo futuro semplice">Indicativo futuro semplice</option> <option value="Indicativo futuro anteriore">Indicativo futuro anteriore</option> <option value="Congiuntivo presente">Congiuntivo presente</option> <option value="Congiuntivo imperfetto">Congiuntivo imperfetto</option> <option value="Congiuntivo passato">Congiuntivo passato</option> <option value="Congiuntivo trapassato">Congiuntivo trapassato</option> <option value="Condizionale presente">Condizionale presente</option> <option value="Condizionale passato">Condizionale passato</option> <option value="Imperativo presente">Imperativo presente</option> <option value="Infinito presente">Infinito presente</option> <option value="Infinito passato">Infinito passato</option> <option value="Participio presente">Participio presente</option> <option value="Participio passato">Participio passato</option> <option value="Gerundio presente">Gerundio presente</option> <option value="Gerundio passato">Gerundio passato</option> </select> </div> <div class=" w-15 pa2"> <select id="Persona" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="persona" onchange="" title="Macro categoria"> <option value="">Qualsiasi persona</option> <option value="1ª persona singolare">1ª singolare</option> <option value="2ª persona singolare">2ª singolare</option> <option value="3ª persona singolare">3ª singolare</option> <option value="1ª persona plurale">1ª plurale</option> <option value="2ª persona plurale">2ª plurale</option> <option value="3ª persona plurale">3ª plurale</option> </select> </div> <div class=" w-15 pa2 mr2"> <select id="funz" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="Funzione" onchange="" title="Funzione"> <option value="">Tutte le funzioni</option> <option value="Aggettivo">Aggettivo</option> <option value="Sostantivo maschile">Sostantivo maschile</option> <option value="Sostantivo femminile">Sostantivo femminile</option> </select> </div> <div class=" w-15 pa2 mr2"> <select id="decl" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="Declinazione" onchange="" title="Declinazione"> <option value="">Tutte le declinazioni</option> <option value="Prima declinazione">Prima</option> <option value="Seconda declinazione">Seconda</option> <option value="Terza declinazione">Terza</option> </select> </div> </div> <!-- CONDIZIONE GRAMMATICALE --> <div style="display: none;"> <table id="gramm_table"> <tr id=""> <td class="pa3"> <!-- <select id="types" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="oggetto" value="oggetto"> <option label= "Forma" value="forma">Forma</option> <option label="Lemma" value="lemma">Lemma </option> </select> --> <fieldset id="lemma_forma" class="bn"> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="lemma" value="lemma" name="oggetto"> <label for="lemma" class="lh-copy">Lemma</label> </div> <div class="flex items-center mb2"> <input class="mr2 f6" type="radio" id="forma" value="forma" name="oggetto"> <label for="forma" class="lh-copy">Forma</label> </div> </fieldset> </td> <td class="pa3"><input id="name" class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text" aria-describedby="name-desc" name="query" value=""></td> <td class="pa3"><select id="types" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="tipo" title="Tipo di ricerca"> <option value="parola" onclick="">Parola</option> <option value="sottostringa" onclick="">Sottostringa</option> <option value="prefisso" onclick="">Prefisso</option> <option value="suffisso" onclick="">Suffisso</option> <option value="espressione" onclick="">Espressione regolare</option> <option value="occorrenze" onclick="">Tutte le occorrenze</option> </select></td> <td class="pa3"><select id="types" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="categoria" onchange="" title="Macro categoria"> <option value="all">Tutte le categorie</option> <optgroup label="Volgare"> <option value="verbovolgare">Verbo volgare</option> <option value="sostantivovolgare">Sostantivo volgare</option> <option value="aggettivovolgare">Aggettivo volgare</option> <option value="pronomevolgare">Pronome volgare</option> <option value="articolovolgare">Articolo volgare</option> <option value="avverbiovolgare">Avverbio volgare</option> <option value="preposizionevolgare">Preposizione volgare</option> <option value="congiunzionevolgare">Congiunzione volgare</option> <option value="interiezionevolgare">Interiezione volgare</option> <option value="onomasticavolgare">Onomastica volgare</option> <option value="citazionevolgare">Citazione volgare</option> </optgroup> <optgroup label="Latino"> <option value="verbo_latino_v">Verbo latino</option> <option value="sostantivo_latino_s">Sostantivo latino</option> <option value="aggettivo_latino_a">Aggettivo latino</option> <option value="pronome_latino_p">Pronome latino</option> <option value="avverbio_latino_r">Avverbio latino</option> <option value="preposizione_latino_e">Preposizione latino</option> <option value="congiunzione_latino_c">Congiunzione latino</option> <option value="interiezione_latino_i">Interiezione latino</option> <option value="enclitica_latino_9">Enclitica latino</option> <option value="citazione_latino_zi">Citazione latino</option> <option value="simbolo_latino_yy">Simbolo latino</option> </optgroup> </select></td> <td><input class="delete-record" type="submit" value="Rimuovi" data-id="0"></td> </tr> </table> </div> <!-- Vecchio codice --> <!-- End form --> <hr> <!-- submit event listener --> <!-- <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js"; import notebook from "https://api.observablehq.com/@cesare/d3search/2.js?v=3&api_key=a05c55ad119cc37428496af43d692d30cbc35546"; document.querySelector('#grammarbutton').addEventListener('click', () => { const display1 = document.querySelector("#tick1"); const displayres = document.querySelector("#result"); const displaysvgres = document.querySelector("#svgresult"); const displaysprql = document.querySelector("#sparqlquery"); const mform = document.querySelector("#myform"); //alert('pippone'); const spq=gimmespqfromjson(mform); const runtime = new Runtime(); const main = runtime.module(notebook, name => { if (name === "pppp") { return new Inspector(display1); } if (name === "showmytable") { return new Inspector(displayres); } if (name === "svg_v1") { return new Inspector(displaysvgres); } displaysprql.innerHTML =writesparqlquery(spq); }); main.redefine("querytxt", writesearchValue(mform)); //alert(spq) main.redefine("completeq", gimmespqfromjson(mform)); //alert(executeSparqlQuery(gimmespqfromjson(mform))); }); </script> --> <!-- partial <script src="./script.js"></script> --> <!-- <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js"; import notebook from "https://api.observablehq.com/@cesare/d3search/2.js?v=3&api_key=a05c55ad119cc37428496af43d692d30cbc35546"; //https://api.observablehq.com/d/[NOTEBOOK_ID][@VERSION].[FORMAT]?v=3&api_key=xxxx // Select the element into which we’ll show the observed value. const display1 = document.querySelector("#tick1"); const mform = document.querySelector("#myform"); //alert (mform.elements); // Load the notebook, observing the “tick” cell with a custom Inspector that // renders any fulfilled value into the previously-selected element. const runtime = new Runtime(); const main = runtime.module(notebook, name => { if (name === "pppp") { return new Inspector(display1); } }); // Redefine the cell “data” as the contents of the local file population.json; // this will affect the chart embedded above. main.redefine("querytxt", writesearchValue(mform)); </script> --> <!-- Da index_Luk_Q_.html --> <div class="container p-2 my-3 border bg-light"> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs" id="result-list" role="tablist"> <li class="nav-item active" role="presentation"><a class="nav-link active" id="result1-tab" data-toggle="tab" href="#result1" role="tab" aria-controls="result1" aria-selected="true"><span class="small text-secondary"><ion-icon name="archive"></ion-icon></span><span class="text-dark font-weight-bold"> Risultati</span></a> </li> <li class="nav-item" role="presentation"><a class="nav-link" id="result2-tab" data-toggle="tab" href="#result2" role="tab" aria-controls="result2" aria-selected="true"><span class="small text-dark font-weight-bold">Testo</span></a></li> <li class="nav-item" role="presentation"><a class="nav-link" id="result3-tab" data-toggle="tab" href="#result3" role="tab" aria-controls="result3" aria-selected="true"><span class="small text-dark font-weight-bold">Query Sparql</span></a></li> </ul> <div class="tab-content border-right border-left border-bottom" id="result-TabContent"> <div class="tab-pane fade show active p-2 bg-white" id="result1" role="tabpanel" aria-labelledby="result1-tab"> <div class="form-outline text-muted font-weight-normal p-1" id="showrisultati"> <div class=" text-muted table-responsive" id="resultsId1"> <div class="p-2 border">Nessun risultato</div> </div> </div> </div> <div class="tab-pane fade p-2 bg-white" id="result2" role="tabpanel" aria-labelledby="result2-tab"> <div class="row p-1"> <div class="col-sm-12 col-md-6 text-muted font-weight-normal align-text-bottom"> <label class="form-label m-0 mt-2" for="risultatitesto">Risultati testuali della ricerca:</label> </div> <div class="col-sm-12 col-md-6 text-right float-right"> <div class="btn-group text-right float-right" role="group" aria-label="Tasto copia testo"> <label class="input-group-text"><ion-icon name="copy"></ion-icon></label> <button class="btn btn-outline-danger btn-sm text-right float-right" tabindex="0" id="copiaTesto" aria-controls="resultQuery" type="button">Copia</button> </div> </div> </div> <div class="form-outline small text-muted font-weight-normal p-1 pt-2" id="showtext"> <textarea class="form-control small text-muted bg-white" id="risultatitesto" rows="4" placeholder="Nessun risultato" readonly></textarea> </div> </div> <div class="tab-pane fade p-2 bg-white" id="result3" role="tabpanel" aria-labelledby="result3-tab"> <div class="row p-1"> <div class="col-sm-12 col-md-6 text-muted font-weight-normal align-text-bottom"> <label class="form-label m-0 mt-2" for="sparqlquery">La query SPARQL è:</label> </div> <div class="col-sm-12 col-md-6 text-right float-right"> <div class="btn-group text-right float-right" role="group" aria-label="Tasto copia query"> <label class="input-group-text"><ion-icon name="copy"></ion-icon></label> <button class="btn btn-outline-danger btn-sm text-right float-right" tabindex="0" id="copiaQuery" aria-controls="resultQuery" type="button">Copia</button> </div> </div> </div> <div class="form-outline small text-muted font-weight-normal p-1 pt-2" id="showsparqlquery"> <textarea class="form-control small text-muted bg-white" id="sparqlquery" rows="4" placeholder="Nessuna query" readonly></textarea> </div> </div> </div> </div> </div> </div> <div class="container pb-3 px-3 my-3 border bg-lidaBG1"> <div class="row align-items-end p-2 halfOpacity"> <div class="col shadow bg-lida8"> </div> <div class="col shadow bg-lida9"> </div> <div class="col shadow bg-lida3"> </div> <div class="col shadow bg-lida4"> </div> <div class="col shadow bg-lida5"> </div> </div> <p class="text-right"> <cite class="font-italic text-lida5">Info & Copyright</cite> <cite class="font-italic text-secondary font-weight-lighter">(idem)</cite> </p> </div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> <!-- Da index_Luk_Q_.html --> </body> <div class="modal-busy" id="loader" style="display: none"> <div class="center-busy" id="test-git"> <img alt="" src="./images/lida-loader.gif" /> </div> </div> </html>