IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Utilisation de dojox.widget.Wizard


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur
    Avatar de Giovanny Temgoua
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2003
    Messages
    3 830
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2003
    Messages : 3 830
    Par défaut Utilisation de dojox.widget.Wizard
    Bonjour,

    J'essaie en vain de faire fonctionner le widget Wizard. Vous trouverez le code de test ci-dessous.

    Il y a deux tests dans la page en question :
    - le premier teste l'affichage d'une fenêtre modale : clic sur un bouton -> affichage de la page d'accueil de Joomla (en occurrence)
    - le second teste le Wizard

    En l'état, aucun des tests ne fonctionne. Si je supprime le div "container" (celui qui contient le test du Wizard), la fenêtre modale s'affiche correctement.

    Auriez-vous une idée svp ?

    Merci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
     
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head>
     
    <title>Wizard Demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
     
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"   djConfig="parseOnLoad: true"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/widget/Wizard.js"></script>		
     
    <script type="text/javascript">
    	dojo.require("dijit.form.Button");
    	dojo.require("dijit.Dialog");
    	dojo.require("dojox.widget.Wizard");
     
    	function cancel() {
    			alert("Wizard Cancelled!");
    		}
     
    		function done() {
    			alert("Wizard Done!");
    		}
    </script>				
     
    </head>		
     
    <body>		
     
          <div id="external" jsId="external" dojoType="dijit.Dialog" title="My external dialog"
            href="/joomla/">
            </div>
            <p>
                When pressing this button the dialog will popup loading the dialog content
                using an XHR call.
            </p>
            <button dojoType="dijit.Button" onClick="dijit.byId('external').show();"
            type="button">
                Show me!
            </button>
     
     
    <div id="container" style="width:800px; margin:0 auto">
     
    		<h1 class="testTitle">dojox.widget.Wizard tests</h1>
     
    		<p>This example shows a wizard with customized button labels.</p>
     
    		<div id="wizard1" jsId="wizard1" dojoType="dojox.widget.Wizard"
    			 style="width: 640px; height: 200px;"
    			 nextButtonLabel="Go on"
    			 >
    			<div dojoType="dojox.widget.WizardPane" title="Tab 1">
    				<h1>Tab 1</h1>
    				<p>Sized content, box one</p>
    			</div>
     
     
    			<div dojoType="dojox.widget.WizardPane">
    				<h1>Tab 2</h1>
    			</div>
     
     
    		</div>
    </div>		
     
     
    </body>
    </html>

  2. #2
    Rédacteur
    Avatar de Giovanny Temgoua
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2003
    Messages
    3 830
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2003
    Messages : 3 830
    Par défaut
    Vraiment curieux...

    Même le code suivant ne fonctionne pas chez moi :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div  dojoType="dojox.widget.Wizard">
            <div  dojoType="dojox.widget.WizardPane">step 1</div>
            <div  dojoType="dojox.widget.WizardPane">stpe 2</div>
       </div>
    Dans les require, j'ai ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    dojo.require('dojox.widget.Wizard');
    dojo.require('dijit.layout.ContentPane');
    dojo.require('dijit.layout.StackContainer');
    dojo.require('dijit.layout.BorderContainer');
    dojo.require('dijit.Dialog');
    dojo.require('dijit.form.Button');
    Auriez-vous une idée svp ?

    Merci

  3. #3
    Rédacteur
    Avatar de Giovanny Temgoua
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2003
    Messages
    3 830
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2003
    Messages : 3 830
    Par défaut
    J'ai crée un fiddle avec le code et cà fonctionne en RUN mais toujours pas sur mon poste

    => http://jsfiddle.net/B9XZr/wizard/

    Une idée ?

    PS : Je charge bien les différents JS et la CSS du widget

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js" djConfig="parseOnLoad:true"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/widget/Wizard.js"></script>
     
     
    <script type="text/javascript">
     
    dojo.require('dojox.widget.Wizard');
    dojo.require('dijit.layout.ContentPane');
    dojo.require('dijit.layout.StackContainer');
    dojo.require('dijit.layout.BorderContainer');
    dojo.require('dijit.Dialog');
    dojo.require('dijit.form.Button');
     
     
    </script>	
     
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css"/>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/widget/Wizard/Wizard.css"/>			
     
    </head>

Discussions similaires

  1. [Dojo] index de dojox.widget.PlaceholderMenuItem
    Par laminfodev dans le forum Bibliothèques & Frameworks
    Réponses: 7
    Dernier message: 18/11/2009, 18h15
  2. [Dojo] recupere la valeur de dojox.widget.PlaceholderMenuItem
    Par laminfodev dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 16/11/2009, 23h35
  3. [Dojo] dojox widget ColorPicker
    Par arasm dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 09/11/2009, 20h32
  4. [Dojo] Parse Error avec dojox.widget.FisheyeLite
    Par Tavarez59 dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 22/09/2009, 15h27
  5. [CS4] Utilisation des Spry.Widget.ValidationTextField
    Par saille dans le forum Dreamweaver
    Réponses: 0
    Dernier message: 26/08/2009, 15h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo