diff --git a/index_work_grid.html b/index_work_grid.html
new file mode 100644
index 0000000..6f8c42c
--- /dev/null
+++ b/index_work_grid.html
@@ -0,0 +1,1220 @@
+<!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/2.1.3/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">
+	<h1 class="f2 lh-copy">Linking Dante Search</h1>
+
+
+	<div class="mw9 center ph3-ns">
+		<div class="cf ph2-ns">
+			<div class="fl w-100 w-20-ns pa4">
+				Filtri
+				<div class="  bg-washed-blue pv2">
+
+					<!--  
+		<div class="mt3"><input class="bw0 br2 bg-dark-blue pa1 white fw1 tc tracked-tight add-record" type="submit" value="Aggiungi condizione grammaticale" data-added="0"></div>
+		
+		<div class="mt3"><input class="f6 link dim br3 ba ph1 pv1 mb2 dib mid-gray add-record" value="Categoria grammaticale" data-added="0"></div>
+		-->
+					<a class="f6 link dim br1 ba ph3 pv2 mb2 dib dark-green add-record"
+						href="#0" value="Categoria grammaticale" data-added="0">Categoria
+						Grammaticale</a> <a
+						class="f6 link dim br1 ba ph3 pv2 mb2 dib dark-green add-record-sint"
+						href="#0" value="Tipo sintattico" data-added="0">Tipo
+						Sintattico</a>
+
+					<!--  
+		<div class="mt3"><input class="bw0 br2 bg-dark-blue pa1 white fw1 tc tracked-tight add-record-sint" type="submit" value="Aggiungi condizione sintattica" data-added="0"></div>
+  		-->
+					<p>
+				</div>
+
+			</div>
+			<div class="fl w-100 w-80-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>
+	</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>
+	
+	<!-- 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 pv4 ph1">
+			<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>
+
+
+	<!-- TIPO  SINTATTICO -->
+
+
+	<div style="display: none;" id='tiposintattico'>
+		<div class="outline w-25 pv4 ph1">
+			<select id="synttypes"
+				class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
+				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>
+
+
+
+
+	<!-- 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="tempi"
+				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 we’ll show the observed value.
+const display1 = document.querySelector("#tick1");
+const mform = document.querySelector("#myform");
+//alert (mform.elements);
+// Load the notebook, observing the “tick” cell with a custom Inspector that
+// renders any fulfilled value into the previously-selected element.
+const runtime = new Runtime();
+const main = runtime.module(notebook, name => {
+  if (name === "pppp") {
+    return new Inspector(display1);
+  }
+});
+// Redefine the cell “data” as the contents of the local file population.json;
+// this will affect the chart embedded above.
+main.redefine("querytxt", writesearchValue(mform));
+
+</script>
+</body>
+
+</html>
