Update app.py

app.py

@@ -29,6 +29,8 @@ style="""
     padding: 0 10px;
     border-radius: 10px 10px 0 0;
     float: right;
+    cursor: pointer;
+    
 }
 .read_btn{
     font-size: xx-large;
@@ -38,6 +40,8 @@ style="""
     padding: 0 10px;
     border-radius: 10px 10px 0 0;
     float: left;
+    cursor: pointer;
+    
 }
 .frame_class{
     display:none;
@@ -46,14 +50,25 @@ style="""
 
 head = """
 <script>
-function run(inn) {
+function run(inn,url) {
     console.log(inn);
     var frame_on = document.getElementById("frame" + String(inn));
     frame_on.style.display = 'block';
+    var framediv = document.getElementById("framediv" + String(inn));
+    let api = url;
+    console.log(api);
+    framediv.innerHTML = "";
+    const iframediv = document.createElement('iframe');
+      iframediv.src = api;
+      iframediv.width = '100%'; 
+      iframediv.height = '1000px';
+      framediv.appendChild(iframediv);
 }
 function closefn(inn) {
     console.log(inn);
     var frame_off = document.getElementById("frame" + String(inn));
+    document.getElementById("aud" + String(inn)).innerHTML = "";
+    document.getElementById("framediv" + String(inn)).innerHTML = "";
     frame_off.style.display = 'none';
 }
 function readfn(inn,url) {
@@ -80,7 +95,7 @@ def search(q,rn,st):
     html=""
     for i,c in enumerate(cont):
         pdflink=c['id'].replace('/abs/','/pdf/').replace('http:','https:')
-        html+=f"""<div class='card_div' id='id{i}' onclick="run({i})">
+        html+=f"""<div class='card_div' id='id{i}' onclick="run('{i}','{pdflink}')">
                    <div class='title_div'>{c['title']}</div>
                     <div style='color:white;'>{c['summary']}</div>
                     <div><a href='{pdflink}' target='_blank'>{pdflink}</a></div>
@@ -89,7 +104,8 @@ def search(q,rn,st):
         <div id=read{i} class='read_btn' onclick="readfn('{i}','{pdflink}')">Read</div>
         <div id=close{i} class='x_btn' onclick='closefn({i})'>X</div>
         <div id=aud{i}></div>
-        <iframe src="https://docs.google.com/viewer?url={c['id'].replace('/abs/','/pdf/')}&embedded=true" frameborder="0" height="1200px" width="100%"></iframe></div>"""
+        <div id=frmdiv{i}></div>
+        </div>"""
     return html
 def next_show(cur):
     new=int(cur)+10