Comment récupérer la valeur d'un élément d'une liste déroulante modifié par du javascript?

**Hafiz.B** · 25/04/2010, 15h35

Bonjour a tous,

J'ai un label "label1", au chargement de ma page je lui ai change sa propriété Text dans une fonction javascript (document.getElementById("label1").innerHTML = "test"; et ca s'affiche bien, donc jusqu'à la tout va bien, sauf quand je veux récupérer sa valeur en codebehind (label1.text) le champ est vide !!!

est ce que qql aurait une idée ?

Merci d'avance

**Nathanael Marchand** · 25/04/2010, 16h45

Suite à quoi tu executes ce qu'il y'a dans le code behind? Un click sur un bouton?

**Hafiz.B** · 25/04/2010, 17h04

au chargement de la page, et j ai aussi essayer de le récupérer suite a un clique sur un bouton mais rien a faire !!! je suis allé regardé dans le code source du navigateur et assez bizarrement je ne trouve rien dans la propriété value du champs !!!!!!! alors qu'elle est bien affiché sur la page !!!

ps : merci pour ta réponse rapide

**Nathanael Marchand** · 25/04/2010, 17h33

Il faudrait le code asp et le code-behind, ca serait plus simple à diagnostiquer

**Hafiz.B** · 25/04/2010, 18h27

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
 
 
<script type="text/javascript" language="javascript">
    function getLocationHash() {
       document.getElementById("hf").innerHTML = window.location.hash;
    }
</script>
 
<body>
    <form id="form1" runat="server" >
    <div  >
        <asp:HiddenField ID="hf" runat="server" />
    </div>
    </form>
</body>

et le code behind

Code :

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

1
2
3
4
5
6
7
 
        protected void Page_Load(object sender, EventArgs e)
        {
            Page.RegisterStartupScript("myScript", "<script type=text/javascript language=javascript>getLocationHash();</script>");
 
           string hash = hf.value;
        }

**Philippe Vialatte** · 25/04/2010, 19h53

Salut,

si tu t'attends à avoir la valeur de window.location.hash de dispo dans ton page_load, il va falloir trouver autre chose.

Ton page_load est executé coté serveur, puis envoye ton code html au navigatuer coté client, et c'est seulement à ce moment que le javascript est exécuté.

**Hafiz.B** · 25/04/2010, 20h10

ok mais ce qui est bizare c est que si je remplace le hiddenfield par un label la valeur de window.location.hash s affiche !!! mais impossible de la récupérer !!!

**Philippe Vialatte** · 25/04/2010, 22h44

c'est normal, quand tu fais :

Code :

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

string hash = hf.value;

hf ne contient encore rien.

Le cycle de vie de ta page est le suivant :
- page_load
-> injection de l'appel au script getLocationHash
- rendu côté client
-> traitement du javascript, et affectation du hash à hf

Pour récupérer le hash placé dans hf cotè serveur, il va te falloir retourner coté serveur, et récupérer la valeur située dasn hf

**Hafiz.B** · 25/04/2010, 23h55

OK, merci pour ta réponse
donc je suis obligé de charger la page deux fois !
tu connais pas un autre moyen de récupérer le hash d une URL ?
ou sinon sait tu comment faire pour affecter une valeur a une variable c# en javascript ? j ai trouvé comment récupérer mais pas comment affecter !

merci d avance

**Philippe Vialatte** · 26/04/2010, 00h56

tu connais pas un autre moyen de récupérer le hash d une URL ?

Le hash n'est pas passé coté serveur, donc, coté serveur, c'est mort

sait tu comment faire pour affecter une valeur a une variable c# en javascript

Comme je te disais avant, il faut différentier ce que tu as coté serveur et coté client. Au final, tu auras toujours à envoyer des infos au serveur, soit en postant la page, soit en appelant une webmethod

CUCARACHA · 26/04/2010, 07h24

salut,

Le plus propre est de créer un script client côté serveur dans lequel tu déclares les clientId des contrôles que tu dois utiliser avec tes scripts.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
        internal void AddScriptInlineInHeader(string scriptKey, string scriptSource)
        {
            ClientScriptManager cs = Page.ClientScript;
            Type t = this.GetType();
            if (!cs.IsClientScriptBlockRegistered(t, scriptKey))
            {
                cs.RegisterClientScriptBlock(t, scriptKey, scriptSource);
            }
        }

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
        string script = string.Format(@"
        var hiddenId = '{0}';"
        , this.hidTransfert.ClientId);
            if (!Page.ClientScript.IsClientScriptBlockRegistered("clientControlIds"))
            {
                ScriptManager.RegisterClientScriptBlock(
                    this,
                    typeof(Page),
                    "clientControlIds",
                    script,
                    true);
            }

A 1 ou 2 erreurs de syntaxe près, ça devrait tourner...

++

Laurent Jordi

**Hafiz.B** · 26/04/2010, 14h14

OK, merci les gars à vous deux,

