zoom works on lesson plan but horizontal scroll bar doesn't appear when text overflows screen horizontally

2 files changed, 36 insertions, 17 deletions

diff --git a/css/kDoc.css b/css/kDoc.css
index b60e9fb..fe0fe41 100644
--- a/css/kDoc.css
+++ b/css/kDoc.css
@@ -23,4 +23,5 @@
 #iframeLessonPlan{
     width:100%;
     height: 100%;
+    overflow-x: scroll;
 }
\ No newline at end of file
diff --git a/js/kDoc.js b/js/kDoc.js
index 60e5b67..7b4c5fa 100644
--- a/js/kDoc.js
+++ b/js/kDoc.js
@@ -1,21 +1,5 @@
 $(document).ready(function(){
 
-var $text = $('#text');
-var fontSize = parseInt($text.css('font-size'));
-
-
-$('#zoomIn').click(
-    function(){
-	fontSize = fontSize + 2;
-	$text.css('font-size', '' + fontSize + 'px');
-    });
-
-$('#zoomOut').click(
-    function(){
-	fontSize = fontSize - 2;
-	$text.css('font-size', '' + fontSize + 'px');
-    });
-
 var $help = $('#kHelpText').dialog({
 				      position:[ "right", "top"], 
 				      modal:'true',autoOpen:false,width:500,
@@ -37,6 +21,40 @@ $('#kHeaderBackBtn').click(function(){
     }
 );
 
-    Karma.scaleToViewport();
+$('#iframeLessonPlan').load(function(){
+	
+	 var iframeScale = 1.0;
+	 var iframeStyle = window.frames[0].document.body.style;
+	 var translateY = 0;
+
+	 $('#zoomIn').click(
+	     function(){
+		 iframeScale = iframeScale + 0.1;
+		 translateY = translateY + 50;
+		 var scale = 'scale(' + iframeScale + ')';
+		 var translate = "translate(0px, " + translateY + "px)";
+
+		 iframeStyle.MozTransform = scale + ' ' + translate;
+		 iframeStyle.WebkitTransform = scale + ' ' + translate;
+ 	     });
+				 
+	 $('#zoomOut').click(
+		 function(){
+		 iframeScale = iframeScale - 0.1;
+		 translateY = translateY - 50;
+		 
+		 var scale = 'scale(' + iframeScale + ')';
+		     var translate = "translate(0px, " + translateY + "px)";
+
+
+		 iframeStyle.MozTransform = scale + ' ' + translate;
+		 iframeStyle.WebkitTransform = scale + ' ' + translate;
+
+		 });
+    
+	});
+
+Karma.scaleToViewport();
+		      
 
 });
\ No newline at end of file