Y a t-il moyen de creer un menu avec image(control menu) avec web.sitemap

Question

Bonjour j'alimente mon menu avec un sitemap: Tous s'affiche sauf les images comment faire merci

ggtry · Answer

Salut,

Une solution pourrait être (en vb) :

Protected Sub Menu1_MenuItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs)
  If Not DataBinder.Eval(e.Item.DataItem, "[imageurl]") Is Nothing Then
    e.Item.ImageUrl = DataBinder.Eval(e.Item.DataItem, "[imageurl]").ToString()
  End If
End Sub


GGtry

cs_neotof · Answer

Merci de ton aide Voila ce que j'ai quand je double clik sur le menu Partial Public Class _Default Inherits System.Web.UI.Page Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load End Sub Protected Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles Menu1.MenuItemClick End Sub Protected Sub Menu1_MenuItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) If Not DataBinder.Eval(e.Item.DataItem, "~/ImagesMenuHoriz/Artisanal.jpg") Is Nothing Then e.Item.ImageUrl = DataBinder.Eval(e.Item.DataItem, "~/ImagesMenuHoriz/Artisanal.jpg").ToString() End If End Sub End Class Voici mon siteMap : Voici mon code source de la page J'ai fait ce que tu m'as dit, rien n'y change. J'ai réellement besoin de trouvé la solution, pourtant le contrôle menu gère très bien les images, quand je les ajoutes manuellement ca fonctionne, mais j en aie besoin a partir du fichier sitemap. Merci de ton aide.

ggtry · Answer

Bonsoir,

Non, tu ne dois pas mettre l'adresse url de ton image, mais laisser [imageurl].
En fait, ton ImageUrl, dans ton sitemap, n'est pas une propriété déclarée directement (contrairement à title, description ou url). 
Pour récupérer title, par exemple (dans le code donné), tu pourrais écrire :
DataBinder.Eval(e.Item.DataItem, "title")
Mais pour récupérer l'attribut (que tu ajoutes) ImageUrl, tu dois écrire le nom entre crochets (pas mettre l'adresse) :
DataBinder.Eval(e.Item.DataItem, "[imageurl]")  
C'est tout. Les crochets permettent de trouver le nom de la propriété que tu ajoutes.

GGtry

cs_neotof · Answer

Super un grand merci a toi. Mais j'ai encore un petit problème, au niveau du fichier siteMap. Dans le premier Nœud, je n'aie pas sur mettre de sous-menu !!!! donc j ai fait comme çà:

cs_neotof · Answer

Oups désolé j ai envoyé le message trop vite.

Donc en faite on dirait a cause du premier sitemap il me fait un genre d'espace dans mon menu .

Un grand merci .

ggtry · Answer

Bonjour,

Je ne suis pas sûr de comprendre exactement. 
Mais ton sitemap, en tout cas, est une simple source de données (avec des champs title, url, etc.) xml, et il est donc inutile d'y appliquer un quelconque formatage.
Si ce que tu veux, c'est éviter d'avoir une premier noeud général dont dépendent tous les autres, tu peux écrire dans ta page asp : 

GGtry

cs_neotof · Answer

Ok un grand merci pour ton aide en tous cas.

Une dernière questions penses tu que c est faisable que chaque item aie une couleur différentes ???

ggtry · Answer

Je me demande si tu n'es pas obligé, dans ce cas, d'injecter de l'html dans la propriété text de l'item.
A la rigueur, le plus simple serait de définir une propriété "couleur" dans ton sitemap, par exemple :
<siteMapNode title="Carrosserie - préparateur peinture" url="" couleur="#ffcc66"/>
Tu pourras alors récupérer la couleur sur le même événement que ci-dessus, et faire, e.g. :

If Not DataBinder.Eval(e.Item.DataItem, "[couleur]") Is Nothing Then
e.Item.Text = "" & e.Item.Text & ""
End If

GGtry

cs_neotof · Answer

Ok ca fonctionne bien, mais je voudrais changer la couleur de sélection de mon item quand je mets la souris dessus.

c est la propriété StaticSelectedStyle que je voudrais changer pour chaque item.

Vraiment un très grand merci.

ggtry · Answer

