Sur une page HTML, j'avais besoin de filtrer en temps réel un grand nombre de photos... ben c'est vraiment simple.
Tu mets un input texte avec un onkeyup qui récupère sa valeur et tu utilises le sélecteur
"img[src*='"+filter+"']"
pour récupérer toutes les images qui correspondent (celles qui contiennent le filtre).
c'est tout.
En gros et avec mon VanillaJS:
on("keyup","#filter",function(){
filter=this.value;
if (filter){
hide("#images img");
show("#images img[src*='"+filter+"']")
}else{
show("#images img");
}
})
Du coup, j'ai poussé le concept un peu plus loin...
Allez, hop, un petit cadeau pour les ceusses comme moi qui ne bénéficient pas toujours d'un accès au net, comme par exemple, je sais pas, quand ils sont au camping, par exemple, voyez ? Pis qu'ils ont besoin de quelques caractères spéciaux et enjolivatoires dont ils ignorent le code...
Pfff... ben voilà un script qui propose de voir les codes et les caractères en une page, avec un menu de classement (si si, regardez sur la droite, pis clic !)
J'ai collé ça sur github ( https://github.com/broncowdd/unicode_page et https://github.com/broncowdd/unicode_page/archive/master.zip) mais je n'ai pas fait de démo: le ftp depuis un camping avec 30% de wifi quand le vent souffle dans le bon sens, c'est juste pas possible...
Allez ! Bisous ! (et désolé pour le jeu de mots minable autant que pictural - http://www.firebox.com/product/5294/Famous-Magical-Unicorn-Mask)
Quand arrivent les anniversaires des enfants, surtout quand on pratique l'élevage intensif comme c'est mon cas, on est rapidement débordé par trois phénomènes majeurs:
Toutefois, de temps à autres, un jouet sort clairement du lot: il est agréable à regarder, pas trop bruyant, passionnant pour tous les âges, constructif, intelligent, facile à ranger et peut être complété par la suite.
En voilà un pour lequel toute la famille se passionne depuis quatre ans