Choix de valeur, affichage ou non

Version imprimable

19/11/2007, 12h40
fatenatwork

Choix de valeur, affichage ou non

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

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

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
<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+

20/11/2007, 18h23
fatenatwork

je vais la tester

Merci je vais la tester
:bug:
21/11/2007, 17h00
fatenatwork

comment masquer

re,
oui mais comment dire que les parties sont masqués tant qu'une valeur n'a pas été choisie
21/11/2007, 17h16
dehian

l'attribut style="display:none;" a mettre sur les elements a cacher
22/11/2007, 12h47
fatenatwork

taglibs

est ce que cela marche meme si dans les div je mets des taglibs d'autres frameworks,
car là ça passe pas :cry:
sinon auriez vous un autres exmple plus précis qui marche.

Merci
22/11/2007, 13h33
E.Bzz

Citation:

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 :cry:

On peut voir ton code modifié ?

A+

code

Citation:

Envoyé par E.Bzz

On peut voir ton code modifié ?

A+

voilà ci dessous le code:

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
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>

22/11/2007, 14h08
E.Bzz

Effectivement :?
A part une petite modification (oubli de ma part)

Code:

....=(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 :aie:

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

A+