diff options
Diffstat (limited to 'includes/js/dojox/grid/tests/test_yahoo_search.html')
-rw-r--r-- | includes/js/dojox/grid/tests/test_yahoo_search.html | 141 |
1 files changed, 0 insertions, 141 deletions
diff --git a/includes/js/dojox/grid/tests/test_yahoo_search.html b/includes/js/dojox/grid/tests/test_yahoo_search.html deleted file mode 100644 index 063c289..0000000 --- a/includes/js/dojox/grid/tests/test_yahoo_search.html +++ /dev/null @@ -1,141 +0,0 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -<html> -<head> - <title>dojox.Grid - Yahoo Search Test</title> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta> - <style> - @import "../_grid/Grid.css"; - body { - font-size: 0.9em; - font-family: Geneva, Arial, Helvetica, sans-serif; - } - .grid { - height: 30em; - } - - #info { - width: 700px; - } - </style> - <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:false, parseOnLoad: true"></script> - <script type="text/javascript"> - dojo.require("dojox.grid.Grid"); - dojo.require("dojo.parser"); - </script> - <script type="text/javascript" src="yahooSearch.js"></script> - <script type="text/javascript"> - webFields = [ - { name: 'Title', na: '' }, - { name: 'ModificationDate', na: ''}, - { name: 'Summary', na: ' ' }, - { name: 'Url', na: '' }, - { name: 'MimeType', na: ' '}, - { name: 'DisplayUrl', na: ' '} - ]; - - imageFields = [ - { name: 'Title', na: '' }, - { name: 'Thumbnail', na: ''}, - { name: 'Summary', na: '' }, - { name: 'Url', na: '' }, - { name: 'FileSize', na: ''}, - { name: 'Height', na: ''}, - { name: 'Width', na: ''} - ]; - - var model = new dojox.grid.data.yahooSearch(imageFields, null, "searchInput"); - model.observer(this); - // report some model send/receive status - model.onSend = function(inParams) { - dojo.byId('sendInfo').innerHTML = dojo.string.substitute('Request rows ${0} to ${1}.  ', [inParams.start, inParams.start + inParams.results -1] ); - } - model.onReceive = function(inData) { - dojo.byId('receiveInfo').innerHTML = dojo.string.substitute('Receive rows ${0} to ${1}.  ', [inData.firstResultPosition, inData.firstResultPosition + inData.totalResultsReturned-1]); - } - - - var webLayout = [ - { type: 'dojox.GridRowView', width: '20px' }, - { noscroll: true, - cells: [ - [ { name: 'Row', width: 3, styles: 'text-align: center;', get: function(inRowIndex) { return inRowIndex + 1 } }] - ] - }, - { cells: [ - [ { name: 'Site', width: 30, field: 3, extraField: 0, formatter: formatLink }, { name: 'Date', width: 10, field: 1, formatter: formatDate} ], - [ { name: 'Display Url', width: 30, field: 5, styles: 'color: green; size: small;' }, { name: 'Type', width: 10, field: 4, styles: ' font-style: italic; color: gray; size: small;'} ], - [ { name: 'Summary', width: 40, colSpan: 2, field: 2 } ] - ]} - ]; - - // remove the height from the header image cell / row cells have a default height so there's less adjustment when thumb comes in. - beforeImageRow = function(inRowIndex, inSubRow) { - inSubRow[0][0].cellStyles = (inRowIndex == -1 ? '' : 'height: 100px;'); - inSubRow[1][0].cellStyles = (inRowIndex == -1 ? '' : 'vertical-align: top; height: 75px;'); - } - - var imageLayout = [ - { type: 'dojox.GridRowView', width: '20px' }, - { noscroll: true, - cells: [ - [ { name: 'Row', width: 3, styles: 'text-align: center;', get: function(inRowIndex) { return inRowIndex + 1 } }] - ] - }, - { onBeforeRow: beforeImageRow, - cells: [ - [ { name: 'Image', cellStyles: "height: 100px;", styles: "text-align: center;", width: 13, rowSpan: 2, field: 3, extraField: 1, formatter: formatImage }, - { name: 'Title', cellStyles: "height: 10px;", width: 14, field: 3, extraField: 0, formatter: formatLink }, - { name: 'Size', width: 8, field: 4, styles: "font-style: italic; text-align: center;" }, - { name: 'Dimensions', width: 8, field: 6, extraField: 5, styles: "text-align: center;", formatter: formatDimensions } - ], - [ { name: 'Summary', cellStyles: "vertical-align: top; height: 75px;", colSpan: 3, field: 2 } ] - ]} - ]; - - // execute search - doSearch = function() { - var web = dojo.byId('webRb').checked; - model.setRowCount(0); - model.clear(); - model.fields.set(web ? webFields : imageFields); - model.url = 'http://search.yahooapis.com/' + (web ? 'WebSearchService/V1/webSearch' : 'ImageSearchService/V1/imageSearch'); - grid.scrollToRow(0); - grid.setStructure(web ? webLayout : imageLayout); - model.requestRows(); - } - - // do search on enter... - keypress = function(e) { - if (e.keyCode == dojo.keys.ENTER) - doSearch(); - } - - dojo.addOnLoad(function() { - dojo.byId('webRb').checked = "checked"; - dojo.connect(dojo.byId("searchInput"), "keypress", keypress); - doSearch(); - }); - - </script> -</head> -<body> -<div style="font-weight: bold; padding-bottom: 0.25em;">dojox.Grid - Yahoo Search Test</div> -<div style="padding-bottom: 3px;"> - <label><input id="webRb" type="radio" name="searchType" checked>Web</label> - <label><input id="imageRb" type="radio" name="searchType">Images</label> -</div> -<input id="searchInput" type="text" value="apple"> -<button onclick="doSearch()">Search</button><br><br> -<div jsId="grid" class="grid" autoWidth="true" structure="webLayout" dojoType="dojox.Grid" model="model" elasticView="1"></div> -<br> -<div id="info"> - <div id="rowCount" style="float: left"></div> - <div style="float: right"> - <div id="sendInfo" style="text-align: right"></div> - <div id="receiveInfo" style="text-align: right"></div> - </div> -</div> -<br /><br /> -<p>Note: requires PHP for proxy.</p> -</body> -</html> |