Utiliser dojo

Utiliser dojo - HTML/CSS - Programmation

Marsh Posté le 22-01-2009 à 11:26:50    

Bonjour,
En cherchant quelques scripts je suis tombé sur ce site : http://dojocampus.org/explorer/#Dojo_FX_Wipe. J'ai récupéré le script donné dans l'onglet "HTML", mais le soucis c'est que je n'arrive pas à le faire marcher. J'ai essayé de suivre les démarches indiquées, mais sûrement je fais une erreur quelque part. Il disent qu'il faut utiliser les "dojo.fx.wipeOut" mais je ne sais pas comment.
Pourriez-vous m'apporter un grain de lumière sur ce problème SVP.
 
Merci d'avance.

Message cité 1 fois
Message édité par figosat le 22-01-2009 à 12:00:35
Reply

Marsh Posté le 22-01-2009 à 11:26:50   

Reply

Marsh Posté le 22-01-2009 à 11:30:19    

T'as fait une faute à la ligne 32  [:prodigy]

Reply

Marsh Posté le 22-01-2009 à 11:56:58    

quelle ligne 32. Si tu parle du script indiquer dans la page ce n'est pas moi qui l'ai écrit. Justement j'essaie de le faire marcher comme mentionné dans le poste au dessus.

Reply

Marsh Posté le 22-01-2009 à 11:59:38    

Ligne 32 du script que tu vas nous montrer pour qu'on puisse t'aider :D
 
Sinon tu as vu ce commentaire dans le script?
=> //Note that you have to require "dojo.fx" to use the wipe methods.

Reply

Marsh Posté le 22-01-2009 à 12:02:20    

oué j'ai vu mais je ne sais pas comment faire pour l'importer. J'ai regarder sur le site de dojo (http://dojotoolkit.org/downloads) qu'il faut mettre <SCRIPT TYPE="text/javascript" SRC="dojo/dojo.js"></SCRIPT>, mais ça ne marche tjs pas.

Reply

Marsh Posté le 22-01-2009 à 13:56:07    

T'as un dossier dojo avec dojo.js sur ton site?
Si tu le mets pas dans ton repertoire sur ton site ça risque pas de marcher   [:petrus75]

Reply

Marsh Posté le 22-01-2009 à 13:59:16    

justement c'est ce que j'ai fait. Peux tu faire le test de ton côté STP pour voir.

Reply

Marsh Posté le 22-01-2009 à 14:15:50    

figosat a écrit :

Bonjour,
En cherchant quelques scripts je suis tombé sur ce site : http://dojocampus.org/explorer/#Dojo_FX_Wipe. J'ai récupéré le script donné dans l'onglet "HTML", mais le soucis c'est que je n'arrive pas à le faire marcher. J'ai essayé de suivre les démarches indiquées, mais sûrement je fais une erreur quelque part. Il disent qu'il faut utiliser les "dojo.fx.wipeOut" mais je ne sais pas comment.
Pourriez-vous m'apporter un grain de lumière sur ce problème SVP.
 
Merci d'avance.


Lui donner des béquilles ?  :D  
 
 
Sérieusement, ça veut dire quoi "je n'arrive pas à le faire marcher" ?
Ca ne fait pas ce que tu voudrais, il y a un message d'erreur, autre réponse - préciser ?
 
Parce que, pour le moment, tu nous demande de corriger un problème qu'on ne connaît pas sur un script qu'on ne connaît pas. Pas gagné !

Reply

Marsh Posté le 22-01-2009 à 14:28:07    

Je vois que je me suis mal exprimé. Bon je m'explique :
Je cherchait un script sur le web que j'ai trouvé sur cette adresse : http://dojocampus.org/explorer/#Dojo_FX_Wipe (Onglet HTML).
J'ai copier mon script dans une page que j'ai appelé "test.html", j'ai télécharger les API dojo sur http://dojotoolkit.org/downloads.
comme indiqué sur le lien, j'ai ajouté : <SCRIPT TYPE="text/javascript" SRC="dojo/dojo.js"></SCRIPT>.
mon fichier "test.html" se trouve au même endroit que le répertoire dojo.
Que je lance dans firefox mon fichier "test.html", je n'ai pas les effets (wipeOut, wipeIn). Alors que dans la démo indiquer dans le lien au dessus (1er lien), tout marche niquel.  
Ma question comment faire pour faire marcher mon script comme sur la page de démo.
 
