Table des matieres (X)

Chut, ca charge ...

Mootools : SmoothBox et Ajax auto suggest


Aujourd’hui deux nouveaux petits plugins pour Mootools, histoire de complĂ©ter la longue liste de plugins dĂ©jĂ  existants.

Boris Popoff, s’est sorti les doigts et nous a concoctĂ© Smoothbox, une conversion de Thickbox qui permet entre autres d’afficher :

  • Une image seule
  • Un groupement de plusieurs images
  • Du contenu inline
  • Du contenu via Iframe
  • Du contenu AJAX

Il a mĂȘme fait une page d’exemples pour que tu puisses admirer la bĂȘte en action.

Good job Boris !

Sinon j’ai dĂ©couvert ce plugin, basĂ© sur Mootools, qui permet de crĂ©er des champs qui s’autocomplĂšte. Genre tu tapes “F” dans le champ pays et t’as automatiquement le mot France et Finlande qui apparait comme par magie.

Et pour finir en beauté je paye mes bonnasses que je reservais pour le prochain tuto. Je sais, je vous gate trop ;)

bonnasses

Billets en relation


15 réponses à “Mootools : SmoothBox et Ajax auto suggest”

Merci encore pour ces petits plugins sympas )

Pour ajouter Ă  la liste, il y a cette classe qui fait de l’autosuggest, utilisĂ©e ici :
http://www.escapade.net/avion-vols-tarifs.php
Le code : http://www.escapade.net/js/dropwidget.js

Je ne sais plus oĂč je l’ai trouvĂ©e (oups)… Je l’ai un peu adaptĂ©e Ă  mes besoins et Ă  mootools 1.0, si j’ai le courage peut ĂȘtre en ferais-je quelque chose de plus gĂ©nĂ©rique un jour, voire mĂȘme un billet ;)

(NB. c’est une version non testĂ©e partout partout, donc Ă  prendre comme une base de travail… Have fun !)

Franck le 20 mars 2007 8:28 |

J’ai essaye sur ton escapade avec firefox, j’ai tape ‘par’ et rien , pareil pour frankfurt, ou dijon .

Soit chui polio , soit ca deconne, dans tous les cas, merci de partager ;)

Fardeen le 20 mars 2007 14:11 |

VoilĂ  un drĂŽle de mystĂšre… grrr… Je suis sous FF pour mes dev et ça tourne… Je vais creuser, je reviens quand j’ai trouvĂ© (et Ă©ventuellement je dĂ©taille le bidule pour me faire pardonner… et si c’est de ma faute ;)).

Franck le 22 mars 2007 11:48 |

TrĂšs sympa les plugins!

Fubiz le 14 avril 2007 22:03 |

Bon… je suis dĂ©goutĂ© )

Il va falloir que je trouve un nouveau nom pour mon nouveau produit !
Je comptais poursuivre les SmoothXXX avec une SmoothBox, mais quelqu’un a eu la superbe idĂ©e de me piquer le nom (pour un truc sans rapport avec Smooth Gallery et Smooth Slideshow :-/).

Jonathan le 19 avril 2007 12:56 |

Jonathan > Je vois pas pourquoi faudrait un rapport, Smooth est un mot anglais comme un autre. Cela aurait été quoi ton nouveau produit, cela aurait été différent du mien ?

Pour ton nom, un peu d’aide : http://www.synonym.com/synonym/smooth

FluidBox ? ;-)

Boris le 19 avril 2007 20:42 |

Vous avez qu’a utilisez des noms francais , vous seriez moins emmerdes )

La boiboite ? D

Fardeen le 20 avril 2007 15:07 |

Boris > Pas de pb, je vais trouver un nouveau nom pour ma “SmoothBox” )
Le concept est assez spĂ©cial, j’attend de finaliser le tout avant de sortir une beta.

Sinon, pendant que je te parle ici, a propos, je rejoins le commentaire de digitarald sur le forum mootools, c’est dommage que tu te soies contentĂ© de porter la boite jquery et que tu n’aies pas utilisĂ© toutes les fonctionnalitĂ©s oop de mootools (et perdu de la flexibilitĂ©, rapiditĂ©, etc. au passage). Peut-ĂȘtre pour une prochaine version ? )

Fardeen > En fait, plus de 80% de mes utilisateurs sur ces lib javascript sont anglophones ou tout du moins pas francophones, donc un nom Français est pas idéal :-/

Jonathan le 26 avril 2007 10:54 |

Ca dépend, ça peut avoir du style un mot français chez les anglophones ;-)

Sinon oui j’ai pas pris le temps de faire un objet pour SmoothBox, il est vrai que cela aurait Ă©tĂ© plus propre et optimisĂ©. Je ne sais pas si il y aura une prochaine version, on verra, car le “marchĂ©” est dĂ©jĂ  bien fourni ;-)

Boris le 3 mai 2007 12:18 |

T sympa et de bon truc dans ton site, mais un peu de respect pour les dames. “Bonasses”, abruti j’ai envie de dire.

berth le 6 septembre 2007 13:21 |

Et bien dis le ;)

Vive la libertĂ© d’expression ;)

Fardeen le 6 septembre 2007 20:13 |

C’est dit.

berth le 17 septembre 2007 10:05 |

Le lien des jolies demoiselles (je ne veux pas choker berth) n’est plus disponible !
Un lien perdu d’une grande qualitĂ©…

Cela devait etre dit….

niksam le 29 octobre 2007 13:57 |

Bonjour,

je suis abonnĂ©e Ă  ton flux RSS malgrĂ© ma mĂ©connaissance du javascript car je tente d’amĂ©liorer mes conceptions web et j’y arrive graduellement. :-) c’est encourageant.

J’ai tĂ©lĂ©chargĂ© la librairie smoothbox et je rĂ©ussi Ă  faire quelques trucs… mais je voudrais bien les comprendre un peu mieux afin de les adapter Ă  mes besoins.

par exemple, pour afficher une page dans un IFRAME j’ai ce code :

http://localhost/2007/index.ph.....;width=600

Imagine toi donc que le “#038″ ne me dit pas grand chose. J’ai pensĂ©… Une couleur peut-ĂȘtre ? et j’ai changĂ© la valeur pour me rendre compte que le iframe changeait de largeur et de hauteur.

Pourrais-tu m’indiquer un lien qui m’aiderait Ă  comprendre les paramĂštres ? sur le site de Boris je ne vois pas d’explications concernant les paramĂštres des exemples qu’il donne.

merci de ta prĂ©cieuse aide et fĂ©licitations pour le site actuel ainsi que MontrĂ©al en 12 lieux, que j’ai visitĂ©…

Émilie, une beauceronne passionnĂ©e de web

Émilie le 3 novembre 2007 15:45 |

Salut Emilie la beauceronne ;)

Le lien que tu donnes est local (il ne marche donc que sur ta machine), donc je ne peux pas vraiment t’aider. Et concernant les parametres de smoothbox, je t’invite a plutot contacter Boris qui est le createur de ce script.

bon courage ;)

Fardeen le 3 novembre 2007 18:48 |

Laisser un commentaire