Bonjour à tous, j'ai réalisé un hack du module isearch par instant-zero.
J'ai ajouté une classe, un script un bloc de recherche avec autocompletion ajax style google suggest.
Demo ici:
http://www.s-martinez.com(cliquez sur la loupe et faites des recherches)
Le hack nécessite prototype et scriptaculous.
Si vous utilisez la bibliothèque jseffect, il manque des fichiers dans le dossier prototype pour que scriptaculous fonctionne.
Le pack js effects avec les fichiers manquants et une version compressée de prototype et scriptaculous (proto-scripta-comp.js) est disponible ici:
http://www.s-martinez.com/uploads/jseffects.rarLe hack est disponible ici:
http://www.s-martinez.com/uploads/isearch.zipMise en oeuvre:
1 Uploadez le dossier jseffects à la racine de votre site
2 Ajoutez cette ligne à votre fichier theme.html dans le head
<script src="<{$xoops_url}>/jseffects/prototype/proto-scripta-comp.js" type="text/javascript"></script>
3 Ajoutez ceci au fichier slyle.css de votre theme:
div.autocomplete {
position:absolute;
width:250px;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
z-index:1000
}
div.autocomplete ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
list-style-type:none;
display:block;
margin:0;
padding:1px;
height:15px;
cursor:pointer;
}
4 Installez isearch (version modifiée disponible ci dessus)
5 Activez le bloc ajax search.
6 Amusez vous.