Fork me on GitHub






Hack isearch autocompletion ajax avec prototype + scriptaculous
Régulier
Inscrit: 19/01/2007 20:53
Messages: 144
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.rar

Le hack est disponible ici:
http://www.s-martinez.com/uploads/isearch.zip


Mise 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.

Posté le : 06/11/2007 14:40
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous
Guest_
B'jour,

Merci pour ces explications supplémentaires !

@+

Hs : l'effet d'affichage du bloc de recherche fait également partie des scripts du packs jseffects ?

Posté le : 06/11/2007 14:58
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous
Régulier
Inscrit: 19/01/2007 20:53
Messages: 144
Hs l'effet d'affichage du bloc de recherche fait également partie des scripts du packs jseffects ?


Cet effet utilise également scriptaculous et prototype mais ne fait pas partie de ce hack.

Cependant, scriptaculous et prototype étant disponible une fois le script inséré dans le theme, tu peux parfaitement ajouter un effet du style en modifiant ton thème.

plus d'infos sur scriptaculous ici:
http://script.aculo.us/

Posté le : 06/11/2007 15:34
Partager Twitter Partagez cette article sur GG+
Hack isearch autocompletion ajax avec prototype + scriptaculous = Bug Script Modules Yogurt
Semi pro
Inscrit: 19/08/2006 03:45
De Paris
Messages: 520
Bonjour voila j'ai installer le modules isearch_ajax mais petit problème le script rentre en conflit avec celui du module yogurt j'explique :
Sur le module yogurt quand j'arrive sur la page index je vois mon profils avec en dessous un résumé de tout mes postes et je peux fermer ou ouvrir la liste façon accordéon avec les petites flèches bleu mais quand je rajoute dans mon theme la ligne de script qui appel ajax avec prototype + scriptaculous et bien le script accordéon du module yogurt ne fonctionne plus ... Que faire !?

Posté le : 08/04/2008 10:00

Version Bootstrap
4.5.3
Version font-awesome
5.15.1
Version Xoops
2.5.10
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous = Bug Script Modules Yogurt
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
Bonjour super ce petit plus pour ishearch mais j'ai un petit probléme quand je tape le mot clé canidé il m'affiche canidé

je suis sous xoops 2.3.2b en utf8 je suppose que c'est la cause mais comment résoudre ce probléme ?

Posté le : 06/03/2009 20:04
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous = Bug Script Modules Yogurt
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
Bon j'ai trouvé voici la solution

dans /modules/isearch/ajax_updater.php

remplacer par

<?php
header
('Content-type: text/html; charset=utf8');
include 
"../../mainfile.php";
$isearch_handler xoops_getmodulehandler('searches''isearch');
if (isset(
$_POST["query"]))
{
$query utf8_decode($_POST["query"]);
}
$elements $isearch_handler->ajaxMostSearched($query,5);
echo 
'<ul>';
for (
$i=0$i<count($elements); $i++) {
echo 
'<li>';
echo 
$elements[$i];
echo 
'</li>';
}
echo 
'</ul>';
?>

Posté le : 06/03/2009 20:17
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous
Semi pro
Inscrit: 04/08/2005 14:16
De Quelque part dans les étoiles...
Messages: 1141
Je trouve pas la loupe sur ton site smart !! :)

Posté le : 06/03/2009 21:48

Il n'y a qu'une chose que vous pouvez changer dans l'Univers : c'est Vous-Même !
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
lol je sais pas si tu a vue mais le post date de 2007 hihihi donc ha mon avis il et plus sous xoops heureusement les fichier rar sont encore présent sur le serveur ^^

Posté le : 06/03/2009 21:50
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Merci pour ce hack , c'est super, j'aimerais bien l'intégrer dans la recherche avancée, est-ce que quelqu'un l'a fait ???

Posté le : 07/03/2009 19:43

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Re: Hack isearch autocompletion ajax avec prototype + scriptaculous
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
heu non pas fait :( mais bon suis preneur si quelqu'un la fait

Posté le : 07/03/2009 21:35
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

14 Personne(s) en ligne (11 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 14 | Plus ...