Scribd
Upload
652 views16 pages

Dojo - Bootstrap ( ) : At: Dojo - Query, by

Uploaded by

slink

Presentation held at the Budapest JavaScript Meetup in May, 2010. It covers the main aspects of the Dojo JavaScript Toolkit through the code of an example application.

Copyright:

Attribution (BY)
Download as PDF, TXT or read online from Scribd
Download as pdf or txt

Dojo - Bootstrap ( ) : At: Dojo - Query, by

Uploaded by

slink
652 views16 pages
Presentation held at the Budapest JavaScript Meetup in May, 2010. It covers the main aspects of the Dojo JavaScript Toolkit through the code of an example application.

Original Title

dojo.bootstrap()

Copyright

© Attribution (BY)

Available Formats

PDF, TXT or read online from Scribd

Did you find this document useful?

Is this content inappropriate?

Presentation held at the Budapest JavaScript Meetup in May, 2010. It covers the main aspects of the Dojo JavaScript Toolkit through the code of an example application.

Copyright:

Attribution (BY)
Download as PDF, TXT or read online from Scribd
Download as pdf or txt
652 views16 pages

Dojo - Bootstrap ( ) : At: Dojo - Query, by

Uploaded by

slink
Presentation held at the Budapest JavaScript Meetup in May, 2010. It covers the main aspects of the Dojo JavaScript Toolkit through the code of an example application.

Copyright:

Attribution (BY)
Download as PDF, TXT or read online from Scribd
Download as pdf or txt
You are on page 1/ 16

dojo.

bootstrap({
at: dojo.query(”#bpjs”),
by: ”Török Gábor”
});
Mutassunk meg a location
hashben megadott címke
szerint 10 fotót a Flickrről
Lightbox albumba szervezve.
dojo.provide("bpjs");
dojo.require("dojo.hash");
dojo.require("dojox.data.FlickrRestStore");
dojo.require("dojox.image.Lightbox");
dojo.mixin(bpjs, {
run: function() {
// ...
}
});
run: function() {
var store = new dojox.data.FlickrRestStore(),
dialog = new dojox.image.LightboxDialog(),
tags = dojo.hash() || "javascript";
dialog.startup();
store.fetch(/* ... */);
dojo.subscribe("/dojo/hashchange", this,
'run');
}
store.fetch({
query: {
tags: tags,
apikey: "1fb3c...a33dc48e"
},
count: 10,
onComplete: function(items) {
// ...
}
});
onComplete: function(items) {
var set = tags + "-set";
dojo.forEach(items, function(item) {
dialog.addImage({
title: store.getValue(item, "title"),
href: store.getValue(item, "imageUrl")
}, set);
});
dialog.show({ group: set });
dialog._nextImage();
}
<script src="http://o.aolcdn.com/
dojo/1.4/dojo/dojo.xd.js"></script>
<script>
dojo.ready(function() {
bpjs.run();
});
</script>
<style type="text/css">
@import "http://o.aolcdn.com/dojo/1.4/
dojo/themes/tundra/dojo.css";
@import "http://o.aolcdn.com/dojo/1.4/
dijit/themes/tundra/tundra.css";
@import "http://o.aolcdn.com/dojo/1.4/
dojox/image/resources/Lightbox.css";
</style>
<body class="tundra">
</body>
dojo.provide("bpjs");

dojo.require("dojo.hash");
dojo.require("dojox.data.FlickrRestStore");
dojo.require("dojox.image.Lightbox");

dojo.mixin(bpjs, {

run: function() {
var flickrStore = new dojox.data.FlickrRestStore(),
lightbox = new dojox.image.LightboxDialog(),
tags = dojo.hash() || "javascript";
lightbox.startup();
flickrStore.fetch({
query: {
tags: tags,
apikey: "1fb3caaf3c852f2dab4c83f0a33dc48e"
},
count: 10,
onComplete: function(items) {
var set = tags + "-set";
dojo.forEach(items, function(item) {
lightbox.addImage({
title: flickrStore.getValue(item, "title"),
href: flickrStore.getValue(item, "imageUrl")
}, set);
});
lightbox.show({ group: set });
lightbox._nextImage();
}
});
dojo.subscribe("/dojo/hashchange", this, 'run');
}

});
http://gabor.20y.hu/dojobootstrap/
köszönöm
gabor[.@]20y\.hu

You might also like