.net server control is almost feature complete and functional. All .net examples...

[infodrom/rico3] / examples / dotnet / photos.aspx
diff --git a/examples/dotnet/photos.aspx b/examples/dotnet/photos.aspx

index 422bb20..1ac0149 100644 (file)
--- a/examples/dotnet/photos.aspx
+++ b/examples/dotnet/photos.aspx
@@ -12,14 +12,14 @@
  <script type='text/javascript'>\r
  var img_popup;\r
  \r
-function photogrid_InitComplete() {\r
+function photos_InitComplete() {\r
    // do something special when the mouse hovers over an image\r
-  var c0=photogrid['grid'].columns[0];\r
+  var c0=photos.grid.columns[0];\r
    for (var i=0; i<c0._img.length; i++) {\r
      Rico.eventBind(c0._img[i],'mouseover',Rico.eventHandle(window,'img_mouseover'));\r
      Rico.eventBind(c0._img[i],'mouseout',Rico.eventHandle(window,'img_mouseout'));\r
    }\r
-  img_popup=document.getElementById('img_popup');\r
+  img_popup=Rico.$('img_popup');\r
  }\r
  \r
  function img_mouseover(e) {\r
@@ -46,10 +46,10 @@ function img_mouseout(e) {
  }\r
  \r
  function UpdateGrid() {\r
-  var tags=$('tags').value;\r
+  var tags=Rico.$('tags').value;\r
    if (tags) {\r
-    photogrid['buffer'].options.requestParameters=['tags='+tags];\r
-    photogrid['grid'].filterHandler();\r
+    photos['buffer'].options.requestParameters=['tags='+tags];\r
+    photos['grid'].filterHandler();\r
    } else {\r
      alert('Please enter one or more keywords separated by commas');\r
    }\r
@@ -57,7 +57,6 @@ function UpdateGrid() {
  </script>\r
  \r
  <style type="text/css">\r
-.ricoLG_bottom div.ricoLG_cell { height:80px; }  /* thumbnails are 75x75 pixels */\r
  #explanation * { font-size: 8pt; }\r
  </style>\r
  \r
@@ -66,20 +65,19 @@ function UpdateGrid() {
  <body>\r
  \r
  <div id='explanation'><form onsubmit='UpdateGrid(); return false;'>\r
-<p>Find 100 <a href="http://www.flickr.com">Flickr</a> photos tagged with the keywords you type below (separate words with commas):\r
+Base Library: <script type='text/javascript'>document.write(Rico.Lib+' '+Rico.LibVersion);</script>\r
+<hr><p>Find 100 <a href="http://www.flickr.com">Flickr</a> photos tagged with the keywords you type below (separate words with commas):\r
  <p><input type='text' id='tags'>\r
  <input type='submit' value='Get Photos'>\r
  <p>Then try moving your cursor over each photo...\r
  </form></div>\r
  \r
-<Rico:LiveGrid runat='server' id='photogrid' prefetchBuffer='false' dataProvider='flickrPhotos.aspx' headingSort='hover'>\r
-<GridColumns>\r
+<Rico:LiveGrid runat='server' id='photos' prefetchBuffer='false' DataRowHt='80px' DataWrapText='true' dataProvider="'flickrPhotos.aspx'">\r
    <Rico:Column runat='server' heading='Photo' width='90' control='new Rico.TableColumn.image()' />\r
    <Rico:Column runat='server' heading='Title' width='100' />\r
    <Rico:Column runat='server' heading='Owner' width='100' />\r
    <Rico:Column runat='server' heading='Date Taken' width='100' DataType='datetime' />\r
    <Rico:Column runat='server' heading='Tags' width='200' />\r
-</GridColumns>\r
  </Rico:LiveGrid>\r
  \r
  <img id='img_popup' style='display:none;position:absolute;'>\r