Discussion :

[gailup]

Bonjour,

Je fait mon site web en PHP, donc je ne connait pas trop de Javascript.

Mon problème se situe au niveau d'un formulaire.
J'ai une liste déroulante :

Code :

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

1
2
3
4
5
6
7
 
<select name='affichage' size='1'>
          <option selected value='0'> - Choisir - </option>
          <option value='text'>texte seul</option>
          <option value='Onepicture'>texte avec une image</option>
          <option value='TwoPicture'>texte avec deux image</option>
</select>

En fait c'est un formulaire pour créer une nouvelle news dans mon site.
Selon ce qu'on sélectionne (texte, 1 image ou 2 image) j'affiche une zone de texte de type 'file' pour télécharger les images s'il a lieu. Je voudrai faire ceci sans qu'on doit cliquer sur un bouton (le faire automatiquement dès que le choix à été fait.

Si c'est possible, pouvez-vous me dire comment.

Merci d'avance.

[FremyCompany]

un seul mot: onchange

[gailup]

Comment l'utilise t-on cette fonction "OnChange"


Merci.

[Eric Berger]

Le onchange il faut le mettre dans la balise Select comme ceci:

Code :

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

<select onchange="taFonctionJavascript()">

la fonction devra vérifier l'option qui est sélectionnée, et afficher ou non le champ en question (pas exemple avec l'attribut de style "display")

[gailup]

Pouvez-vous me donner un exemple, c'a sera gentil.

Par exemple j'ai une liste déroulante avec 2 option : option 1 et option 2.
Suivant ce qu'on choisi, on affiche vous avez sélectionner l'option X (X = 1 ou 2).

Merci d'avance.

[Eric Berger]

un truc du genre:

Code :

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

1
2
3
4
5
6
7
8
function taFonction(){
  if(this.value == 1){//cas avec champ file
    document.getElementById("tonChampFile").Style.display = "bloc";
  }
  else if(this.value == 2){//cas sans champ file
    document.getElementById("tonChampFile").Style.display = "none";
  }
}

[gailup]

J'ai trouver le code suivant sur un site web :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function affichage(){
  var indice_selectionne=document.pige.compris.selectedIndex ;
  var valAffichage=document.pige.compris.options[indice_selectionne].value ;
  switch (valAffichage){
    case "ni" : document.pige.texter.value="et voilà, c'est reparti !" ;  break ;
    case "na" : document.pige.texter.value="toujours dur de travailler..." ; break ;
    case "ne" : document.pige.texter.value="quand cela va-t'il finir ?" ; break ;
    case "nu" : document.pige.texter.value="hum, l'odeur du week-end !!!" ; break ;
    case "nov" : document.pige.texter.value="encore un jour et c'est bon !" ; break ;
    case "ny" : document.pige.texter.value="Waoow ! On y est..." ; break ;
    default : document.pige.texter.value="Pourvu que ça dure..." ; break ;
}
}

Par contre quand je modifie la ligne : document.pige.texter.value="toujours dur de travailler..." ; par document.write("Mon texte") ;
Quand je sélectionne cette ligne avec le menu déroulant, le texte : "Mon texte" s'affiche dans une nouvelle fenêtre.

Comment faire pour ne pas avoir de nouvelle fenêtre.

[Eric Berger]

dans ta fonction le switch est très bien, mais le contenu des case n'a strictement rien à voir avec ce que tu veux faire. Je te conseille de reprendre le contenu de mon if dans les case.
PS: inutile d'utiliser document.write dans ce contexte... si tu veux modifier une page déjà chargée, tu dois le faire à travers le DOM