Discussion :

[mahdiweb]

Je ne sais pas est ce que c'est Possible ou non mais ma question est comme suite, est ce que je peux faire une zone de texte en html qui fait appel à des fonctions javascript par leurs numéros ? j'imagine par exemple que j'ai:

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
function 1() {
  .....;
}
 
function 2() {
  ....;
}
 
function 3() {
  ....;
}
 
function onClickHandler(e) {
  var inputVal = document.getElementById('inpt').value;
 
  if (funcDict.hasOwnProperty(inputVal)) {
    console.log(funcDict[inputVal]);
  }
}
<input name="inpt" id="inpt" />
<button id="btn" onClick="onClickHandler()">Enter</button>

donc si j'écris 1 la fonction 1() s'exécute, est ce que c'est faisable ou non et merci d'avance

[SpaceFrog]

C'est moche :

Code html :

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

1
2
3
4
5
<select id="foo" onchange=" onClickHandler( this.value ) ">
<option value="-1">choisissez la fonction</option>
<option value="1">fonction 1</option>
<option value="1">fonction 2</option>
</select>

Code :

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

1
2
3
4
5
function f1(){alert(1);}
function f2(){alert(2);}
function onClickHandler(sel){
window['f'+sel]();
}

[SpaceFrog]

Un peu moins moche (et encore)

Code html :

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

1
2
3
4
5
<select id="foo" onchange=" onClickHandler[ this.value-1 ]()">
<option value="-1">choisissez la fonction</option>
<option value="1">fonction 1</option>
<option value="2">fonction 2</option>
</select>

Code :

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

1
2
3
4
onClickHandler = [
function f1(){alert(1);},
function f2(){alert(2);}
]

[mahdiweb]

ça marche merci, mais je veux le faire avec une zone de texte et non pas une liste déroulante par ce que j'aurai une centaine de fonctions.

[SpaceFrog]

A la limite

Code html :

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

1
2
3
4
5
<select id="foo" onchange=" onClickHandler[ this.value ]()">
<option value="-1">choisissez la fonction</option>
<option value="1">fonction 1</option>
<option value="2">fonction 2</option>
</select>

Code :

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

1
2
3
4
5
onClickHandler = {
"-1" :  function(){alert( 'selectionnez une fonction');},
 1 : function(){alert(1);},
 2 : function(){alert(2);}
}

[SpaceFrog]

Code html :

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

1
2
<input name="inpt" id="inpt" />
<button id="btn" onClick="onClickHandler( document.getElementById('inpt').value )">Enter</button>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
functions = {
 1 : function(){alert(1);},
 2 : function(){alert(2);},
 3 : function(){alert(3);},
 4 : function(){alert(4);},
 5 : function(){alert(5);},
 6 : function(){alert(6);},
}
 
function onClickHandler(f){
  functions[f]();
}

[mahdiweb]

parfait merci beaucoup