Discussion :

[leroilion94]

bonjours

j'ai mis ce code

Code :

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
<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 html :

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
<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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/.

[danielhagnoul]

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.

[leroilion94]

merci j'ai télécharger

https://jquery.com/download/

mais il ne fonctionne pas

tu me conseille qu'elle librairie

merci

[Jacques Beauregard]

Bonjour,

essaie dans cet ordre :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[leroilion94]

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

[danielhagnoul]

C'est ce que je disais :

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

[Jacques Beauregard]

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