javascript soucis js

[Kas 2]

Bonjour,

je m'inspire beaucoup du cms d'eklopsis comme l'ancien cms de city,

j'ai un petit soucis et je l'avoue le js n'est pas mon point fort...

J'aimerai savoir comment changer de sexe lors de l'inscription, je choisis garçon, ceci m'affiche les tenues garçon et après validation, celui ci m'indique que je suis une fille value='F', hors j'ai sélectionné la case garçon value='M'

voici le contenu de la page register (slc=sélectionné)

<p>Quel est ton sexe ?</p>
                    <div class='genderChoiz'>
                        <div value='M' class="actual"><i class='gender zmdi zmdi-male'></i><span>Garçon</span><i class='chevron zmdi zmdi-chevron-down'></i></div>
                        <div class="options">
                            <div value='M' class="chx slc"><i class='zmdi zmdi-male'></i><span>Garçon</span></div>
                            <div value='F' class="chx"><i class='zmdi zmdi-female'></i><span>Fille</span></div>
                        </div>
                    </div>
                    <div class='choose_look'>
                        <p>Maintenant, choisis un look !</p>
                        <div class='cl cl_female'>
                            <img look='ch-685-95.hd-600-1.cc-3008-95-1327.lg-3190-95-1408.hr-3012-38.sh-907-95' src='<?= AVATAR; ?>ch-685-95.hd-600-1.cc-3008-95-1327.lg-3190-95-1408.hr-3012-38.sh-907-95' class="slc"/>
                            <img look='ch-635-1408.hd-605-5.cp-3287-106.cc-3008-110-110.ca-3187-106.ea-1402-71.lg-3023-106.he-3218-92.hr-3012-45' src='<?= AVATAR; ?>ch-635-1408.hd-605-5.cp-3287-106.cc-3008-110-110.ca-3187-106.ea-1402-71.lg-3023-106.he-3218-92.hr-3012-45'/>
                            <img look='ch-665-82.fa-3276-72.hd-3100-1.lg-715-89.he-1608-92.hr-890-35.sh-907-100' src='<?= AVATAR; ?>ch-665-82.fa-3276-72.hd-3100-1.lg-715-89.he-1608-92.hr-890-35.sh-907-100'/>
                            <img look='hd-600-3.lg-710-110.hr-3012-45.sh-725-92.ca-3292-110.ch-3051-92-92' src='<?= AVATAR; ?>hd-600-3.lg-710-110.hr-3012-45.sh-725-92.ca-3292-110.ch-3051-92-92'/>
                            <img look='hd-600-1.ch-3244-1326.sh-907-68.lg-3190-71-92.hr-3273-33-49.ca-1812-63' src='<?= AVATAR; ?>hd-600-1.ch-3244-1326.sh-907-68.lg-3190-71-92.hr-3273-33-49.ca-1812-63'/>
                            <img look='ch-3067-96.sh-3089-96.hd-600-1370.hr-3255-1394-1394.fa-3276-1412.ca-3187-1321.ha-3272-108-108.lg-3202-106-93' src='<?= AVATAR; ?>ch-3067-96.sh-3089-96.hd-600-1370.hr-3255-1394-1394.fa-3276-1412.ca-3187-1321.ha-3272-108-108.lg-3202-106-93'/>
                            <img look='ch-3114-1412-106.sh-3089-1412.lg-3202-106-93.he-60548-106.hr-3012-1394.hd-600-1370' src='<?= AVATAR; ?>ch-3114-1412-106.sh-3089-1412.lg-3202-106-93.he-60548-106.hr-3012-1394.hd-600-1370'/>
                        </div>
                        <div class='cl cl_male slc'>
                            <img look='ch-3109-1424-1323.sh-3089-1323.lg-3057-1423.hr-3163-1343.hd-180-1370' src='<?= AVATAR; ?>ch-3109-1424-1323.sh-3089-1323.lg-3057-1423.hr-3163-1343.hd-180-1370' class="slc"/>
                            <img look='hd-195-1359.lg-3023-82.ch-595902031-92-82.sh-290-92.ea-1402-63.he-3155-92.hr-679-31.ca-1807-63' src='<?= AVATAR; ?>hd-195-1359.lg-3023-82.ch-595902031-92-82.sh-290-92.ea-1402-63.he-3155-92.hr-679-31.ca-1807-63'/>
                            <img look='sh-290-110.ch-3342-110-92.lg-280-1408.ha-3479-63.hr-3256-1407-40.hd-190-19' src='<?= AVATAR; ?>sh-290-110.ch-3342-110-92.lg-280-1408.ha-3479-63.hr-3256-1407-40.hd-190-19'/>
                            <img look='lg-11090314-92.ch-215-66.sh-295-73.cc-13090314-92.hr-100-40.ha-12090314-92.hd-180-1' src='<?= AVATAR; ?>lg-11090314-92.ch-215-66.sh-295-73.cc-13090314-92.hr-100-40.ha-12090314-92.hd-180-1'/>
                            <img look='hd-180-19.ch-3215-1320.ea-1406-63.sh-290-110.lg-285-1408.hr-155-1407' src='<?= AVATAR; ?>hd-180-19.ch-3215-1320.ea-1406-63.sh-290-110.lg-285-1408.hr-155-1407'/>
                            <img look='lg-3058-82.ch-3185-110.hr-3357-1394.sh-3089-110.ha-583200-63-1408.hd-3101-1371.wa-2009-1408' src='<?= AVATAR; ?>lg-3058-82.ch-3185-110.hr-3357-1394.sh-3089-110.ha-583200-63-1408.hd-3101-1371.wa-2009-1408'/>
                            <img look='hr-165-31.hd-180-4.sh-290-62.ch-215-62.lg-280-64' src='<?= AVATAR; ?>hr-165-31.hd-180-4.sh-290-62.ch-215-62.lg-280-64'/>
                        </div>
                    </div>

