LiDa_Search/index_work_Nik.html

1377 lines
54 KiB
HTML
Raw Normal View History

<!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
2022-05-12 10:29:29 +02:00
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/guimanager.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">
Clausole
<div class="flex flex-column">
<div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record"
2022-05-12 10:29:29 +02:00
href="#0" value="Categoria grammaticale" data-added="0"><img
src="./images/settings.png"><br>Categoria Grammaticale</a>
</div>
<div class="w-45 pa1 mr1">
<a
class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-sint"
href="#0" value="Tipo sintattico" data-added="0">Tipo
Sintattico</a>
</div>
<div class="w-45 pa1 mr1">
<a
class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-metafora"
href="#0" value="Metafora" data-added="0">Metafore</a>
</div>
<div class="w-45 pa1 mr1">
<a
class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-dialogo"
href="#0" value="Dialogo" data-added="0">Dialoghi</a>
</div>
<div class="w-45 pa1 mr1">
<a
class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-struttura"
href="#0" value="Struttura" data-added="0">Struttura del
testo</a>
</div>
</div>
</div>
<div class="fl w-100 w-60-ns pa4">
<div class="bg-washed-blue pv2">
<!-- form -->
<form id='myform' 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;"
class="b ph3 pv2 input-reset ba b--black bg-transparent grow pointer f6"
type="submit" name="grammar" id="grammarbutton" value="Cerca"
title="Applica i criteri di ricerca">
</p>
</div>
</div>
<div class="fl w-100 w-20-ns pa4">
2022-05-06 15:06:50 +02:00
<div class="bg-washed-blue pv2" id='filtri'>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 bg-lightest-blue navy"
style="display: none;" id="filtro">
<div class="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 add-details" href="#"
title="More" style="display:none"><img
src="./images/more-icon.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="tra"> <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="tra"> <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="tra"> <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="tra"> <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="tra"> <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="tra"> <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="ag">Prima</option>
<option value="sm">Seconda</option>
<option value="sf">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="tra"> <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="tra"> <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="tra"> <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="tra"> <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"> <label for="impersonale"
class="lh-copy">Impersonale</label>
</div>
<div class="flex items-center mb2">
<input class="mr2" type="checkbox" id="riflessivo"
value="riflessivo"> <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="pc">Prima</option>
<option value="sc">Seconda</option>
<option value="tc">Terza</option>
<option value="ec">Essere</option>
<option value="ac">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="categoria" onchange="" title="Macro categoria">
<option value="">Qualsiasi tempo verbale</option>
<option value="ip">Indicativo presente</option>
<option value="ib">Indicativo passato prossimo</option>
<option value="ii">Indicativo imperfetto</option>
<option value="ir">Indicativo passato remoto</option>
<option value="is">Indicativo trapassato prossimo</option>
<option value="it">Indicativo trapassato remoto</option>
<option value="if">Indicativo futuro semplice</option>
<option value="ia">Indicativo futuro anteriore</option>
<option value="cp">Congiuntivo presente</option>
<option value="ci">Congiuntivo imperfetto</option>
<option value="cr">Congiuntivo passato</option>
<option value="ct">Congiuntivo trapassato</option>
<option value="dp">Condizionale presente</option>
<option value="dr">Condizionale passato</option>
<option value="mp">Imperativo presente</option>
<option value="fp">Infinito presente</option>
<option value="fr">Infinito passato</option>
<option value="pp">Participio presente</option>
<option value="pr">Participio passato</option>
<option value="gp">Gerundio presente</option>
<option value="gr">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="categoria" onchange="" title="Macro categoria">
<option value="">Qualsiasi persona</option>
<option value="s1">1ª singolare</option>
<option value="s2">2ª singolare</option>
<option value="s3">3ª singolare</option>
<option value="p1">1ª plurale</option>
<option value="p2">2ª plurale</option>
<option value="p3">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="ag">Aggettivo</option>
<option value="sm">Sostantivo maschile</option>
<option value="sf">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="ag">Prima</option>
<option value="sm">Seconda</option>
<option value="sf">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>