Images Loader

by Andreas Hadjithoma

HTML

<body class="claro">
<div id="pictures"></div>
</body>

JavaScript

// load our custom/Hello module and wait for the DOM to be ready
require(["dojo/ready", "dojo/dom",
				"dojo/dom-construct", "dojo/on","dojo/_base/array"], 

function (ready, dom, domConstruct, on, array) {

    ready(function () {
    			var PicturesArray = [];
          
          PicturesArray.push(domConstruct.create('p', {
            id: '10141',
            innerHTML: '10141',
            class: "photo"}));
          PicturesArray.push(domConstruct.create('p', {
            id: '10142',
            innerHTML: '10141',
            class: "photo"}));
          PicturesArray.push(domConstruct.create('p', {
            id: '10141',
            innerHTML: '10143',
            class: "photo"}));
              
          var resultUl = domConstruct.create('ul');
          array.forEach(PicturesArray, function(item){
          	var li= domConstruct.create('li');
            domConstruct.place(item, li);
            domConstruct.place(li, resultUl);
						
           	on(item, 'click', function(){
              console.log(item.id);
            });
          });
   	 			domConstruct.place(resultUl,'pictures');

    });
});