Faire un postback Asp.net dans une Dialog JQuery UI

Peut être que parmi vous certains ont déjà rencontré ce problème :

Lorque l’on utilise une dialog JQuery UI (http://jqueryui.com/demos/dialog/) et que l’on y place un bouton asp.net, au clic sur celui-ci un refresh de la page est bien effectué, mais ni de postback ni le déclenchement de l’évènement est apellé. Mais pourquoi donc ? WTF ? Lire la suite

Utilisation de jQuery UI pour faire une FAQ

Tâche du jour :

tu dois créer une webpart (et je suis toujours sur sharepoint) permettant d’afficher une FAQ avec différentes catégories.
Chaque catégorie doit être représentée dans un onglet. Un clic sur une question affiche la réponse juste en dessous.

Bon je vais utiliser jquery UI ! Et après une petite journée de découpage d’images, de HTML et de CSS voici le résultat. (ce n’est pas parfait, mais vu les supports fournis …).

Pour ceux qui ne le savent pas jQuery UI c’est la partie “UI” officielle de jQuery. On peut y trouver
des comportements : Draggable, Droppable, Resizable, Selectable, Sortable
Des widgets : Accordion, Datepicker, Dialog, Progressbar, Slider, Tabs
Et des effets : Effect, Show, Hide, Toggle, Color animation, Add class, Remove class, Toggle class, Switch class

Bulle d'aide avec jQuery et BeautyTips

jquery_logo_color_onwhitePeut être avez vous lu mon post précédent concernant le plugin jQuery BeautyTips. Toujours pour le même client je devais cette fois ci développer une petite webpart qui affiche des news. Les news devaient défiler de façon horizontale, toute les x secondes, ou d’avant en arrière en cliquant sur des boutons placés en bas. En gros c’est un genre de slideshow pour du texte.
Bien que beaucoup de plugin répondent à ces quelques besoins, je n’en ai trouvé qu’un seul qui permais d’afficher la première news apèrs la dernière, il s’agit de Cicle.

Le site http://malsup.com/jquery/cycle/ contient toute les infos, avec plein de démonstrations qui présentent l’ensemble des posibilités du plugin, et y en a !

Bulle d'aide avec jQuery et BeautyTips

Je suis actuellement en mission chez un client pour lequel je fais des développements Sharepoint 2007.
Une des webparts à développer devait contenir un genre de menu avec un tableau d’icon et lorsque l’utilisateur passe la souris sur un icon un sous menu apparait.

Une solution envisageable pour cette webpart est de simplement ajouter des contrôles de type Menu (asp.net) et de créer les menuitems nécéssaires. L’inconvénient majeur de cette solution c’est que ce pu*** de contrôle c’est de la m**** et qu’il génère plein de table dans le rendu html. Du coup pour customiser le designe c’est la misère. J’ai donc cherché un moyen de remplacer cela par quelque chose de plus propre, donc un bon petit plugin jQuery.

beautytipsMOSS2007

J’ai finalement utilisé un plugin de jQuery nommé BeautyTips qui permet d’afficher des bulles d’aide style google map. Ce plugin est pas mal fait, et laisse une bonne liberté au niveau du rendu et des ses options. Je vous invite à aller voir les demos ici : http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html

Pour finir voici une petit capture du rendu de ma webpart. A noté que la bulle a des angles arrondis, un petit dégradé jaunatre transparent et tout ça avec un html est très propre :