Education platform for interview prep, online tests, tutorials, and live practice

Build skills with focused learning paths, mock tests, and interview-ready content.

WithoutBook brings subject-wise interview questions, online practice tests, tutorials, and comparison guides into one responsive learning workspace.

Search the library

Prepare Interview

Ask Question

Mock Exams

Make Homepage

Bookmark this page

Dojo Interview Questions and Answers

Ques 21. Example on Progress Bar in Dojo framework.

The progress bar is a GUI (Graphical User Interface) that gives dynamic feedback on the progress of a long-running operation. The progress bar can be updated by calling the JavaScript functions. Which works best for long-running JavaScript operations or a series of JavaScript XHR calls to the server. Progress bar performs to multiple types of works such as: download or upload any files and representation of the progress in a percent format.

<html>

<head>

<title>Progress Bar Demo</title>

@import "../resources/dojo.css";

@import "../dijit/themes/tundra/tundra.css";

</style>

djConfig="parseOnLoad: true"></script>

dojo.require("dijit.ProgressBar");

dojo.require("dojo.parser");

function download(){

// Split up bar into 5% segments

numParts = Math.floor(100/5);

jsProgress.update({ maximum: numParts, progress:0 });

for (var i=0; i<=numParts; i++){

// This plays update({progress:0}) at 1nn milliseconds,

// update({progress:1}) at 2nn milliseconds, etc.

setTimeout("jsProgress.update({ progress: " + i + " })",(i+1)*100 +

Math.floor(Math.random()*100));

}

</script>

</head>

Progress Bar:

<div dojoType="dijit.ProgressBar" style="width:800px"

jsId="jsProgress" id="downloadProgress"></div>

</body>

</html>

Is it helpful? Yes No Add Comment View Comments

Ques 22. Example on Color Picker in Dojo framework.

The dojox.widget.ColorPicker widget that allows user to select a color (in hexa format). This is a form component. We can add this component on the form to our requirement.

<html>

<head>

<title>Color Picker Example</title>

@import "../dijit/themes/soria/soria.css";

@import "/resources/dojo.css";

@import "../dojox/widget/ColorPicker/ColorPicker.css";

</style>

dojo.require("dojox.widget.ColorPicker");

dojo.require("dojo.parser");

</script>

</head>

<b>Please select the color:</b>

</body>

</html>

Is it helpful? Yes No Add Comment View Comments

Ques 23. Example on Drag and Drop in Dojo framework.

This is a technique of dragging an item. Click an object or specific item that have to be dragged and dropped, you hold down the mouse button and drag the object to the suitable destination.

<html>

<head>

<title>Dojo Drag and Drop Example</title>

</script>

dojo.require("dojo.dnd.source");

dojo.require("dojo.parser");

</script>

</head>

<body>

<tr>

<b style="background-color:#999999 ">Source Data</b>

<div>Arindam</div>

</div>

<div>Sumana</div>

</div>

<div>Arunita</div>

</div>

</td>

<div dojoType="dojo.dnd.Target" jsId="targetData" class="target"

accept="Arindam,Sumana,Arunita">

<b style="background-color:#999999; ">Target Data</b>

</div>

</td>

</tr>

</table>

</body>

</html>

Is it helpful? Yes No Add Comment View Comments

Most helpful rated by users: