Récuperer le choix d'un select

Version imprimable

Bonjour à tous chers amis :p

Voilà, j'ai un petit problème actuellement, en fait avec php je génère un select et j'aimerais que en fonction du choix de l'user, le div prenne une valeur spécifique.

Voilà ma page et la fonction javascript associée:
J'ai essayé de faire la fonction javascript mais elle marche pas, pourriez vous m'aider ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Document sans nom</title>
  <script type="text/javascript">
  // Ici, on définit la fonction video()
  function video(valeur) {
      // D'abord, on récupère l'élément <object> qu'on désire modifier.
      // Ici, c'est le premier <object> dans l'élément ayant pour id "player"
      var obj=document.getElementById('player').getElementsByTagName('object')[0];
      // A partir de l'<object>, on récupère le "value" du 7eme <param> et on lui attribue la valeur
      obj.getElementsByTagName('param')[6].value=valeur;
  }
  </script>
</head>
<body>
  <div id='player' style='background: #FFF;'>
  &raquo;&nbsp;<strong>Bande Annonce:</strong>
    <select name="videos" size="1" onchange="video(this.value);">
      <option value="MediaLink=001.flv&amp;MediaLink2=HD_001.flv">Bande-annonce VF</option>
      <option value="MediaLink=002.flv&amp;MediaLink2=HD_002.flv">Bande-annonce (2) VO</option>
      <option value="MediaLink=003.flv&amp;MediaLink2=HD_003.flv">Bande-annonce (3) VO</option>
      <option value="MediaLink=004.flv&amp;MediaLink2=HD_004.flv">Bande-annonce (4) VF</option>
      <option value="MediaLink=005.flv&amp;MediaLink2=HD_005.flv">Teaser VO</option>
    </select>
  <br />
    <object type="application/x-shockwave-flash" width="700" height="400" data="libs/player.swf" id="videos">
      <param name="movie" value="libs/player.swf" />
      <param name="menu" value="false" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="allowfullscreen" value="true" />
      <param name="allowscriptaccess" value="sameDomain" />
      <param name="flashvars" value="MediaLink=001.flv&amp;MediaLink2=HD_001.flv" />
    </object>
  </div>
</body>
</html>

Merci d'avance de votre aide :)

17/06/2010, 19h31
vermine
Bonjour,

Je n'ai pas testé mais en prenant directement le paramètre voulu, ça donne quoi ?
Code:

1 2 document.getElementById("flashvars").value = valeur;
Il y a eu ces derniers jours un post semblables. Essayez peut-être de fouiller un peu sur ce forum. Et puis il faut peut-être faire un start après ça.
17/06/2010, 19h39
Sebi57
Citation:
Envoyé par vermine

Bonjour,

Je n'ai pas testé mais en prenant directement le paramètre voulu, ça donne quoi ?

Code:

1 2 document.getElementById("flashvars").value = valeur;

Il y a eu ces derniers jours un post semblables. Essayez peut-être de fouiller un peu sur ce forum. Et puis il faut peut-être faire un start après ça.
Je pense pas que sa puisse marcher, car c'est pas un ID non?

Oufti

Oui, pardon:

Code:

1
2
 
document.getElementByName("flashvars").value = valeur;

:oops:

17/06/2010, 20h02
Sebi57
Citation:
Envoyé par vermine

Oui, pardon:

Code:

1 2 document.getElementByName("flashvars").value = valeur;

:oops:
sa ne marche malheureusement pas, merci quand même :?
18/06/2010, 09h33
E.Bzz

Bonjour,
que ce soit ou non la bonne méthode, getElementsByName() retourne un array() ;)
:fleche:

Code:

document.getElementByName("flashvars")[0].value = valeur;

Mais ici aussi, des id seraient préférables ...

A+
18/06/2010, 10h49
Bovino

Code:

getElementsByName("flashvars")[0]

;)
18/06/2010, 10h53
E.Bzz

Citation:

Envoyé par Bovino

Code:

getElementsByName("flashvars")[0]

;)

:aie:
:merci:

EDIT : du coup, précision : en minuscule, le "s" oublié ;)