Discussion :

[pas30]

Bonjour,

J'ai un code qui ne fonctionne pas sur ma page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<select id="idsite" name="idsite" onchange="modifiecode(this.value)">
<option value="">Choisissez votre site affilié</option>
<option value="207">http://www.avenir-affiliation.fr</option>
</select>
<script type="javascript">
function modifiecode(idsite) {
document.getElementById("code").value=cod+"&idsite="+idsite;
}
</script>
<div class="text-center">
<textarea name="code" id="code" readonly rows="4">
http://www.axis-medias.fr/packcpm.php?id_membre=1</textarea>
</div>

J'ai un select qui si sa valeur change doit appeler une fonction javascript qui s'appelle modifiecode je lui passe la valeur de l'option choisie
çà ne marche pas du tout j'ai regardé la console javascript et j'ai çà :

Uncaught ReferenceError: modifiecode is not defined voirtagcampagne.php:76

Il ne reconnaît pas la fonction modifiecode quelquesoit l'endroit ou je le place
Quelqu'un aurait une idée ?

[sekaijin]

Bonjour
j'ai essayé ton code est il fonctionnel

Code :

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

1
2
3
4
 
function modifiecode(idsite) {
  document.getElementById("code").value=cod+"&idsite="+idsite;
}

il y a juste un bug la variable cod n'existe pas.
je l'ai modifié pour éviter cette erreur et tout est OK

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<select id="idsite" name="idsite" onchange="modifiecode(this.value)">
<option value="">Choisissez votre site affilié</option>
<option value="207">http://www.avenir-affiliation.fr</option>
</select>
<script type="javascript">
function modifiecode(idsite) {
document.getElementById("code").value+="&idsite="+idsite;
}
</script>
<div class="text-center">
<textarea name="code" id="code" readonly rows="4">
http://www.axis-medias.fr/packcpm.php?id_membre=1</textarea>
</div>

mais tout cela n'a pas grand intérêt. tu définis un tag select avec un attribut onchange.
le moteur HTML va créer un DOMElement de type SELECT
puis il va demander au moteur javascript de créer une fonction

Code :

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

1
2
3
4
function(){
 modifiecode(this.value);
 return;
}

Il va associer cette fonction à l'événement onchange du DOMElement SELECT
tu crée ensuite une deuxième fonction qui elle est globale.

un simple

Code html :

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

<select id="idsite" name="idsite" onchange="document.getElementById('code').value+='&idsite='+this.value;">

et le tour est joué.

mieux si ta fonction est complexe

Code html :

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

1
2
3
4
5
6
7
8
9
10
<select id="idsite" name="idsite"><option value="">Choisissez votre site affilié</option>
<option value="207">http://www.avenir-affiliation.fr</option>
</select>
<script type="javascript">document.getElementById('idsite').addEventListener(
  'onchange',
  function (element) {
    document.getElementById('code').value+='&idsite='+element.value;
    return true;
  }
);</script>

Ainsi tu ajoute la fonction sur l'événement onchange en maitrisant complètement l'association. fini les fonctions globales (si tu détruit l'objet SELECT la fonction disparait de la mémoire).
fini les noms source d'erreur.

A+JYT

[NoSmoking]

Bonjour,
Attention également à <script type="javascript"> qui n'existe pas, c'est <script type="text/javascript"> ou mieux maintenant <script> tout court en HTML5.