Fixed links on buttons

Luogo.html

@@ -253,7 +253,7 @@
 	</main>
   
   	<!-- Modal -->
-	<div id="myModal" class="modal"></div
+	<div id="myModal" class="modal"></div>
 
 	<footer id="footer" class="footer">
 		<div class="container">

css/pages.css

@@ -311,11 +311,12 @@ a {
   border: 1px solid;
 }
 
-.inner_results a:link {
+.inner_results .title_doc {
     color: #000;
     background-color: transparent;
     text-decoration: none;
     font-weight: bold;
+    cursor: pointer;
 }
 
 .res_list {

js/object.js

@@ -548,16 +548,17 @@ function handle_citedPeople(json) {
     var Person = "";
 
     for (var i=0; i<people.length; i++) {
-      var object = '<a href=' + people[i][0] + ' target="_blank">' + people[i][1] + '</a>';
+      var object = '<div class="col-8"><p><span id="' + people[i][0] + '" class="title_doc persona">'+ people[i][1] + '</span>';
       if (people[i][2] != "") {
         object = object + "<br />Ruolo: " + people[i][2];
       }
       if (people[i][3] != "") {
         object = object + "<br />Nota: " + people[i][3];
       }
+
+      object = object + '</p></div>';
     
-    Person += /*INIZIO DIV*/ '<div class="row res"><div class="col-8">' +
-      object + '</div>' +
+      Person += /*INIZIO DIV*/ '<div class="row res">' + object +
       '<div class="col d-flex align-items-start justify-content-end"><button type="button" id="' + people[i][0] + '" class="persona btn btn-default" alt="persona" title="' +
       people[i][1] + '"><i class="fa fa-user"></i><p class="btn-text">Scheda Persona</p></button>' +
       '<button type="button" value="Persona" id="' + people[i][0] + '" class="cit btn btn-default" alt="scheda" title="Info"><i class="fa fa-quote-right"></i><p class="btn-text">Citazione</p></button>' +
@@ -601,16 +602,17 @@ function handle_associatedDocuments(json) {
   var Docs = "";
 
   for (var i=0; i<docs.length; i++) {
-    var object = '<a href=' + docs[i][0] + ' target="_blank">' + docs[i][1] + '</a>';
+    var object = '<div class="col-8"><p><span id="' + docs[i][0] + '" class="title_doc object">'+ docs[i][1] + '</span>';
     if (docs[i][2] != "") {
       object = object + "<br />Documento: " + docs[i][2];
     }
+    object = object + '</p></div>';
 
     var object_button  = '<button type="button" id="' + docs[i][0] + 
       '" class="object btn btn-default" alt="oggetto" title="' + docs[i][1] + 
       '"><i class="fa fa-book"></i><p class="btn-text">Scheda Oggetto</p></button>';
 
-      Docs += '<div class="row res"><div class="col-8"><p>'+ object +'</p></div>' + 
+      Docs += '<div class="row res">'+ object + 
     '<div class="col d-flex align-items-start justify-content-end">' + object_button +
     '<button type="button" value="object" id="' + docs[i][0] + '" class="cit btn btn-default" alt="scheda" title="Info"><i class="fa fa-quote-right"></i><p class="btn-text">Citazione</p></button>' +
     '<button type="button" value="object" id="' + docs[i][0] + '" class="hyp btn btn-default" alt="scheda" title="Info"><i class="fa fa-link"></i><p class="btn-text">Hyperlink</p></button>' +
@@ -738,3 +740,35 @@ $(document).on("click", ".persona", function (ev) {
   function schedaASPO(info){
     window.open(info);
   }
+
+  $(document).on("click", ".close", function (ev) {
+
+    var link = this.id;
+    //alert(nome_autore);
+    //$('#myModal').text("");
+    $("#myModal").css("display", "none");
+  
+  });
+  
+  $(document).on("click", ".back", function (ev) {
+  
+    $("#myTab").css("display", "none");
+  
+  });
+
+function copyToClipboard(text) {
+    var sampleTextarea = document.createElement("textarea");
+    document.body.appendChild(sampleTextarea);
+    sampleTextarea.value = text; //save main text in it
+    sampleTextarea.select(); //select textarea contenrs
+    document.execCommand("copy");
+    document.body.removeChild(sampleTextarea);
+}
+
+function myFunction(){
+    var copy = document.getElementById("myInput");
+    copyText = copy.textContent;
+    copyToClipboard(copyText);
+
+    //copyToClipboard(copyText.value);
+}

object.html

@@ -99,6 +99,9 @@
 				</div>
 			</div>
 
+			<!-- Scheda -->
+			<div id="myTab" class="tab"></div>
+
 			<div class="w-content section-small">
 				<div class="container-fluid">
 					<div class="col box-info">
@@ -317,6 +320,9 @@
 		</section>
 	</main>
 
+	<!-- Modal -->
+	<div id="myModal" class="modal"></div>
+
 	<footer id="footer" class="footer">
 		<div class="container">
 			<div class="row">