Questions et réponses d'entretien les plus demandées et tests en ligne
Plateforme d'apprentissage pour la preparation aux entretiens, les tests en ligne, les tutoriels et la pratique en direct

Developpez vos competences grace a des parcours cibles, des tests blancs et un contenu pret pour l'entretien.

WithoutBook rassemble des questions d'entretien par sujet, des tests pratiques en ligne, des tutoriels et des guides de comparaison dans un espace d'apprentissage reactif.

Preparation a l'entretien

Tests blancs

Definir comme page d'accueil

Ajouter cette page aux favoris

S'abonner avec une adresse e-mail

Dojo Questions et reponses d'entretien

Question 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>

  <style type="text/css">
  @import "../resources/dojo.css";
  @import "../dijit/themes/tundra/tundra.css";
  
  </style>

  <script type="text/javascript" src="dojo.xd.js" 
  djConfig="parseOnLoad: true"></script>

  <script type="text/javascript">
  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:
<body class="tundra">
  <div dojoType="dijit.ProgressBar" style="width:800px"
 jsId="jsProgress" id="downloadProgress"></div>
  <input type="button" value="Start" onclick="download();" />
</body>
</html>

Est-ce utile ? Ajouter un commentaire Voir les commentaires
 

Question 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>

  <style type="text/css">
  @import "../dijit/themes/soria/soria.css";
  @import "/resources/dojo.css";
  @import "../dojox/widget/ColorPicker/ColorPicker.css";

  </style>

  <script type="text/javascript" src="dojo.js" djConfig="parseOnLoad: true"></script>

  <script type="text/javascript">
  dojo.require("dojox.widget.ColorPicker");
  dojo.require("dojo.parser");
  
  </script>
</head>

<body class="soria">
  <b>Please select the color:</b>
  <div id="colorPicker" dojoType="dojox.widget.ColorPicker"></div>

</body>
</html>

Est-ce utile ? Ajouter un commentaire Voir les commentaires
 

Question 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 type="text/javascript" src="dojo.js" djConfig="parseOnLoad: true">
  </script>
  <script type="text/javascript"> 
  dojo.require("dojo.dnd.source");
  dojo.require("dojo.parser"); 
  </script>
  </head>
<body>

  <h1>Drag and Drop</h1>
  <table border="1" cellpadding="0" cellspacing="0">
  <tr>
  <td valign="top">
  <!-- Source -->
  <div dojoType="dojo.dnd.Source" jsId="sourceData" class="source">
  <b style="background-color:#999999 ">Source Data</b>
  <div class="dojoDndItem" dndType="Arindam">
  <div>Arindam</div>
  </div>
  <div class="dojoDndItem" dndType="Sumana">
  <div>Sumana</div>
  </div>
  <div class="dojoDndItem" dndType="Arunita">
  <div>Arunita</div>
  </div>
  </div>
  </td>
  <td valign="top">
  <!-- Target -->
  <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>

Est-ce utile ? Ajouter un commentaire Voir les commentaires
 

Les plus utiles selon les utilisateurs :

Copyright © 2026, WithoutBook.