Discussion :

[ghis33]

Bonjour,je ne connais pas du tout le javascript.
j'ai récupéré un bout de code sur ce forum et j'aimerais l'ameliorer pour m'en servir.

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
 
<script type="text/javascript">
 
function foo(){
var sel= document.getElementById('monselect')
document.getElementById('resultat').innerHTML=sel.value
}
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <div id='resultat'>
    </div>
  </form>

Dans ce code le résultat est renvoyé en dessous du combobox.
J'aimerais que la var 'résultat soit renvoyé dans un lien un peu comme en php,mais je ne connais pas la synthaxe et comme j'ai écrit au dessus c'est la premiere fois que j'utilise javascript...

Code :

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

1
2
3
4
5
 
<?php 
header("Location:../index.php?page=match&equipe='resultat'");
exit();
?>

Merci de m'éclaircir un peu ^^

[sachav]

Creez un input hidden, attribuez-lui la valeur de sel.
Mettre window.onload=foo au cas ou l'utilisateur ne change pas le choix (ceci permet d'executer foo a l'ouverture de la fenetre.)
Et essayez de ne pas oublier les points-virgules pour la compatibilite.

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
<script type="text/javascript">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
document.getElementById('res').value=sel.value;
}
window.onload=foo;
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <input type="hidden" id="res" value="">
    <div id='resultat'>
    </div>
  </form>

[sachav]

N'oubliez pas la method egalement, si vous voulez le recuperer apres en php :

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">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
document.getElementById('res').value=sel.value;
}
window.onload=foo;
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" method="post" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <input type="hidden" id="res" value="">
    <div id='resultat'>
    </div>
  </form>

Ensuite il suffit de faire un simple :

Code :

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

1
2
3
4
 
<?php
$resultat = $_POST["res"];
?>

Pour recuperer la variable.

[ghis33]

Ca marche toujours pas.
j'aimerais que quand je change de la valeur du combo, c'est a dire :

je selectionne equipe1
je renvoie a une page et le lien prend en variable la valeur de equipe 1 sans appuyer sur un bouton.

On peut voir la meme chose sur certain site ou il y a un combo avec des pays pour changer la langue et quand on selectionne le pays désiré la langue de la page change.

[sachav]

Ah! J'avais mal compris ta question.
Alors dans ce cas la :

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
23
 
<script type="text/javascript">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
switch(sel.value) {
case "1" :
location.href="ma_page_equipe_1.html";
break;
case "2" :
location.href="ma_page_equipe_2.html";
break;
}
}
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" method="post" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <div id='resultat'>
    </div>
  </form>

Ou alors SI ton select va se constituer que de equipe1, equipe2, equipe3, .... equipe99 avec les valeurs respectives 1, 2, 3, ..... 99 et des pages equipe1.html, equipe2.html, equipe3.html ..... equipe99.html il suffit de faire :

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
 
<script type="text/javascript">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
document.getElementById('res').value=sel.value;
location.href="equipe"+sel.value+".html";
}
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" method="post" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <input type="hidden" id="res" value="">
    <div id='resultat'>
    </div>
  </form>

PS:
header("Location: http://mapage"); de php est pareil que location.href="http://mapage" de javascript a peu de choses pres.

[ghis33]

ok merci pour toutes tes réponses,j'ai plus le temps de bosser,je te recontacte si j'ai encore un ptit probleme !
MERCI!!