Pour Philippe, j ai déjà essayé de récupérer la valeur du champs hidden en cliquant sur un bouton serveur et ca me renvoi une valeur vide !!!

et pour Laurent je vais essayer et je te tiendrai au courant...

**Hafiz.B** · 26/04/2010, 15h41

Envoyé par Laurent Jordi

salut,

Le plus propre est de créer un script client côté serveur dans lequel tu déclares les clientId des contrôles que tu dois utiliser avec tes scripts.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
        internal void AddScriptInlineInHeader(string scriptKey, string scriptSource)
        {
            ClientScriptManager cs = Page.ClientScript;
            Type t = this.GetType();
            if (!cs.IsClientScriptBlockRegistered(t, scriptKey))
            {
                cs.RegisterClientScriptBlock(t, scriptKey, scriptSource);
            }
        }

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
        string script = string.Format(@"
        var hiddenId = '{0}';"
        , this.hidTransfert.ClientId);
            if (!Page.ClientScript.IsClientScriptBlockRegistered("clientControlIds"))
            {
                ScriptManager.RegisterClientScriptBlock(
                    this,
                    typeof(Page),
                    "clientControlIds",
                    script,
                    true);
            }

A 1 ou 2 erreurs de syntaxe près, ça devrait tourner...

++

Laurent Jordi

Laurent stp est ce que tu peux faire deux ou trois commentaires pour que je puisse bien comprendre le fonctionnement? merci d avance

CUCARACHA · 27/04/2010, 11h50

En fait il faut que tu modifie le script client côté serveur en indiquant les véritables Id qui seront générés par ASP.net et qui viendront modifier ceux que tu auras défini en mode design.

Chaque contrôle qui a un runat=serveur a une propriété ClientId qui est le Id unique côté client.

En java script, les variables globales sont celles qui sont déclarée et/ou définies à l'extérieur des fonctions.

Donc, en créant une balise de script côté serveur et en insérant les clients Id dans les variables qui vont bien, tu pourras accéder à tes contrôles avec des scripts clients.

La technique que je t'ai présentée est la plus "propre pour le faire".

Attention, c'est plus compliqué pour les contrôles types reapeater.

++

Laurent

**Hafiz.B** · 27/04/2010, 12h25

ok je te remercie, j ai bien saisi mais c'est pas réellement ce que je veux!

ce que je voudrais c'est de pourvoir affecter une valeur à une variable c# (déclarée en codebehind) dans un bloc de script !

tu vois ?

CUCARACHA · 28/04/2010, 21h09

Oui je vois et c'est exactement ce que je t'ai expliqué...

**Hafiz.B** · 29/04/2010, 08h26

ok, bon je vais refaire des tests et je te tiendrai au courant...
et merci encore

CUCARACHA · 29/04/2010, 08h33

S'il y a bien une chose que tu ne regretteras pas c'est les efforts que tu auras fait pour progresser.

Je ne voudrais pas t'enlever le plaisir de trouver.

Essayes encore...

**Hafiz.B** · 30/04/2010, 11h57

je suis tout a fait d'accord avec toi et d'ailleurs ca m'arrive souvent...
cependant, là j'arrive vraiment pas !!!
regarde ce que je fais mais ca marche pas !!!

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
 
<head runat="server">
    <title></title>
 
    <script type="text/javascript" language="javascript">
        function getLocationHash() {
            hiddenId = window.location.hash;
        }
    </script>
 
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:HiddenField ID="my_hf" runat="server" />
    </div>
    </form>
</body>
 
             string script = string.Format(@"var hiddenId = '{0}';" , this.my_hf.ClientID);
            if (!Page.ClientScript.IsClientScriptBlockRegistered("clientControlIds"))
            {
                ScriptManager.RegisterClientScriptBlock(
                    this,
                    typeof(Page),
                    "clientControlIds",
                    script,
                    true);
            }
 
            Page.RegisterStartupScript("myScript", "<script type=text/javascript language=javascript>getLocationHash();</script>");
 
            string hash = my_hf.Value;

CUCARACHA · 02/05/2010, 09h50

Ca ne ressemble pas du tout à ce que je t'ai envoyé...

C#

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
 
string script = string.format(@"
<script ...>
var hidId = '{0}';
var lstId = '{0}';
</script>",monhid.ClientID);
 
            if (!Page.ClientScript.IsClientScriptBlockRegistered("clientControlIds"))
            {
                ScriptManager.RegisterClientScriptBlock(
                    this,
                    typeof(Page),
                    "clientControlIds",
                    script,
                    true);
            }

Code :

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

1
2
3
4
5
6
 
<script ...>
function maliste_onchange(){
    window.document.getElementById(hidId).value = window.document.getElementById(lstId).value;
}
</script>

++

Laurent Jordi

Comment récupérer la valeur d'un élément d'une liste déroulante modifié par du javascript?

ASP.NET

Discussions similaires

Partager

Partager