Reprendre le clientId d'un controle créé en CodeBehind

Version imprimable

Bonjour à tous.

Je suis confronté à un souci dont je ne trouve pas la solution.
Je crée des hyperlink avec du CodeBehind mais je dois récupérer un ClientId dans une fonction JavaScript. Sauf que le contrôle n'étant pas déclaré il ne me le trouve pas au bon moment.

Voici comment je crée les HyperLink :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
Dim LParam(0) As SqlParameter
        LParam(0) = New SqlParameter("MenuId", "2be1310f-a588-4423-a9c1-a1bea45c11cd")
        Dim dtMenu As DataTable = RetournerTableP("SELECT PageId, Target, Ordre_Menu FROM CORE_Menu_Composition WHERE MenuId = @MenuId ORDER BY Ordre_Menu", LParam)
        For Each dr As DataRow In dtMenu.Rows
            Dim hl As New HyperLink
            With hl
                .Text = dr.Item("Target")
                .NavigateUrl = ""
                .ToolTip = dr.Item("Target")
                .CssClass = "hlMenu"
                .Attributes("onmouseover") = "ouverturemenu(this," & dr.Item("Ordre_Menu") & ");"
                .Attributes("onmouseout") = "document.getElementById('menu" & dr.Item("Ordre_Menu") & "').style.display = 'none';"
                .Attributes("name") = "hlMenu" & dr.Item("Ordre_Menu")
                .Width = Unit.Pixel(250)
                .ID = "hlMenu" & dr.Item("Ordre_Menu")
            End With
            divHyperLink.Controls.Add(hl)
        Next

Et voici la fonction javascript :

Code:

1
2
3
4
5
6
 
function retourfondnoir(indexdiv) {
        clearTimeout(iTimer);
        ouverturemenu(document.getElementById("<%= hlMenu1.ClientID %>"), 1);
        document.getElementById("menu" + indexdiv).style.display = "none";
    }

Et donc il me renvoi le message suivant :

Citation:

Le nom 'hlMenu1' n'est pas déclaré.

Je ne sais pas comment faire pour lui faire parvenir le bon ID au bon moment.

Merci pour votre aide.

02/12/2012, 19h14
Immobilis

Salut,

Où places-tu cette fonction javascript? À quoi binds-tu ta source de données?

A+
03/12/2012, 09h55
zooffy

Salut Immobilis

La fonction Javascript est placée dans la page elle même, côté HTML, en fin de code.
Je comprends pas bien ta question sur la source de données : c'est mon server SQL ma source de données, mais je sens que c'est pas cette réponse que tu veux.
Sinon, cette source de donnée me sert à générer un lien dans un menu. Le menu est animé avec un truc qui slide sur la largeur en fonction de la position de la souris. C'est la fonction javascript qui fait le slide mais je dois lui envoyer le clientId du div.

Suis je clair ?

Citation:

Envoyé par zooffy

Suis je clair ?

Oui, oui. Par contre, tu ne devrais pas pouvoir récupérer l'id de cette façon. Dans la mesure où ces contrôles sont créés dynamiquement, le moment où tu as besoin de récupérer cette information ne me semble pas correctement synchronisé avec le cycle de la page. Tout du moins ce n'est pas explicite.

Autre chose, si tu as plusieurs liens, pourquoi assigner uniquement celui du premier à ta fonction javascript?

Je vois plusieurs façons de résoudre ce "problème";
Passer cet identifiant à la fonction javascript de la même façon que tu le fais pour la fonction "ouverturemenu" en utilisant "this". ;
Générer le javascript en codebehind;
Utiliser un literal dans la fonction javascript en lieu et place de

Code:

<%= hlMenu1.ClientID %>

et assigner la valeur dans le code behind;
Utiliser une méthode genre "GetHyperlinkId()":
Code:

1 2 3 4 5 function retourfondnoir(indexdiv) { clearTimeout(iTimer); ouverturemenu(document.getElementById("<%# GetHyperlinkId() %>"), 1); document.getElementById("menu" + indexdiv).style.display = "none"; }
Mettre un attribut bidon pour le rechercher via du javascript. Par exemple, tu peux utiliser une classe de style et utiliser jQuery pour la retrouver facilement.
A+

04/12/2012, 09h21
zooffy

Merci pour ton aide.

En fait, j'ai fait tout autrement en lisant ta question du pourquoi assigner le premier.
En fait c'est parce qu'il est la référence du slide. Le menu compte 4 à 7 entrées. Le premier menu est toujours "accueil" et ne contient aucun sous menu, il sert juste à revenir à la première page du site.
Du coup, je me suis dis que je pouvais le créer en dur, donc avec un ClientId fixe. Ensuite, je rajoute dans mon Div, par le codehind, les autres menus, avec leurs sous menus, et la fonction javascript qui ne sert qu'à faire revenir le slide sur le premier menu quand tu sors ta souris du menu de navigation peut trouver son point d'origine avec le ClientId fixe.

Mais en même temps tes explications détaillées sont très interressantes, cela va certainement me service dans d'autre cas.

Je dois pas être si débutant que ça alors......

Une bonne journée à toi.