J'ai des liens et des images liées à ces liens sur ma page. Je veux faire quelque chose comme, je veux changer les images chaque fois que l'événement onmouseover est survenu dans les liens. Je veux le faire en JSF. Aidez-moi, s'il vous plaît.JSF, changer les photos liées aux liens
Un grand merci à tous.
Vous recherchez spécifiquement JSF pour le faire, ou vous êtes ouvert à d'autres frameworks Javascript qui fournissent une solution facile et lisse à ce sujet? Par exemple Jquery et Dojo etc peuvent être faciles à incorporer dans votre application et donneront des effets Rich UI. D'autre part, si vous regardez JSF spécifiquement pour ces effets de l'interface utilisateur que probablement je peux essayer de penser à certaines façons et vous le faire savoir.
Beaucoup de gens utilisent Jquery et Yahoo UI en plus de JSF pour les effets Rich UI. Pour obtenir plus d'aperçu de Yahoo UI et Jquery voir les liens suivants: http://developer.yahoo.com/yui/ http://jquery.com/ – Priyank
Je veux le faire en utilisant JSF. Si vous pouvez me répondre, je serai si heureux. Il y a une difficulté dans JSF quand je veux obtenir des images de liens parce que je veux obtenir les images de leur identifiant. C'est ce que je pense. Mais si vous avez une approche différente, tout ira bien alors. –
Pour mieux comprendre, vous essayez de changer l'arrière-plan du lien (en utilisant des images différentes) pour un événement de survol de la souris ou vous avez une section d'image différente où vous attendez que les images soient affichées pour changer? – Priyank
solution Javascript:
Définir événement onmouseover sur l'étiquette commandLink appeler une sorte de javascript vous pouvez donner l'adresse de lien de comme onmouseover = "doSomething ('addressOfImage')", puis dans doSomething méthode javascript, d'abord trouver l'image , puis définissez l'attribut src d'une image par défaut sur l'adresse donnée.
JSF Solution:
Vous pouvez utiliser pour ce a4j. Ajouter a4j: support pour lier l'événement onmouseover puis juste redécouvrir le composant graphicImage ofcourse vous devez donner une valeur dynamique à graphicImage. Il y a un exemple d'utilisation du support a4j ci-dessous. Vous pouvez ajouter ceci a4j: support entre vos balises de lien pour l'événement mouseonover. Ensuite, gérez tout sur le bean backing pour gérer l'image à afficher.
<h:graphicImage id="imageToBeRendered" value="#{myBean.imageAddress}"/>
Juste google a4j si vous avez aucune idée.
OK. J'ai cherché tout l'Internet et finalement j'ai décidé d'utiliser ICEFaces mais j'essaie et j'essaie, quelqu'un pourrait-il me donner un exemple complet à cette question, ne causer aucune recherche, je n'ai pas trouvé la réponse à ces questions: 1.Comment réalisez-vous une image graphique? 2.Comment pourriez-vous gérer la communication entre javascript et un bean géré? –
Utilisez-vous a4j dans votre projet? la deuxième solution de moi est valide si vous avez ce framework dans votre projet, il a un composant de support a4j: avec l'attribut reRender, vous indiquez ce qui doit être rendu à cet attribut. BTW première solution est la plus facile à mettre en œuvre et je suppose que plus approprié à votre problème. – erdemoo
J'utilise ICEFaces maintenant. Mais si tu m'aides, je peux aussi utiliser a4J. –
JSF n'est pas conçu directement pour cela; Il est conçu pour vous donner les outils pour le faire vous-même. Pour ce faire, vous devez créer un composant JSF personnalisé pour cela et utiliser le script Java pour le faire.
Vous pourriez peut-être trouver un framework JSF qui le fait déjà (a4j, IceFaces, etc.) mais c'est une chose JavaScript tellement simple et bien documentée que jeter un peu de script Java à votre JSF est parfaitement acceptable. Cependant, si vous ne voulez pas réinventer la roue, jetez un oeil à ces autres options.
OK. J'ai cherché l'Internet entier et finalement j'ai décidé d'utiliser ICEFaces mais j'essaye et j'essaye, quelqu'un pourrait-il me donner un exemple complet à cette question, cause aucune recherche que j'ai faite, je n'ai pas pu trouver la réponse de ces questions: 1.Comment réalisez-vous une image graphique? 2.Comment pourriez-vous gérer la communication entre javascript et un bean géré? –