-<%@ Page Language="VB" ResponseEncoding="iso-8859-1" Debug="true" %>\r
-<%@ Register TagPrefix="Rico" TagName="LiveGrid" Src="../../plugins/dotnet/LiveGrid.ascx" %>\r
-<%@ Register TagPrefix="Rico" TagName="Column" Src="../../plugins/dotnet/GridColumn.ascx" %>\r
-<%@ Register TagPrefix="My" TagName="LoadRicoClient" Src="LoadRicoClient.ascx" %>\r
-\r
+<%@ Page Language="VB" ResponseEncoding="iso-8859-1" %>\r
+<%@ Register TagPrefix="Rico" Assembly="Rico" NameSpace="Rico" %>\r
\r
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
<html>\r
<head>\r
<title>Rico LiveGrid-Photo Example</title>\r
\r
-<My:LoadRicoClient id='initlibs' runat='server' />\r
+<Rico:LoadClient checkQueryString='true' runat='server' />\r
<link href="../demo.css" type="text/css" rel="stylesheet" />\r
\r
<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
}\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
</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
<body>\r
\r
<div id='explanation'><form onsubmit='UpdateGrid(); return false;'>\r
-<p>Get <a href="http://www.flickr.com">Flickr</a> photos tagged with these keywords (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