From: olivier <>
Date: Mon, 28 May 2007 15:23:55 +0000 (+0000)
Subject: use css overflow instead of iframe for visualization scrolling
X-Git-Tag: 1.1~893
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=30d6effbb2e62fd9f76f2342e07ca8fabce70c22;p=telemeta.git

use css overflow instead of iframe for visualization scrolling
---

diff --git a/telemeta/htdocs/css/telemeta.css b/telemeta/htdocs/css/telemeta.css
index aa9878a4..b940f36e 100644
--- a/telemeta/htdocs/css/telemeta.css
+++ b/telemeta/htdocs/css/telemeta.css
@@ -46,7 +46,7 @@ a img { border: none; }
   margin-left: 1em;
 }
 .item_visualization select { width: 200px; }
-.item_visualization img { width: 300px; border: solid 1px black; }
+.item_visualization .viewport { width: 305px; border: solid 1px black; overflow: auto; }
 
 /* Geographic navigator */
 ul.continents, ul.continents ul { list-style: none; margin: 0; padding: 0;}
diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html
index 1680be3f..dd51c002 100644
--- a/telemeta/templates/mediaitem_detail.html
+++ b/telemeta/templates/mediaitem_detail.html
@@ -37,8 +37,9 @@
         </script>
       {% endif %}
 
-      <iframe src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}" width="300" height="285">
-      </iframe>
+      <div class="viewport">
+        <img src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}">
+      </div>        
       <form method="GET">
         <select name="visualizer_id" onchange="this.form.submit()">
           {% for v in visualizers %}