Mon script est le suivant :  
-------------------------

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.             "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <title>Menu Demo</title>
  7. <head>
  8. <SCRIPT TYPE="text/javascript" SRC="http://o.aolcdn.com/dojo/1.2/dojo/dojo.xd.js"></SCRIPT>
  9. <SCRIPT TYPE="text/javascript" SRC="http://ajax.googleapis.com/ajax/libs/dojo/1.2/dojo/dojo.xd.js"></SCRIPT>
  11. <script type="text/javascript">
  12.   //Note that you do not have to dojo.require anything
  13.   //in order to use the fade functions, as they are included  
  14.   //in the base.
  15.   var fadeOut = dojo.fadeOut({node: "animDiv",duration: 1000});
  16.   var fadeIn = dojo.fadeIn({node: "animDiv",duration: 1000});
  17.   var currentAnimation;
  18.  
  19.   function doAnimation(index) {
  20.     switch(index) {
  21.       case 1:
  22.         currentAnimation = fadeOut;
  23.         break;
  24.       case 2:
  25.         currentAnimation = fadeIn;
  26.         break;
  27.       case 3:
  28.         //Chain two animations to run in sequence.
  29.         //Note the array passed as an argument.
  30.         currentAnimation = dojo.fx.chain([fadeOut, fadeIn]);
  31.         break;
  32.     }
  33.     //Play the animation. Without this call, it will not run.
  34.     currentAnimation.play();
  35.   }
  36.  
  37.   function pauseAnimation(){
  38.     if(currentAnimation && currentAnimation.status() == "playing" ){
  39.       currentAnimation.pause();
  40.     }
  41.   }
  42.   function resumeAnimation(){
  43.     if(currentAnimation && currentAnimation.status() == "paused" ){
  44.       currentAnimation.play();
  45.     }
  46.   }
  47. </script>
  48. <style type="text/css">
  49.   .box {
  50.     margin-top: 10px;
  51.     color: #292929;
  52.     width: 300px;
  53.     border: 1px solid #BABABA;
  54.     background-color: #ddd;
  55.     padding-left: 10px;
  56.     padding-right: 10px;
  57.     margin-left: 10px;
  58.     margin-bottom: 1em;
  59.     -o-border-radius: 10px;
  60.     -moz-border-radius: 12px;
  61.     -webkit-border-radius: 10px;
  62.     -webkit-box-shadow: 0px 3px 7px #adadad;
  63.     border-radius: 10px;
  64.     -moz-box-sizing: border-box;
  65.     -opera-sizing: border-box;
  66.     -webkit-box-sizing: border-box;
  67.     -khtml-box-sizing: border-box;
  68.     box-sizing: border-box;
  69.     overflow: hidden;
  70.   }
  71. </style>
  72. </head>
  73. <body>
  74. <button dojoType="dijit.form.Button" onClick="doAnimation(1);">Fade Out</button>
  75. <button dojoType="dijit.form.Button" onClick="doAnimation(2);">Fade In</button>
  76. <button dojoType="dijit.form.Button" onClick="doAnimation(3);">Fade Out Then In</button>
  77. <br/>
  78. <button dojoType="dijit.form.Button" onClick="pauseAnimation(2);">Pause</button>
  79. <button dojoType="dijit.form.Button" onClick="resumeAnimation(2);">Resume</button>
  81. <div id="animDiv" class="box">
  82.   <p>
  83.   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
  84.   semper sagittis velit. Cras in mi. Duis porta mauris ut ligula.
  85.   Proin porta rutrum lacus. Etiam consequat scelerisque quam. Nulla
  86.   facilisi.  Maecenas luctus venenatis nulla. In sit amet dui non mi
  87.   semper iaculis.  Sed molestie tortor at ipsum. Morbi dictum rutrum
  88.   magna. Sed vitae risus.
  89.   </p>
  90. </div>
  91. </body></html>

Message cité 1 fois
Message édité par figosat le 22-01-2009 à 14:52:19
Reply

Marsh Posté le 22-01-2009 à 17:39:03    

help !!!!

Reply

Marsh Posté le 22-01-2009 à 17:39:03   

Reply

Marsh Posté le 22-01-2009 à 17:45:54    

pourquoi tu installes le script si tu télécharges la version en ligne :??:

Reply

Marsh Posté le 22-01-2009 à 18:01:25    

comment ça ?

Reply

Marsh Posté le 22-01-2009 à 18:11:46    

Quand tu fais :

Code :
  1. <SCRIPT TYPE="text/javascript" SRC="http://o.aolcdn.com/dojo/1.2/dojo/dojo.xd.js"></SCRIPT>