Le javascript

$(function() {
    $(document).on('click', '.genderChoiz > .actual', function() {
        var gc = '.genderChoiz > ';

        if (!$(gc + '.options').hasClass('showed')) {
            $(gc + '.actual > .chevron').removeClass('zmdi-chevron-down').addClass('zmdi-chevron-up');
            $(gc + '.actual').addClass('slc');
            $(gc + '.options').addClass('showed');
        } else {
            $(gc + '.actual > .chevron').removeClass('zmdi-chevron-up').addClass('zmdi-chevron-down');
            $(gc + '.actual').removeClass('slc');
            $(gc + '.options').removeClass('showed');
        }
    });

    $(document).on('click', '.genderChoiz > .options > .chx', function() {
        var sexe = $(this).attr('value'),
            gender = (sexe == 'M') ? 'male' : 'female',
            nms = (gender == 'male') ? 'female' : 'male',
            genderFR = $('> span', $(this)).text();

        $('.genderChoiz > .actual').attr('value', sexe);
        $('.genderChoiz > .actual > .gender').removeClass('zmdi-' + nms).addClass('zmdi-' + gender);
        $('.genderChoiz > .actual > span').text(genderFR);

        $('.choose_look > .cl').removeClass('slc');
        $('.choose_look > .cl_' + gender).addClass('slc');

        $('.genderChoiz > .actual').click();
    });

    $(document).on('click', '.choose_look > .cl > img', function() {
        var type = $(this).parent().attr('class').replace('cl cl_', '').replace(' slc', '');

        $('.choose_look > .cl_' + type + ' > img').removeClass('slc');
        $(this).addClass('slc');
    });

    $(document).on('submit', '.registerform', function() {
        var form = {}

        form.username = $('input[name="username"]').val(),
            form.mail = $('input[name="mail"]').val(),
            form.password = $('input[name="password"]').val(),
            form.password_v = $('input[name="password_v"]').val(),
            form.gender = $('.chx.slc').attr('value'),
            form.look = $('.choose_look > .cl.slc > img.slc').attr('look'),
            form.captcha = $('input[name="captcha"]').val();

        console.log(form);

        $.post(url.action + 'register.php', { username : form.username , mail : form.mail , password : form.password , password_v : form.password_v , gender : form.gender , look : form.look, captcha : form.captcha }, function(data) {
            $.error.top(data, { 'scroll' : 'top' });

            if (data.type == 'success') {
                location.reload();
            }
        }, 'json');

        return false;
    });
});

 

[Solife 1 348]

    Salut Kas ,
    Ton sujet a été déplacé pour une des deux raisons suivante :

    - Ta demande a été résolu.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

[Kas 2]

up!

[Narzo 759]

    Salut Kas ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

[Narzo 759]

    Salut Kas ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.