modif / suppr et remplacement zone de recherche dans la toolbar (pour permettre un renvoi vers une encyclopédie en ligne)

[chinche]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.magiemetapsychique.org

Description du problème

Bonjour, mon forum est muni d'une toolbar. J'ai créé un dokuwiki qui regroupe au fur et à mesure les connaissances partagées sur ce dernier. Et qui possède une barre de recherche.

Je souhaiterais dans l'idéal, que la zone de recherche qui est située dans la toolbar permette simplement d'ouvrir un onglet supplémentaire dans le navigateur et que ça propose les résultats du wiki.

Sachant que j'ai toujours la barre de connexion avec le bouton recherche dispo pour les recherches internes au forum lui-même.

Adresse de mon forum www.magiemetapsychique.org
adresse de l'encyclopédie: www.eso-encyclo.com

[Intuitions]

Bonjour !
Si j'ai bien compris tu aimerais avoir une barre de recherche dans la toolbar de ton forum qui mène à ton wiki ? Si c'est le cas tu vas devoir enlever la barre de recherche Forumactif et ajouter à la place la barre de recherche de ton wiki voilà le code qui sera à ajouter:

Code:

<div id="fsearch" class="fa_tbMainElement"><form action="http://www.eso-encyclo.com/doku.php?id=Accueil" accept-charset="utf-8" method="get" role="search">
  <input type="hidden" name="do" value="search"/>
  <input type="text" id="fa_textarea" name="id" placeholder="Rechercher sur le wiki"/>
  </form></div>

J'espère avoir pu t'aider. ^^

Bonne journée !

[chinche]

comment faire pour ajouter ce code? et où? merci d'avance

[chinche]

j'ai tenté de l'ajouter dans le css, mais il me dit que le format n'est pas bon. J'ai ensuite tenté de copier le code dans un javascript mais ça ne change rien.

[Intuitions]

Re,

Alors dans le css il faudra d'abord cacher la zone de recherche FA :

Code:

#fa_search { display: none!important; }

Puis ensuite positionner et personnaliser la nouvelle zone :

Code:

#fsearch { margin-left: 20px; height: 30px; }
#fsearch #fa_textarea { text-indent: 10px; width: 200px; height: 24px; padding: 0px; border: 0px; margin-top: 3px; border-radius: 5px; line-height: 24px; }

Note : J'ai pris la même personnalisation que celle de base mais si tu souhaites un autre aspect tu pourras y faire des modifs.

Puis après ça tu vas dans Javascript et tu ajoutes la nouvelle zone de recherche sur toutes les pages :

Code:

$(function (){$(function (){
                 
                              $('#fa_search').before(
'<div id="fsearch" class="fa_tbMainElement"><form action="http://www.eso-encyclo.com/doku.php?id=Accueil" accept-charset="utf-8" method="get" role="search">
  <input type="hidden" name="do" value="search"/>
  <input type="text" id="fa_textarea" name="id" placeholder="Rechercher sur le wiki"/>
  </form></div>'
                              )
                 
                        })});

Et voilà normalement ça devrait être bon ! ^^
Bonne journée et si besoin n'hésite pas.

[chinche]

parfait, sauf que je souhaiterais que ça ouvre un nouvel onglet au lieu d'envoyer directement sur l'onglet ouvert

[Intuitions]

Bonjour !
Pas de soucis, il suffit de remplacer le code javascript par :

Code:

$(function (){$(function (){
                 
                              $('#fa_search').before(
'<div id="fsearch" class="fa_tbMainElement"><form action="http://www.eso-encyclo.com/doku.php?id=Accueil" accept-charset="utf-8" method="get" role="search" target="_blank">
  <input type="hidden" name="do" value="search" />
  <input type="text" id="fa_textarea" name="id" placeholder="Rechercher sur le wiki" />
  </form></div>'
                              )
                 
                        })});

Bonne journée ! ^^

[chinche]

C'est juste parfait ^^ merci de conserver ce message dans les archives au cas où une personne souhaiterait faire une modif du même type