Discussion :

[Blunt]

Bonjour,

Je voudrai afficher une div à partir d'un événement:

code html :

Code :

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

1
2
3
4
 
 <div id="Div_Label2" style="display:none;"  runat="server" >  
                             <asp:Label ID="Label2" runat="server" Text="Date incorrecte!" ForeColor="Red" ></asp:Label>
                           </div>

l'évènement :

Code :

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

1
2
3
4
5
6
 
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
            Div_Label2.Style.Add("display", "block");
 
}

sauf que la div ne s'affiche pas, merci de votre aide.

Cdt

[g_tarik0010]

Bonjour,

Voir article MSDN

[Blunt]

Bonjour,

Voir article MSDN

Bonsoir,

la ligne : Label1.Style["visibility"] = "hidden"; fait plantée ma fonction javascript, c'est normal ? même en faisant if (Label1.Style["visibility"] == "show")
Merci d'avance de votre retour.

[alex_vino]

Pourquoi ne pas utiliser javascript?
Je pense que c'est bien plus adapté a ton cas et plus simple a mettre en place.

[Blunt]

Pourquoi ne pas utiliser javascript?
Je pense que c'est bien plus adapté a ton cas et plus simple a mettre en place.

Bonsoir,

Peux tu me donner un exemple ?
Merci.

[alex_vino]

Bonsoir,

Peux tu me donner un exemple ?
Merci.

Tu ajoute a ta DropDown:

Code :

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

onchange="javascript:CheckDate();"

puis

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
 
<script type="text/javascript">
function CheckDate()
{
var isTrue;
// Tes vérifications
// ...
var elem = document.getElementById("Div_Label2");
if (isTrue)
{
elem.style.display= "block";
}
else
{
elem.style.display= "none";
}
}
</script>

ou si tu utilise jQuery:

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
 
<script type="text/javascript">
function CheckDate()
{
var isTrue;
// Tes vérifications
// ...
if (isTrue)
{
$(".classDeTonLabel").css("display", "block");
}
else
{
$(".classDeTonLabel").css("display", "none");
}
}
</script>

C'est simple, puissant, et excellement bien adapté a ce que tu veux faire.
Pour tout ce qui a trait au graphique de la page il vaut mieux utiliser javascript (et jQuery par exemple), le code behind est plutot adapté a la manipulation des données.

Si tu veux plus de précisions sur javascript Google "getElementById" et pour jQuery http://api.jquery.com/css/

Bon courage.