Fonction clic ne fonctionne pas

bonjours

j'ai mis ce code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
    $(document).ready(function() {
        $('.select').click(function() {
            $('.option', this).toggle(); // restriction au select concerné sur lequel est attachée la fonction
        });
 
        $('input.mod').change(function() {
            var valeur = $(this).val();
            $('.choix').html('Choix ' + valeur);
        });
    });
    XHR = new XMLHttpRequest();
    XHR.open("GET", "../../select/membre/datenaissance.txt", false);
    XHR.send();
    resultat = XHR.responseText;
    document.write(resultat);
</script>

et datenaissance.txt

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="choix"></div>
 
<div class="select">S&eacute;lectionnez <span></span>
<div class="option">
    <ul>
        <li><input type="radio" name="mode_paiement" value="1" class="mod"/> Choix 1</li>
        <li><input type="radio" name="mode_paiement" value="2" class="mod"/> Choix 2</li>
        <li><input type="radio" name="mode_paiement" value="3" class="mod" /> Choix 3</li>
        <li><input type="radio" name="mode_paiement" value="4" class="mod" />Choix 4</li>
        <li><input type="radio" name="mode_paiement" value="5" class="mod"/> Choix 5</li>
        <li><input type="radio" name="mode_paiement" value="6" class="mod"/> Choix 6</li>
        <li><input type="radio" name="mode_paiement" value="7" class="mod" />Choix 7</li>
        <li><input type="radio" name="mode_paiement" value="8" class="mod"/> Choix 8</li>
        <li><input type="radio" name="mode_paiement" value="9" class="mod"/> Choix 9</li>
        <li><input type="radio" name="mode_paiement" value="10" class="mod"/> Choix 10</li>
 
    </ul>
</div></div>

là il fonctionne très bien il m'ouvre le select

mais si je mets juste ce code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
    $(document).ready(function() {
        $('.select').click(function() {
            $('.option', this).toggle(); // restriction au select concerné sur lequel est attachée la fonction
        });
 
        $('input.mod').change(function() {
            var valeur = $(this).val();
            $('.choix').html('Choix ' + valeur);
        });
    });
</script>

et en du doctype

Code:

1
2
<script type="text/javascript" src="../../includes/js/select.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script></head>

pourquoi il fonctione quand le code est sur la page et des que le code qui est dans un autre dossier il ne fonctione plus

j'ai une petite erreur au cas

Citation:

select.js:3 Uncaught ReferenceError: $ is not defined
inscription.php:148 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.

La réponse est dans le message d'erreur.

Si jQuery n'est pas activé dans la page web, il n'est pas disponible dans la page web.

Bien entendu, le code exécutant du jQuery doit être ajouté à la page après le chargement de jQuery.

merci j'ai télécharger

https://jquery.com/download/

mais il ne fonctionne pas

tu me conseille qu'elle librairie

merci

Bonjour,

essaie dans cet ordre :

Code:

1
2
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="../../includes/js/select.js"></script>

merci en faite j'était pas loin sauf il fallait inverser l'ordre

C'est ce que je disais :

Citation:

Envoyé par danielhagnoul

Bien entendu, le code exécutant du jQuery doit être ajouté à la page après le chargement de jQuery.

Oui mais j'ai vu qu'il n'avait pas compris immédiatement ^^