summaryrefslogtreecommitdiff
path: root/includes/js/dojox/image/tests/test_Lightbox.html
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dojox/image/tests/test_Lightbox.html')
-rw-r--r--includes/js/dojox/image/tests/test_Lightbox.html105
1 files changed, 0 insertions, 105 deletions
diff --git a/includes/js/dojox/image/tests/test_Lightbox.html b/includes/js/dojox/image/tests/test_Lightbox.html
deleted file mode 100644
index 15b34c8..0000000
--- a/includes/js/dojox/image/tests/test_Lightbox.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-<html>
-<head>
- <title>dojox.image.Lightbox Tests | The Dojo Toolkit</title>
-
- <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
- <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
- <script type="text/javascript" src="../Lightbox.js"></script>
- <script type="text/javascript">
- // dojo.require("dojox.image.Lightbox"); // un-comment when not debugging
- dojo.require("dojo.parser"); // scan page for widgets and instantiate them
- dojo.require("dojox.data.FlickrStore");
- </script>
-
- <style type="text/css">
- @import "../../../dojo/resources/dojo.css";
- @import "../../../dijit/themes/dijit.css";
- @import "../../../dijit/tests/css/dijitTests.css";
-
- /* you need this file */
- @import "../resources/image.css";
-
- body, html { width:100%; height:100%; margin:0; padding:0; }
-
- </style>
-
- <script type="text/javascript">
- // programatic flickrstore implementation [basic]
- function onComplete(items,request){
- if (items.length>0){
- dojo.forEach(items,function(item){
- var part = {
- title: flickrStore.getValue(item,"title"),
- href: flickrStore.getValue(item,"imageUrl")
- };
- // FIXME: make addImage more accessible, or do this internally
- // _attachedDialog is dijit.byId("dojoxLightboxDialog"), and the
- // is only one per page.
- dijit.byId('fromStore')._attachedDialog.addImage(part,"flickrStore");
- });
- dojo.byId('flickrButton').disabled = false;
- }
- }
-
- function onError(error,request){
- console.warn(error,request);
- }
-
- function init(){
- var flickrRequest = {
- query: {},
- onComplete: onComplete,
- onError: onError,
- userid: "jetstreet",
- tags: "jetstreet",
- count: 10
- };
- flickrStore.fetch(flickrRequest);
- }
- dojo.addOnLoad(init);
- </script>
-
-
-</head>
-<body>
-
-<div style="padding:20px;">
- <h1 class="testTitle">a Dojo based Lightbox implementation:</h1>
-
- <h3>Individual</h3>
- <p>
- <a href="images/imageVert.jpg" dojoType="dojox.image.Lightbox" title="More Guatemala...">tall</a>
- <a href="images/imageHoriz.jpg" dojoType="dojox.image.Lightbox" title="Antigua, Guatemala">4:3 image</a>
- <a href="images/broken.jpg" dojoType="dojox.image.Lightbox" title="broken href example">Broken link</a>
- <a href="images/huuuge.png" dojoType="dojox.image.Lightbox" title="a large image">large than viewport?</a>
- </p>
-
- <h3>Grouped:</h3>
- <p>
- <a href="images/imageHoriz2.jpg" dojoType="dojox.image.Lightbox" group="group1" title="Amsterdam Train Depot">wide image</a>
- <a href="images/square.jpg" dojoType="dojox.image.Lightbox" group="group1" title="1:1 aspect">square</a>
- <a href="images/extraWide.jpg" dojoType="dojox.image.Lightbox" group="group1" title="Greeneville, TN">wide image</a>
- <a href="images/broken.jpg" dojoType="dojox.image.Lightbox" group="group1" title="broken href example">Broken link</a>
- </p>
-
- <h3>Alternate Group:</h3>
- <p>
- <a href="images/imageHoriz2.jpg" dojoType="dojox.image.Lightbox" group="group2" title="Amsterdam Train Depot">wide image</a>
- <a href="images/square.jpg" dojoType="dojox.image.Lightbox" group="group2" title="1:1 aspect">square</a>
- <a href="images/imageHoriz.jpg" dojoType="dojox.image.Lightbox" group="group2" title="Antigua, Guatemala">4:3 image</a>
- <a href="images/imageVert.jpg" dojoType="dojox.image.Lightbox" group="group2" title="More Guatemala...">tall</a>
- </p>
-
- <h3>From dojox.data.FlickrStore:</h3>
-
- <div dojoType="dojox.data.FlickrStore" jsId="flickrStore" label="title"></div>
- <div id="fromStore" dojoType="dojox.image.Lightbox" store="flickrStore" group="flickrStore"></div>
-
- <input id="flickrButton" type="button" onclick="dijit.byId('fromStore').show()" value="show flickr lightbox" disabled="disabled">
-
-</div>
-
-</body>
-</html>