Discussion :

[psychoBob]

J'ai peut être une solution là, mais je ne sais pas ce quel vaut

je place une div initale :
<div id='message'>
<input typ="checkbox"> administration<br>
<input typ="checkbox">association
</div>

Dans la fonction j'écris :
indice = monSelect.options[monSelect.selectedIndex].value;
chaine ="";
chaine += "<input typ="checkbox"> association<br> ";
chaine += association[indice];
chaine += "<input typ="checkbox"> administration<br> ";
chaine += administration[indice];
document.getElementById('message').innerHTML = chaine;

Vous en pensez quoi ?

[siddh]

Code :

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

1
2
<input ..... />Sites associatifs : <span id="spanasso"></span><br />
<input ..... />Sites administratifs : <span id="spanadmin"></span><br />

Code :

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

1
2
3
4
function doTest(monSelect) { 
  indice = monSelect.options[monSelect.selectedIndex].value; 
  document.getElementById('spanasso').innerHTML = association[indice]; 
  document.getElementById('spanadmin').innerHTML = administration[indice]; }

[psychoBob]

Merci beaucoup !

Mon idée pour l'affichage fonctionne, mais je vais essayer la tienne Siddh.

Je vais peut-être revenir pour me faire expliquer deux trois choses mais en tout cas je vous remercie déjà pour votre aide !

[siddh]

de rien, penses a quand c est ok

[psychoBob]

C'est noté.

Je laisse le post ouvert jusqu'à ce soir, le temps de potasser la chose

Merci encore

[psychoBob]

Après avoir reçu un poisson, ça serait super que je sache comment pécher

Je reprend donc la fonction et pose des questions sous chaque ligne.
Chaque question commence par //

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
18
19
20
21
22
 function doTest(monSelect)
// doTest est le nom de la fonction, à quoi sert monSelect ? 
{ 
  indice = monSelect.options[monSelect.selectedIndex].value; 
//pareil, à quoi sert monSelect (j'aurais pensé que c'est le nom du champ select, mais non)?
// Quelqu'un pourrait-il m'aider à traduire la phrase indice=... en français ?
 chaine =""; 
// on initialise une variable pour débuter la phrase ?
  chaine += "<input type=\"checkbox\"> association "; 
// on met un + à la variable pour y ajouter ce qui suit le = ?
  chaine += association[indice]; 
  chaine += "<br>"; 
  chaine += "<input type=\"checkbox\"> administration "; 
  chaine += administration[indice]; 
   document.getElementById('message').innerHTML = chaine;
//document.getElementById('message'), c'est une fonction intégrée de javacript? elle s'utilise pour quoi en générale? 
// innerHTML c'est quoi? une fonction intégrée? qui sert à quoi ?
 
 
<select name="test" id="test" onchange= "doTest(this)">
// A quoi sert id="test" ?
// A quoi sert le (this) de doTest ? doTest indique la fonction mais pourquoi (this) ?

Merci d'avance pour vos explications qui font grimper mon QI à toute vitesse

[denisC]

Après avoir reçu un poisson, ça serait super que je sache comment pécher

Un jour, petit scarabé, tu seras aussi fort que le maitre

function doTest(monSelect)
// doTest est le nom de la fonction, à quoi sert monSelect ?

>> monSelect est un élement HTML, qu'on a passé en argument à la fonction lors de son appel
{
indice = monSelect.options[monSelect.selectedIndex].value;
//pareil, à quoi sert monSelect (j'aurais pensé que c'est le nom du champ select, mais non)?
>> ce n'est pas le nom, c'est l'élement lui-même
// Quelqu'un pourrait-il m'aider à traduire la phrase indice=... en français ?
>> monSelect.selectedIndex est une propriété du select qui te donne l'indice de l'option selectionnée
>> monSelect.options est le vecteur d'options du select
>> .value pour avoir la valeur associée à l'option selectionnée.
chaine ="";
// on initialise une variable pour débuter la phrase ?
>> oui, une chaine vide au début
chaine += "<input type=\"checkbox\"> association ";
// on met un + à la variable pour y ajouter ce qui suit le = ?
>> oui, c'est l'equivalent de chaine = chaine + ....
chaine += association[indice];
chaine += "<br>";
chaine += "<input type=\"checkbox\"> administration ";
chaine += administration[indice];
document.getElementById('message').innerHTML = chaine;
//document.getElementById('message'), c'est une fonction intégrée de javacript? elle s'utilise pour quoi en générale?
>> c'est la façon DOM d'adresser un élement. Ca retourne l'élement HTML ayant l'identifiant donné.
// innerHTML c'est quoi? une fonction intégrée? qui sert à quoi ?
>> innerHTML est une propriété des élements HTML qui donne le code HTML contenu dans l'élement (là on s'en sert en affectation).


<select name="test" id="test" onchange= "doTest(this)">
// A quoi sert id="test" ?
>> si on doit faire un document.getElementById(), un jour (c'est en prévision)
// A quoi sert le (this) de doTest ? doTest indique la fonction mais pourquoi (this) ?
>> c'est l'argument. this désigne l'élement courant (donc le select) et est passé comme argument de la fonction, pour qu'on puisse l'utiliser dans la fonction..

[psychoBob]

Réponse très complète, qui amène d'autres questions... merci

"monSelect est un élement HTML, qu'on a passé en argument à la fonction lors de son appel "
Je ne comprend pas : select est un élément HTML, mais monSelect n'a pas d'existence prédéfinie, c'est un nom choisi comme ça au moment d'écrire le script nom?

"monSelect.options est le vecteur d'options du select "
Qu'est ce qu'un "vecteur d'options"?

"c'est la façon DOM d'adresser un élement"
Qu'est ce que la façon DOM et qu'est ce que l'adressage d'un élément? Sont-ce des termes spécifique à javascript? (j'en doute)

[denisC]

"monSelect est un élement HTML, qu'on a passé en argument à la fonction lors de son appel "
Je ne comprend pas : select est un élément HTML, mais monSelect n'a pas d'existence prédéfinie, c'est un nom choisi comme ça au moment d'écrire le script nom?

Select est un élement HTML. monSelect est un nom de variable (on aurait pu prendre autre chose) qui représente un élement HTML de type Select

"monSelect.options est le vecteur d'options du select "
Qu'est ce qu'un "vecteur d'options"?

Un array (tu connais, maintenant) qui contient des élements HTML de type option, lié à ce select

"c'est la façon DOM d'adresser un élement"
Qu'est ce que la façon DOM et qu'est ce que l'adressage d'un élément? Sont-ce des termes spécifique à javascript? (j'en doute)

DOM (Document Object Model) est une norme de W3C qui est utilisé en particulier par JavaScript, mais qui existe en général dans tous les langages (cf jdom en java,...)

[psychoBob]

ok mais alors je ne comprend pas pourquoi l'on a pas "monSelect" de mentionné dans le champs select lui même. Je ne pige pas à quoi sert cette variable en fait.

"monSelect est un nom de variable (on aurait pu prendre autre chose) qui représente un élement HTML de type Select "

Par quel mécanisme obscur, ce nom de variable se prend-il à représenter un élément HTML ?

Bon quoi qu'il en soit je vais lire deux trois tutoriels sur les fonctions.

EN TOUT CAS MERCI

[denisC]

"monSelect est un nom de variable (on aurait pu prendre autre chose) qui représente un élement HTML de type Select "

Ben c'est juste un paramètre de la fonction, comme dans tout autre langage de programation..... Le typage n'est pas fort en JS, c'est nous qui savons ce que nous lui passerons

Mais lis les tutos, ça ira mieux après