[C#] commandes qui ne se déroule pas dans le bon ordre

Version imprimable

Bonjour,

Ce titre est un peu flou mais le débutant que je suis ne sais pas comment résumer ce problème autrement.

Tout d'abord, voilà mon code allégé au maximum pour se focaliser sur mon problème:
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 // Directives using System; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } public void Button_cmd(Object sender, CommandEventArgs e) { // switch de couleur if (Test_Popup.BackColor == System.Drawing.ColorTranslator.FromHtml("#F1F1F1")) Test_Popup.BackColor = System.Drawing.ColorTranslator.FromHtml("#A60000"); else Test_Popup.BackColor = System.Drawing.ColorTranslator.FromHtml("#F1F1F1"); // sleep int compteur = 0; while (compteur != 3) { System.Threading.Thread.Sleep(1000); compteur += 1; } } }
Et mon problème est tout simple:

Je n'ai pas de changement de couleur AVANT le sleep. Il arrive toujours après, je ne comprends pas pourquoi ça ne s'exécute pas dans l'ordre où c'est écris.

C'est surement une question de méga débutant et je m'en excuse mais je n'ai pas trouvé la réponse sur le net donc je sors mon petit panneau 'HELP' ici...

Merci d'avance.

22/06/2011, 11h12
lerieure

Bonjour,

tu as essayé d'afficher ta test_popup entre ta condition et ton sleep
pour visualiser ta popup ?

car dans ta méthode tu affectes la couleur à ta popup et tu ne l'affiches pas
22/06/2011, 11h20
ostenhard

Bonjour,

Car c'est de l'asp.net !
22/06/2011, 11h24
ilya-bhn

Salut, c'est tout à fait logique,
quand tu cliques sur le bouton ta page est envoyée au serveur pour effectuer ton traitement et ce n'est qu'à la fin du traitement (Button_cmd) que la page va être rechargée et les modifications prendront place.

peux tu expliquer ce que tu veux faire exactement ?
22/06/2011, 11h25
Jxxx7

Citation:

Envoyé par lerieure

Bonjour,

tu as essayé d'afficher ta test_popup entre ta condition et ton sleep
pour visualiser ta popup ?

car dans ta méthode tu affectes la couleur à ta popup et tu ne l'affiches pas

Merci pour ta réponse,

Ma popup est déjà affichée mais tu penses peut-être à une commande en particulier que je pourrais ajouter pour forcer son affichage/refresh?

J'ai essayé de mettre ma condition (switch de couleur) dans mon while mais ça ne change pas: mon switch de couleur se fait à chaque boucle mais seule la dernière couleur s'affiche. Pendant le while, pas de refresh...
22/06/2011, 11h26
Jxxx7

Citation:

Envoyé par ilya-bhn

Salut, c'est tout à fait logique,
quand tu cliques sur le bouton ta page est envoyée au serveur pour effectuer ton traitement et ce n'est qu'à la fin du traitement (Button_cmd) que la page va être rechargée et les modifications prendront place.

peux tu expliquer ce que tu veux faire exactement ?

Bonjour ilya-bhn,

J'aimerais que mon switch de couleur s'exécute ET s'affiche avant que je n'entre dans ma boucle.

Merci :)
22/06/2011, 11h33
youtpout978

il faut que tu fasse le changement de couleur en javascript comme ça le changement de couleur s’exécute immédiatement au click sur le bouton
22/06/2011, 11h43
Jxxx7

Citation:

Envoyé par youtpout978

il faut que tu fasse le changement de couleur en javascript comme ça le changement de couleur s’exécute immédiatement au click sur le bouton

J'y ai pensé mais j'aimerais évité le javascript.
22/06/2011, 11h45
ostenhard

Citation:

Envoyé par youtpout978

il faut que tu fasse le changement de couleur en javascript comme ça le changement de couleur s’exécute immédiatement au click sur le bouton

Pour être plus précis, tu fais de l'asp.net là. Donc ton code C# va s'exécuter coté serveur. La page sera retournée qu'à la fin de l'exécution du code du bouton (donc tu ne verras que la dernière couleur).

Il faut donc exécuter le code coté client et là comme dit, ça va être du javascript.
22/06/2011, 11h48
Jxxx7

Citation:

Envoyé par ostenhard

Pour être plus précis, tu fais de l'asp.net là. Donc ton code C# va s'exécuter coté serveur. La page sera retournée qu'à la fin de l'exécution du code du bouton (donc tu ne verras que la dernière couleur).

Il faut donc exécuter le code coté client et là comme dit, ça va être du javascript.

Arf... J'imagine que c'est une problématique récurrente de l'ASP.NET donc il y a peut être une solution de contournement non?

Ou alors avec un module AJAX?
22/06/2011, 11h50
youtpout978

je sais que l'utilisation du javascript est rebutante mais bon c'est un passage obliger en asp surtout pour faire des modifications d'interface instantanées (j'ai dû passé par là moi aussi :cry:)
22/06/2011, 12h11
Nathanael Marchand

Citation:

Envoyé par Jxxx7

Arf... J'imagine que c'est une problématique récurrente de l'ASP.NET donc il y a peut être une solution de contournement non?

Ou alors avec un module AJAX?

Ben oui! Le Javascript! (D'ailleurs AJAX c'est du Javascript)

Salut tu peux essayer une fonction javascript du genre

Code:

1
2
3
4
5
6
7
8
9
10
 
