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 :

dojo.animateProperty : Animer les Css


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de Zineb1987_UNI
    Inscrit en
    Juin 2009
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 129
    Par défaut dojo.animateProperty : Animer les Css
    Salut tous le monde
    pour annimer mes proprietes Css j'ai utilisée le dojo.animateProperty
    voila le code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    valeur = '"'+champ.attr("value")+'"';
                		dojo.animateProperty({
                		  node:elementSelectionne,
                		  properties: {
                			proprieteCss: valeur
                		  }
                		}).play();
    elementSelectionne : c'est l'element dont j'applique la propriete Css.
    proprieteCss : c'est le nom de la propriete (ex : color, backgroundColor..).
    valeur : c'est la valeur de la propriete (ex : "#d12f2f"..).
    mais le style ne s'applique pas ???
    et Merci

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    Est-ce nécessaire de faire ceci ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    valeur = '"'+champ.attr("value")+'"';
    Essayez plutôt ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    valeur = champ.attr("value");
    Ensuite, essayez si le animateProperty fonctionne de manière ciblée avant de faire de manière générique:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    dojo.animateProperty(
    {
         node:"monElement",
         properties: {
                	            width:400 //en guise de test
                	        }
    }
    ).play();

  3. #3
    Membre confirmé Avatar de Zineb1987_UNI
    Inscrit en
    Juin 2009
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 129
    Par défaut
    normalement quand je donne des proprietes statiques il marche bien, mais les variables qui marche pas

  4. #4
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Que vous donniez le valeur (mais sans les " ajoutés) et le elementSelectionne, je pense que ça va. Par contre, le proprieteCss il est possible qu'il n'en veuille pas.

    Faites-un test:

    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    var valeur = "red";
    var elementSelectionne = "monElement";
     
    dojo.animateProperty(
    {
         node:elementSelectionne ,
         properties: {
                	            color:valeur //color de façon figée, pas une variable
                	        }
    }
    ).play();

  5. #5
    Membre confirmé Avatar de Zineb1987_UNI
    Inscrit en
    Juin 2009
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 129
    Par défaut
    oui avec le nom de propriete statique il marche, alors c'est quoi la solution ??

  6. #6
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Il faut poser la question sur le forum Javascript tout court. Pas l'exemple Dojo, car ils vont vous renvoyer ici. Mais cet exemple ci pourrait être similaire. On déclare une structure et on précise un des noms dynamiquement:

    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    var nomUn = "marque";
     
    var voiture = {
    nomUn:"Peugeot",
    couleur:"gris metalisé"
    age:2003
    };
     
    alert(voiture.marque);

    Ca ne marche pas, bien entendu. Il faudrait trouver un moyen de préciser "nomUn" dans la structure. C'est la question qu'il faut poser.


    Edit: J'ai ouvert la question sur le forum Javascript ici.

Discussions similaires

  1. spécifier une Div en arriere Plan; via les CSS pour Fond Flash animé
    Par amateur_will dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 20/02/2008, 08h09
  2. Problème de positionnement avec les css
    Par vidocq dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/04/2006, 13h40
  3. Petit probleme avec les css
    Par Seth77 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 12/02/2006, 18h23
  4. problèmes avec les CSS en ASP.NET ?
    Par fr3d dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 16/09/2005, 14h23

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