Store client viewport in the database.

ajax_stub.js

@@ -37,6 +37,7 @@ voting_system.prototype  = {
 	starForm: function() { return this.dispatcher.doCall('starForm',arguments); },
 	handlePostData: function() { return this.dispatcher.doCall('handlePostData',arguments); },
 	storeResponse: function() { return this.dispatcher.doCall('storeResponse',arguments); },
-	thankyou: function() { return this.dispatcher.doCall('thankyou',arguments); }
+	thankyou: function() { return this.dispatcher.doCall('thankyou',arguments); },
+	saveViewport: function() { return this.dispatcher.doCall('saveViewport',arguments); }
 }
 

functions.php

@@ -270,7 +270,8 @@ class Voting_System
                         <img src="images/design_survey_12.gif" alt="proceed" />
                     </a>
                 </p>
-            </div><!--close introduction-->';
+            </div><!--close introduction-->
+            <script type="text/javascript">setViewPort();</script>';
     } 
      
     function introduction()
@@ -770,4 +771,10 @@ class Voting_System
         </div><!--close introduction-->';
         
     }
+    
+    function saveViewport($viewport)
+    {
+        $this->voter->viewport = $viewport;
+        $this->voter->update(); 
+    }
 }

voting_system.js

@@ -230,6 +230,6 @@ function setViewPort()
 		viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
 		viewportheight = document.getElementsByTagName('body')[0].clientHeight
 	}
-
+	voter.saveViewport(viewportwidth+'x'+viewportheight);
 }