Tu veux dire une couleur par élément de texte lorsque la souris passe dessus ? C'est faisable, mais si tu utilises DynamicHoverStyle tu ne pourras définir qu'une seule couleur (tu dis Static, mais il s'agit bien du texte ? donc de la partie dynamique de ton menu ?). La seule solution me semble être de le programmer directement en javascript. Si l'on repart de ce qui précède, avec la définition de 'couleur' dans le sitemap (ou sinon, il serait aussi possible de définir la couleur aléatoirement, ou en fonction de l'ordre dans le menu), tu peux, à la place de définir color dans le span, renvoyer à une fonction javascript à l'aide de onmouseover et onmouseout. La solution la plus simple donnerait : dans le vb, If Not DataBinder.Eval(e.Item.DataItem, "[couleur]") Is Nothing Then e.Item.Text = "" & e.Item.Text & "" End If et le js, à mettre dans le head de ta page : GGtry

cs_neotof · Answer

Merci, Ce n'est pas la couleur du texte que je veux changer, mais la couleur du cadre de l'image(chaque image aura une couleur différente) qui s'affiche(le cadre) quand je passe la souris dessus. Donc pour le premier item ca serait la couleur du cadre de l'image quand je passe dessus. Merci

cs_neotof · Answer

Voici le code de mon menu

ggtry · Answer

C'est le même principe, mais en plus chi***. Un problème pourrait provenir de la définition du staticmenuitemstyle, mais cela n'est pas sûr. A voir. Je suppose que, dans ton sitemap, tu as donc 'imageurl' et 'couleur', ce dernier attribut servant à définir la couleur qui sera donnée au border quand tu passes la souris dessus. Si tu peux à la fois une couleur différente pour chaque cadre, et une couleur différente lors du mouseover, tu peux définir un autre attribut 'couleur2' et adapter le code ci-dessous. En fait, pour le faire, le plus simple me paraît de ne plus déterminer l'ImageUrl, mais de définir l'image dans le .text (cela dépend aussi de la possibilité d'avoir un lien url sur ton image, mais apparemment, il n'y en a pas). En vb, il faudrait alors faire un truc du genre (nb. il faut définir, pour que cela marche, à la fois 'imageurl' et 'couleur') : Protected Sub Menu1_MenuItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) If Not DataBinder.Eval(e.Item.DataItem, "[imageurl]") Is Nothing Then If Not DataBinder.Eval(e.Item.DataItem, "[couleur]") Is Nothing Then e.Item.Text = "" End If End If End Sub Et en js : Je pense que cela doit marcher. C'est le défaut et l'avantage des vacances : on s'emmerde, alors on passe le temps. GGtry

cs_neotof · Answer

J'ai essayé avec tes explications, mais ca ne fonctionne pas, je ne vois plus mes images. Voici ce que j'ai au cas ou j'aurai raté quelle que chose Protected Sub MenuHoriz_MenuItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles MenuHoriz.MenuItemDataBound 'ImageUrl, dans le sitemap, n'est pas une propriété déclarée directement (contrairement à title, description ou url). 'Pour récupérer title, par exemple (dans le code donné)DataBinder.Eval(e.Item.DataItem, "title") 'Mais pour récupérer l'attribut que j' ajoutes ImageUrl,je dois écrire le nom entre crochets DataBinder.Eval(e.Item.DataItem, "[imageurl]") 'Les crochets permettent de trouver le nom de la propriété que j' ajoutes. If Not DataBinder.Eval(e.Item.DataItem, "[imageurl]") Is Nothing Then If Not DataBinder.Eval(e.Item.DataItem, "[couleur]") Is Nothing Then e.Item.Text = "" End If End If End Sub J'ai pas de messages d'erreur, mais a la palce du menu j ai un genre de rectangle noir si je mets ma souris dessus j ai accès au 2,3 premiers sous menu. J'ai de la chance alors que tu sois aussi en vacances. Merci encore

ggtry · Answer

Salut, Je ne sais pas. Le code fonctionne chez moi, alors je te l'envoie, c'est à toi de voir : Page sans titre GGtry

cs_neotof · Answer

Ok un grand merci a toi.

ggtry · Answer

Ah oui, l'image n'est générée que si et seulement si tu as défini à la fois 'imageurl' et 'couleur'. Si l'un ou l'autre sont absents de ton sitemap, cela ne marchera pas parce que les deux tests sont dépendants. Il faut donc que les deux soient définis.

GGtry

Y a t-il moyen de creer un menu avec image(control menu) avec web.sitemap

17 réponses

Votre réponse

Discussions similaires