Choix de valeur, affichage ou non

**fatenatwork** · 19/11/2007, 12h40

Bonjour,
je suis débutante en Javascript, j'ai une liste déroulante dont le choix d'une valeur va décider l'affichage ou non des autres parties de la page,
auriez vous un exemple simple ou un lien qui peut m'aider .
Merci

**E.Bzz** · 19/11/2007, 14h32

Bonjour,
la fonction affiche() dépend du reste de ta page, mais tu peux partir de

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
24
25
<head>
...
<script type="text/javascript">
function affiche(a_afficher) {
if (a_afficher == "0")
return false;
else
for (i=1; i<=3; i++)
document.getElementById("partie"+i).style.display=(i==a_afficher)?"block":"none";
}
</script>
</head>
....
<select id="id_liste" onchange="affiche(this.value);">
<option value="0">-- Faire un choix --</option>
<option value="1">Partie 1</option>
<option value="2">Partie 2</option>
<option value="3">Partie 3</option>
</select>
<div id="partie1">
</div>
<div id="partie2">
</div>
<div id="partie3">
</div>

A+

**fatenatwork** · 20/11/2007, 18h23

Merci je vais la tester

**fatenatwork** · 21/11/2007, 17h00

re,
oui mais comment dire que les parties sont masqués tant qu'une valeur n'a pas été choisie

**dehian** · 21/11/2007, 17h16

l'attribut style="display:none;" a mettre sur les elements a cacher

**fatenatwork** · 22/11/2007, 12h47

est ce que cela marche meme si dans les div je mets des taglibs d'autres frameworks,
car là ça passe pas

sinon auriez vous un autres exmple plus précis qui marche.

Merci

**E.Bzz** · 22/11/2007, 13h33

Envoyé par fatenatwork

est ce que cela marche meme si dans les div je mets des taglibs d'autres frameworks,
car là ça passe pas

On peut voir ton code modifié ?

A+

**fatenatwork** · 22/11/2007, 13h58

Envoyé par E.Bzz

On peut voir ton code modifié ?

A+

voilà ci dessous le code:

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<div align="right">
<STRONG><SPAN CLASS="DALabel">Nombre de lignes?</SPAN></STRONG>
<select id="id_liste" onchange="affiche(this.value);">
<option value="0">-- Faire un choix --</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
 
<div id="partie1" style="display:none">
	<%-- Subheader: Primary contract --%>
    <daform:SingleCol>
        <daheader:DASubHeader key="Primary_Contract_SubHeader_Key"/>
    </daform:SingleCol> 
 
    <%--  Combobox for Portage IN --%>
	<daform:SingleCol>
        <daform:DAComboBox key="Portage_IN_Key"
            name="Portage_IN"
            optionValues="<%=Customised_RAACreateCustomerContractPageController.PORTAGE_IN_VALUES_ATTRIBUTE%>"
            optionKeys="<%=Customised_RAACreateCustomerContractPageController.PORTAGE_IN_KEYS_ATTRIBUTE%>"
             model="<%=Customised_RAACreateCustomerContractPageController.CONTRACT_DATA_MODEL_NAME%>"
            property="<%= ContractDataModel.PORTAGE_IN1%>"
            mandatoryFlag="true"
            width="M"
            onChange="javascript:portageInChange()">
		</daform:DAComboBox>
    </daform:SingleCol>
 
    <%-- later manage this with javascript --%>
    <%-- ajouter dans le controleur de la page l'appel à la classe de verification de portabilité--%>
    <%-- la classe "RAAOptionsManager"--%>
     <daform:SingleCol>
	        <daform:DAField key="RIO_Directory_Number_Key"
	            model="<%=Customised_RAACreateCustomerContractPageController.CONTRACT_DATA_MODEL_NAME%>"
	            property="<%=ContractDataModel.RIO_1%>"
	            width="L"
	            mandatoryFlag="true"
	            formatMask="0699999999"
	            defaultValue="06"
	            displayMode="E,E,D">
	        </daform:DAField>
    	</daform:SingleCol>
 
        <daform:SingleCol>
	        <daform:DAField key="RIO_Key"
	            model="<%=Customised_RAACreateCustomerContractPageController.CONTRACT_DATA_MODEL_NAME%>"
	            property="<%=ContractDataModel.RIO_1%>"
	            width="L"
	            mandatoryFlag="true"
	            formatMask="99ANNNNNNNNN"
	            displayMode="E,E,D">
            <daform:SubmitButton key="Check_RIO_Button_Key" name="RIOButton" arg0=""/>            
	        </daform:DAField>
    	</daform:SingleCol>
    	</div>
 
 
 
 
<script type="text/javascript">
function affiche(a_afficher) {
if (a_afficher == "0")
return false;
else
for (i=1; i<=3; i++)
document.getElementById("partie"+i).style.display=(i==a_afficher)?"block":"none";
}
</script>

**E.Bzz** · 22/11/2007, 14h08

Effectivement

A part une petite modification (oubli de ma part)

Code :

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

....=(i==parseInt(a_afficher, 10))?"block":"none";

il n'y a pas de raison que ça ne fonctionne pas ...
... à part ton framework. Ce qui est inquiétant, s'il perturbe un traitement aussi simple

D'ailleurs, "ça ne marche pas" comment ?
Erreur (laquelle) ?
Rien ?
Autre ?

A+

Choix de valeur, affichage ou non

JavaScript

Discussions similaires

Partager

Partager