Si comme je le pense, dojo.xd.js est la version en ligne de dojo, alors le nvaigateur va envoyer une requête HTTP vers http://o.aolcdn.com/dojo/1.2/dojo/dojo.xd.js
Il va exécuter le javascript et initialiser dojo.
Si tu télécharges dojo manuellement chez toi, que tu utilise la balise ci-dessus, et que tu ne fais pas appel au fichier que tu as téléchargé manuellement (dojo/dojo.js), çà ne sert à rien !

Reply

Marsh Posté le 23-01-2009 à 09:57:56    

figosat a écrit :

...
Que je lance dans firefox mon fichier "test.html", je n'ai pas les effets (wipeOut, wipeIn).
...


Regarde dans la console d'erreur javascript, il y a des chances qu'il y ait des pistes

Reply

Marsh Posté le 23-01-2009 à 14:57:07    

j'ai déjà utiliser <SCRIPT TYPE="text/javascript" SRC="http://o.aolcdn.com/dojo/1.2/dojo/dojo.xd.js"></SCRIPT> mais cela ne marche, pourriez vous récupérer le script et faire le test chez vous, j'en serai reconnaissant.

Message cité 1 fois
Reply

Marsh Posté le 23-01-2009 à 14:57:43    

non

Reply

Marsh Posté le 26-01-2009 à 14:20:26    

help !!!

Reply

Marsh Posté le 26-01-2009 à 15:04:53    

Reply

Marsh Posté le 27-01-2009 à 09:46:34    

Alisteroid a écrit :

non


Ton non je l'ai bien compris. ce que je demande c'est une solution à mon problème

Reply

Marsh Posté le 27-01-2009 à 11:32:36    

figosat a écrit :

j'ai déjà utiliser <SCRIPT TYPE="text/javascript" SRC="http://o.aolcdn.com/dojo/1.2/dojo/dojo.xd.js"></SCRIPT> mais cela ne marche, pourriez vous récupérer le script et faire le test chez vous, j'en serai reconnaissant.


 
"ça ne marche pas", ça ne veut rien dire, c'est pour ça que je te demandais de regarder les erreurs dans la console.
 
Je l'ai fait, j'ai téléchargé le kit complet et j'ai essayé leur page de test.
Résultat : aucun affichage et des erreurs javascripts
 
Bon, je n'ai peut être pas fait tout ce qu'il faut et je n'ai pas envie le temps d'en faire plus.
Mais toi, arrive-tu à faire marcher leur page de test ?

Message cité 1 fois
Reply

Marsh Posté le 27-01-2009 à 13:19:53    

Non il arrive pas, il veut pas prendre le temps de faire ce que tu lui a dit, il attends de nous de tester tout le merdier et de lui filer un truc tout fait qui marche.

Reply

Marsh Posté le 27-01-2009 à 17:28:25    

Tes remarque mal placé tu te les garde, qui es tu pour juger les gens comme ça sans les connaître. Tu as essayer de m'aider c'est bien et je t'en remercie. Si tu n'arrive pas (ou tu ne veux pas) à m'aider ce n'est pas grave laisse la possibilité aux autres. Donc la prochaine fois stp si tu n'as pas de solution préserve tes remarque pour toi et si tu es entrain de galérer sur internet je te propose un site pour te distraire(http://www.jeuxvideo-flash.com/) au lieu de venir polluer ce forum.

Reply

Marsh Posté le 27-01-2009 à 17:31:40    

Bidem a écrit :


 
"ça ne marche pas", ça ne veut rien dire, c'est pour ça que je te demandais de regarder les erreurs dans la console.
 
Je l'ai fait, j'ai téléchargé le kit complet et j'ai essayé leur page de test.
Résultat : aucun affichage et des erreurs javascripts
 
Bon, je n'ai peut être pas fait tout ce qu'il faut et je n'ai pas envie le temps d'en faire plus.
Mais toi, arrive-tu à faire marcher leur page de test ?


 
oui j'avais essayé mais dans la console je n'avais aucune erreur, que 2 warnnings de CSS.


Message édité par figosat le 28-01-2009 à 10:17:01
Reply

Marsh Posté le 25-08-2010 à 11:22:33    

Bonjour,
Je débute en DOJO, mais il me semble avoir compris qu'il faut utiliser :
 

Code :
  1. dojo.require("dojo.fx" );


ou quelque chose comme ça...
 
En tout cas, les exemples que j'avais pas réussi à faire fonctionné, c'était dû à un problème d'importation du genre.
 
Bon depuis janvier 2009, peut être que mon message sert à rien :o

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed