Fardeen GHULAM Parrain de la mafia multimédia

20Mar/0715

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

Filed under: Technique Leave a comment
Comments (15) Trackbacks (0)
  1. 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 !)

  2. 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 ;)

  3. 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 ;) ).

  4. Très sympa les plugins!

  5. 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 :-/).

  6. 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 ? ;-)

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

    La boiboite ? :D

  8. 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 :-/

  9. 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 ;-)

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

  11. Et bien dis le ;)

    Vive la liberté d’expression ;)

  12. 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….

  13. 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.php?keepThis=true&TB_iframe=true&height=450&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

  14. 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 ;)


Leave a comment


No trackbacks yet.