Jump to content
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

soucis js


Kas

Recommended Posts

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;
    });
});

 

Link to post
Share on other sites

  • Administrateur
    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.

J'essaie de m'adoucir, mais l'humain me rend noir.

Link to post
Share on other sites

  • 1 year later...
  • Administrateur
    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.

⠀⠀Founder of Inshare.fr

⠀⠀Twitch channel moderator

⠀⠀French translator Trucksbook.eu

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Link to post
Share on other sites

  • Administrateur
    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.

⠀⠀Founder of Inshare.fr

⠀⠀Twitch channel moderator

⠀⠀French translator Trucksbook.eu

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Link to post
Share on other sites

×
×
  • Create New...