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

Version imprimable

Voir 40 message(s) de cette discussion en une page

25/04/2010, 15h35
Hafiz.B

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

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
25/04/2010, 16h45
Nathanael Marchand

Suite à quoi tu executes ce qu'il y'a dans le code behind? Un click sur un bouton?
25/04/2010, 17h04
Hafiz.B

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:ccool:
25/04/2010, 17h33
Nathanael Marchand

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

:lol:

Code:

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:

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

25/04/2010, 19h53
Philippe Vialatte

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é.
25/04/2010, 20h10
Hafiz.B

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 !!!
25/04/2010, 22h44
Philippe Vialatte

c'est normal, quand tu fais :

Code:

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 ;)
25/04/2010, 23h55
Hafiz.B

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
26/04/2010, 00h56
Philippe Vialatte

Citation:

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

Citation:

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

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:

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:

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

26/04/2010, 14h14
Hafiz.B

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 !!! :roll:

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

Citation:

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:

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:

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

27/04/2010, 11h50
CUCARACHA

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
27/04/2010, 12h25
Hafiz.B

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 ?
28/04/2010, 21h09
CUCARACHA

Oui je vois et c'est exactement ce que je t'ai expliqué...
29/04/2010, 08h26
Hafiz.B

:( ok, bon je vais refaire des tests et je te tiendrai au courant...
et merci encore :ccool:
29/04/2010, 08h33
CUCARACHA

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

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

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;

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

C#

Code:

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:

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

++

Laurent Jordi

Voir 40 message(s) de cette discussion en une page