Update app.py

app.py

@@ -16,18 +16,19 @@ style="""
     padding: 15px;
     border-radius: 5px;
 }
+.frame_class{
+    display:None;
+}
 """
 
 head = """
 <script>
 function run(inn) {
     console.log(inn);
-    html_src=(f'''
-    <div style="text-align:center">
-    <h4>PDF Viewer</h4>
-    <iframe src="https://docs.google.com/viewer?url=inn['id']&embedded=true" frameborder="0" height="1200px" width="100%"></iframe>
-    </div>''')
-    return gr.HTML.update(f'''{html_src}''')
+    var frame_on = document.getElementById("frame" + String(inn));
+    /*frame_on.style.display = null;*/
+    frame_on.style.display = block;
+
 }
 </script>
 """.replace("/abs/","/pdf/")
@@ -38,11 +39,12 @@ def search(q,rn):
     html=""
     for i,c in enumerate(cont):
         pdflink=c['id'].replace('/abs/','/pdf/')
-        html+=f"""<div class='card_div' id='id{i}' onclick="run({c})">"""
+        html+=f"""<div class='card_div' id='id{i}' onclick="run({i})">"""
         html+=f"<div class='title_div'>{c['title']}</div>"
         html+=f"<div style='color:white;'>{c['summary']}</div>"
         html+=f"<div><a href='{pdflink}' target='_blank'>{pdflink}</a></div>"
         html+="</div>"
+        html+=f"""<div id=frame{i} class='frame_class'><iframe src="https://docs.google.com/viewer?url={c['id'].replace('/abs/','/pdf/')}&embedded=true" frameborder="0" height="1200px" width="100%"></iframe>"""
     return(json.dumps(cont,indent=4)),html
 with gr.Blocks(css=style,head=head) as b:
     with gr.Group():