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

jQuery Discussion :

Comment fixer la position d'un bouton au chargement d'une donnée


Sujet :

jQuery

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    378
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 378
    Points : 94
    Points
    94
    Par défaut Comment fixer la position d'un bouton au chargement d'une donnée
    Bonjour

    j'ai un bouton
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <form id="modoForm" class="form-inline">
        <div id="modo" class="btn-group" data-toggle="buttons-radio">
            <button type="button" value="pri" class="btn btn-small ">A priori</button>
            <button type="button" value="pos" class="btn btn-small active btn-success">A posteriori</button>
        </div>
        <span class="label label-success hide"><i class="icon-ok icon-white"></i></span>
    </form>

    le jquery correspondant lors de l'action sur le bouton . c'est fonctionnel car le bouton slide et j'ai bien en base la bonne donnée.
    Code jquery : 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
    $("button", $("#modo")).click(function() {
     
        if ($(this).val() == 'pri') {
            $("[value=pri]").addClass('active btn-danger');
            $("[value=pos]").removeClass('active btn-success');
     
            var data = 'moderate=1';
            $.ajax({
                type: "POST",
                url: url_api + "/moderate",
                data: data,
                success: function() {
     
     
                }
            });
        } else {
            $("[value=pri]").removeClass('active btn-danger');
            $("[value=pos]").addClass('active btn-success');
            var data = 'moderate=0';
            $.ajax({
                type: "POST",
                url: url_api + "/moderate",
                data: data,
                success: function() {
     
     
                }
            });
        }
        // }, "json"
        //);
        return false;
    });

    Au chargement de la page je n'arrive pas à fixer la position alors que j'ai bien la donnée qui se charge
    Code jquery : 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
     
    $(document).ready(function() {
     
        $.ajax({
            url: url_api + "/config",
            type: 'GET',
            dataType: 'json',
            contentType: "application/json",
            success: function(data) {
     
     
                if (data.config[0].moderate == 1) {
                    alert("1");
                 // ci dessous cela ne fonctionne pas
                 //   $("#modo").val("pos");
                 //   $("#modo").removeClass('active btn-danger');
                 //   $("#modo").addClass('active btn-success');
                }
                if (data.config[0].moderate == 0) {
                    alert("0");
     
                  //  $("#modo").val("pri");
                  //  $("#modo").addClass('active btn-danger');
                  //  $("#modo").removeClass('active btn-success');
                }
     
            },
            error: function(data) {
     
            }
     
        });
    });

    que faut il faire ?
    merci

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 975
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 975
    Points : 44 147
    Points
    44 147
    Par défaut
    Bonjour,
    <div id="modo" class="btn-group" data-toggle="buttons-radio">
    donc
    $("#modo").val("pos");
    n'a aucun sens une DIV n'ayant pas de value.

Discussions similaires

  1. Réponses: 2
    Dernier message: 27/05/2014, 15h34
  2. Comment changer la position d'une image contenue dans un bouton?
    Par KTARIK dans le forum Composants graphiques
    Réponses: 2
    Dernier message: 23/07/2013, 09h15
  3. Réponses: 5
    Dernier message: 23/09/2010, 18h19
  4. CSS :Comment fixer des fieldset à leur position ?
    Par razily dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 26/05/2010, 11h10
  5. Réponses: 1
    Dernier message: 19/02/2010, 15h20

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