function testColor() {
            var popup = document.getElementById('Test_Popup');
            if (popup.style.background == 'white') {
                popup.style.background = 'red';
            }
            else {
                popup.style.background = 'white';
            }           
        }

et dans ton bouton ajoute l'attribut OnClientClick="testColor();" et n'oublie pas d'enlever le traitement du code behind.

Citation:
Envoyé par ilya-bhn
Salut tu peux essayer une fonction javascript du genre
Code:

1 2 3 4 5 6 7 8 9 10 function testColor() { var popup = document.getElementById('Test_Popup'); if (popup.style.background == 'white') { popup.style.background = 'red'; } else { popup.style.background = 'white'; } }
et dans ton bouton ajoute l'attribut OnClientClick="testColor();" et n'oublie pas d'enlever le traitement du code behind.
Bon bah puisque tout le monde me pousse au javascript, j'ai l'impression que je n'ai pas d'autres solutions que de m'y mettre!

Comme si c'était pas déjà assez difficile pour moi d'apprendre l'ASP.NET... lol

Alors voilà ce que j'ai fait, dites moi où est l'erreur car ça ne fonctionne pas:

j'ai ajouté la fonction testColor() à mon .aspx.

j'ai mis ma fonction entre ces deux balises:
Code:

1 2 3 <script type="text/javascript"> ... </script>
j'ai remplacé:

Code:

oncommand="Test_Button_cmd"

par:

Code:

OnClientClick="testColor();"

et j'ai viré mon switch de couleur dans mon .aspx.cs

Or quand je clique sur mon bouton, rien ne se passe :/

22/06/2011, 13h18
ilya-bhn

Et bien tout ne marche pas du premier coup:mrgreen:
si non il faut pas enlever ton code

Code:

oncommand="Test_Button_cmd"

car l'idée est d'ajouter un traitement du côté client(onClientClick) en plus du traitement côté seveur, et ton pop up, est ce que c'est une div ??
est ce que tu peux postuler l'ensemble de ta page ??

OK Voilà mon Default.aspx, ultra simplifié pour rester focalisé sur mon problème:

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
<%@
	Page Language="C#"
	MasterPageFile="~/MasterPage.master"
	AutoEventWireup="true"
	CodeFile="Default.aspx.cs"
	Inherits="_Default"
	Theme="Default"
	Title="Page de test pour developpez.net :)"
%>
 
<asp:content contentplaceholderid="CPH_Test" runat="server">
 
<script language="javascript" type="text/javascript">
	function testColor()
		{
		var popup = document.getElementById('Test_Popup');
		if (popup.style.background == 'white')
			{
			popup.style.background = 'red';
			}
		else
			{
			popup.style.background = 'blue';
			}
		}
</script>
 
	TEST<br />
 
	<asp:Panel
		runat="server"
		id="Test_Popup"
		text="Test_Popup"
		cssclass="Test_Popup"
		Visible="true"
		>
	</asp:Panel>
 
	<form runat="server">
	<asp:Button
		runat="server"
		id="Test_Button"
		cssclass="Test_Button"
		text="OK"
		OnClientClick="testColor()"
		/>
	</form>
 
</asp:content>

22/06/2011, 14h13
roro06

Bonjour

Citation:

var popup = document.getElementById('Test_Popup');

Code:

var popup = document.getElementById('<%= Test_Popup.ClientID %>');
22/06/2011, 14h35
The zxeno prophet

Tu peux aussi affecter les couleurs dans ton bouton et rappeler direct la page pour quelle fasse le traitement, les couleurs seront présentes et la page ne seras rafraîchi qu'à la fin du traitement.

Avec une condition dans Session pour savoir si t'es sur le bon PostBack ça devrais le faire non ?
22/06/2011, 15h09
Jxxx7

Citation:

Envoyé par roro06

Bonjour

Code:

var popup = document.getElementById('<%= Test_Popup.ClientID %>');

Merci mais toujours pas... ma popup reste blanche :/

beurk javascript!
22/06/2011, 16h26
Jxxx7

En faisant des tests je m'aperçois qu'en appliquant un fond noir à la page ça fonctionne mais ça redevient blanc immédiatement, bizarre! C'est peut être pour la même raison que je n'arrive pas à modifier ma popup non?

J'ai juste remplacé:

Citation:

var popup = document.getElementById('Test_Popup');
popup.style.background = 'black';

par:

Citation:

document.bgColor = 'black';

une idée? je craque!
22/06/2011, 16h36
roro06

Euh ...

La propriété, c'est backgroundColor, pas background

Citation:

beurk javascript!

Mais non :roll: !
22/06/2011, 16h59
Jxxx7

Citation:

Envoyé par roro06

Euh ...

La propriété, c'est backgroundColor, pas background

Mais non :roll: !

Toujours pas :(

Ce que je ne comprends pas c'est l’auto-complétion dans Visual Studio qui fonctionne avec toutes les commandes que j'utilise sauf pour le "style" de la popup.

Quand je tape "popup." je suis censé avoir "style" parmi la liste proposée en auto-complétion mais j'ai plein de choses sauf "style".
23/06/2011, 10h23
Jxxx7

J'arrive à modifier un élément HTML pur (<p> par exemple) mais ma popup (définie <asp:Panel>) je n'y arrive pas. C'est peut être ça le problème.
23/06/2011, 10h43
roro06

L'auto-completion n'est pas une science exacte non plus (en tout cas elle ne doit pas remplacer notre savoir-faire :aie:)

Poste le html généré (source dans le navigateur).

Connais-tu firebug ? (indispensable !)