Discussion :

[castelcerf]

Bonjour,
j'utilise en très chouette plugin pour ma barre de recherche, que vous pouvez trouvez ici:
http://tympanus.net/codrops/2013/06/...deconstructed/

(accessoirement pour ceux qui ne connaissent pas il y'a tout un tas de très chouette idée en css/ javascript sur ce site.)

Pour faire appel à ce plugin je dois charger classie.js et uisearch.js

or je trouve un peu bête de devoir charger ces script car d'une certaine manière ils sont redondant avec jquery (notament ceux de classie qui ajoute l'quivalent de hasclass removeclass ou autre de jquery)

Je me demandais si il serait complexe de réecrire uisearch.js en language jquery ?
J'ai essayer un petit peu, mais hélas cela dépasse mon niveau de compréhension du javascript.

Voici les scripts:
http://tympanus.net/Tutorials/Expand.../js/classie.js
http://tympanus.net/Tutorials/Expand...js/uisearch.js

Cordialement,

[danielhagnoul]

Bonsoir

Je ne connais pas, mais un coup d'oeil sur la démonstration et sur son code montre qu'il s'agit de pur JS. Il n'y a aucune raison objective pour écrire ces codes en jQuery.

[SpaceFrog]

en même temps c'est pas complique a reproduite en js ...
coller un image avec after et animer l’apparition de 'linput ..

[castelcerf]

Oui c'est du pur JS. En fait je voulais le réécrire, car vu que de toute façon je charge la librairie jquery.
Je me disais que cela devait pouvoir se réécrire de façon plus légère.
Maintenant c'est sur ce n'est pas une obligation. C'était juste pour faire plus propre et apprendre.

J'ai trouvé ceci qui semble faire relativement la même chose:
http://jsfiddle.net/jakecigar/z3k9J/1/

A quelques difference prêt:

- La recherche ne se lance pas lorsqu'on reclique sur l'icone.
- je ne suis pas sûr que ce soit mobile friendly contrairement au code initiale.
- Et enfin j'ai un doute sur le fait que ce code fonctionne si je n'ai pas d'iamge, mais juste un input texte et un input submit (quà la rigeur je peux rempalcer par un span avec icone comme dans le code initiale.

Cordialement,
Merci déjà pour vos réponses.