Discussion :

[zooffy]

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 :

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

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

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 :

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.

[Immobilis]

Salut,

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

A+

[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 ?

[Immobilis]

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

1. Passer cet identifiant à la fonction javascript de la même façon que tu le fais pour la fonction "ouverturemenu" en utilisant "this". ;
2. Générer le javascript en codebehind;
3. Utiliser un literal dans la fonction javascript en lieu et place de

   Code :

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

   <%= hlMenu1.ClientID %>

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

   Code :

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

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

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

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