LiDa_Search/index_work_Nik.html

1384 lines
55 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LiDaDashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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 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";
}
} */
</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 f4 lh-copy center">(Inf., canto 32,
verso 59)</cite>
</blockquote>
</div>
</div>
<div class="mw9 center ph3-ns">
<div class="cf ph2-ns">
<div class="fl w-100 w-20-ns pa4">
<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"><span>Grammaticale</span></a>
</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"><span>Tipo Sintattico</span></a>
</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"><span>Metafore</span></a>
</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"><span>Dialoghi</span></a>
</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"><span>Struttura Testo</span></a>
</div>
</div>
</div>
<div class="fl w-100 w-60-ns pa4">
<div class="bg-washed-blue pv2">
<!-- 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 pv3 mr2">
<div class="flex items-center">
<div class="fl w-100 w-40-ns ">
<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>
</div>
<div class="fl w-100 w-70-ns ph1">
<input id="name"
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="bg-washed-blue pv2" id='filtri' style="display:none;" >
<img
src="./images/filters1.png" 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> &egrave;: <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> &egrave;: <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"
style="display: none;" id="filtro">
<div class="bg-washed-blue flex flex-column">
<nav class="pa1 pa1-ns">
<a class="link 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="link 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 h2 f6 bg-near-white ba b--sliver gray andorconditions"
name="condizionelogica" onchange="" title="Condizione logica">
<option value="all">AND</option>
<option value="all">OR</option>
</select>
</nav>
<div class="pa1 pa1-ns 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 w-25">
<div class="flex flex-column">
<nav class="pa1 pa1-ns">
<a class="link dim gray f6 f2-ns dib mr0 remove-filter" href="#"
title="Remove"><img src="./images/chiudi1.png"
style="width: 22px; height: 20px;"></a>
<a class="link dim gray f6 f2-ns dib mr0 update-filter" href="#"
title="Update" style="display:none"><img
src="./images/smalldone.png" style="width: 22px; height: 20px;"></a>
<a class="link dim 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 pa1 mr1">
<select id="types"
class="w-100 db h2 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 w-25 pv1 ph1">
<div class="flex flex-column">
<nav class="pa1 pa1-ns">
<a class="link dim gray f6 f2-ns dib mr0 remove-filter" href="#"
title="Remove"><img src="./images/chiudi1.png"
style="width: 22px; height: 20px;"></a>
<a class="link dim 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 pa1 mr1">
<select id="synttypes"
class="w-100 db h2 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 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="num"> <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="num"> <label for="plurale" class="lh-copy">Plurale</label>
</div>
</fieldset>
</div>
<div class=" w-15 pa1 mr2">
<fieldset id="generelemma" class="bn">
<div class="flex items-center mb2">
<input class="mr2 f6" type="radio" id="lemmafemminile"
value="lemmafemminile" name="gel"> <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="lemmamaschile" name="gel"> <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="formafemminile" name="gef"> <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="formamaschile" name="gef"> <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" type="checkbox" id="inlocuzione"
value="inlocuzione"> <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="declinazionesostantivo" onchange=""
title="Declinazione sotantivo">
<option value="">Tutte le declinazioni</option>
<option value="dsg">Prima</option>
<option value="dss">Seconda</option>
<option value="dst">Terza</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="diatesi" class="bn">
<div class="flex items-center mb2">
<input class="mr2 f6" type="radio" id="attivo" value="attivo"
name="dia"> <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="dia"> <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="tra"> <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="tra"> <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="gen"> <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="gen"> <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="num"> <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="num"> <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="personale"> <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="riflessivita"> <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">Essere</option>
<option value="Avere">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="tempoverbale" 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="Prima pers s">1ª singolare</option>
<option value="Seconda pers s">2ª singolare</option>
<option value="Terza pers s">3ª singolare</option>
<option value="Prima pers p">1ª plurale</option>
<option value="Prima pers p">2ª plurale</option>
<option value="Prima pers p">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="Funz aggettivo">Aggettivo</option>
<option value="Funz sostantivo maschile">Sostantivo maschile</option>
<option value="Funz 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 decl">Prima</option>
<option value="Seconda decl">Seconda</option>
<option value="Terza decl">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 well 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>
</body>
</html>