Avoir les moteurs de recherche d firefox dans une page web ?

[Jabe]

Bonjour,

J'utilise beaucoup les moteurs de recherche de Firefox et de http://mycroft.mozdev.org/ et je cherche un moyen de "convertir" ces plugins pour les intégrer dans une page web.

Ainsi, lorsque je ne serais pas chez moi il me suffira d'aller sur ma page web perso pour accéder à ces moteurs de recherche.


[Edit: pour voir directement où j'en suis et éviter de lire des passages inutiles rendez-vous directement à ce post (cliquez ici)]

Existe-t-il un moyen rapide de les convertir ?
Autrement pouvez-vous me donner quelques pistes, du genre remplacer:

Code : Tout sélectionner

<os:Url type="text/html" method="GET" 

par:

Code : Tout sélectionner

<form method="get"

(Exemple donné au hasard je ne suis même pas sûr que ça soit ça l'équivalence).
Etc.

Toute aide est la bienvenue.
Merci d'avance.

Jabe.

PS: je ne sais pas s'il fallait poster ici ou dans la section "Développement web", si un modérateur trouve plus judicieux de déplacer ce sujet dans une autre section libre à lui.

[Zefling]

Un petit javascript. Techniquement c'est très simple à faire.

Une liste de moteur avec les adresses en valeur, un champ input:text et un script qui prend la valeur, qui fusionne les deux et qui balance la page de recherche.

Si t'as aucune connaissance en web ça sera un poil compliqué par contre. Mais ça doit surement exister sur le net.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

[Jabe]

J'ai quelques connaissances en web mais pas en javascript J'ai cherché sur le net avant de poster ici je n'ai pas trouvé, mais merci pour l'info je vais retenter en ajoutant javascript à me requête…

[Serged]

Les moteurs donnent en général le code à inclure dans les pages pour les appeler.
Chez moi :
Google (avec en prime choix des langues de recherche) :

Code : Tout sélectionner

<form action="http://www.google.com/search" method="get" name="f" accept-charset="utf-8">
<input value="" name="q" size="31" maxlength="256" type="text">
  <input name="btnG" value="Go!" type="submit">
  <input name="hl" value="fr" type="hidden">
  <br />
  <small><input name="lr" value="" type="radio">Tout <input name="lr" value="lang_de|lang_en|lang_es|lang_fr" checked="checked" type="radio">
  En / Es / De
  <input name="lr" value="lang_en" type="radio">Anglais <input name="lr" value="lang_fr" type="radio">Français</small>
</form>

Exalead:

Code : Tout sélectionner

<form class="c138" action="http://www.exalead.fr/search?" method="get">
  <input name="action" value="search" type="hidden" />
              <input autocomplete="" id="i78" class="c120" name="q" value="" type="text" size="31">
            <input class="c136" value="Go!" type="submit">
            <div><small><label><input name="$mode" value="allweb" checked="checked" type="radio">Tout</label>
	    <label><input name="$mode" value="+clang/11000003" type="radio">Français</label>
	    <label><input name="$mode" value="+cregional/10000074" type="radio">Pages: France</label></small></div>
            </form>

IMDB:

Code : Tout sélectionner

<div class="td">
<form action="http://french.imdb.com/Find" method="post" name="QSFORM">
  <select name="select">
  <option selected="selected">All</option>
  <option>Titles</option>
  <option>My Movies</option>
  <option>People</option>
  <option>Characters</option>
  <option>Quotes</option>
  <option>Bios</option>
  <option>Plots </option>
  </select>
  <br />
  <input name="for" size="40" type="text">&nbsp;<input value="Go!"
 type="submit"> </form>
</div>

Wikipédia français:

Code : Tout sélectionner

    <form name="searchform" action="http://fr.wikipedia.org/wiki/Special:Search" id="searchform" accept-charset="utf-8">
     <input name="search" type="text" size="22" value="" />
     <input type='submit' name="go" id="searchGoButton" value="Voir"  />
     <input type='submit' name="fulltext" value="Chercher" />
   </form>

Wikipedia anglais:

Code : Tout sélectionner

<form name="searchform" action="http://en.wikipedia.org/wiki/Special:Search" id="searchform">
      <input name="search" type="text" value="" size="22"
         /><input type='submit' name="go" value="Voir"
         />&nbsp;<input type='submit' name="fulltext"
	        value="Chercher" />
 </form>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)

[Zefling]

Si tu ne trouve pas, je prendrais 10 minutes pour te le faire si tu veux.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

[Jabe]

Merci beaucoup Serged mais tu as trouvé ces codes comment ?
Tu as codé toi-même ? Pour Google, dans le fichier .xml de Firefox je n'ai pas du tout ça, j'ai plutôt:

Code : Tout sélectionner

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>Wikipedia (FR)</ShortName>
<Description>Wikipedia, l'encyclopédie libre</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16">data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAAmJLR0QA/4ePzL8AAAGwSURBVCjPPZE/aBNhAEfffd/F06sWCRxJI4oUgmhFhyKmIooUqpMKgg4lgqMoCA5uLq7FTbCjliJEEKxbUeygQ7GGIrbYoNYYQ2KTXEzvX7xc7s6h6m98720/CQANGqc/mPReiOPaVLQ7O5FcaG8ZAbA4UHny+Ca9WtqfNlaXSiOlxZXbD77xdzXdeX7X49B44tbo6PJs/Caejx/F9+JrhbwOKoj7wYVMn+vu4eLe2WGbLhoRBmuXWy1uKHZWfgpkhhxZzmEwSIlNtuPwkmaoHhBMelLikCPPUZIM8J4+Kj4jGLI6KRJjBQLgJCU8NpFMsA+LAIlFJSe6qSuEgM5BdiIoAxoCnV8E6CkReDpdTIbQUHFI0meaGXwiBLtctb76eewUNhuskSbLVyxOILDo0KK8IrQ5A4lDB5sGv/FIAn3aWDRR55RXguXUEQedABOFH0hM5vlJhqXi+DE5E6ffla8OJXTeUsNFIaLNNnp8cd3zxQ0FoHBWPg0H60QE7KBKhzIfO71L5mtQtv54OBxO+Rd94WNTpRZWnjl32t/hfwCQ35M4Y+53aK6vLzj1f/QPTcmxMRosOLkAAAAASUVORK5CYII=</Image>
<Url type="text/html" method="GET" template="http://fr.wikipedia.org/w/wiki.phtml">
  <Param name="search" value="{searchTerms}"/>
  <Param name="sourceid" value="Mozilla-search"/>
</Url>
<SearchForm>http://fr.wikipedia.org/</SearchForm>
</SearchPlugin>

En voyant ton code je vois à peu près ce qu'il faut changer par exemple

Code : Tout sélectionner

Param name

par

Code : Tout sélectionner

input name

, mais la question c'était existe-il un moyen de convertir tout ça rapidement, car j'utilise plus de 50 moteurs de recherche, et je ne me vois pas tout recoder à la main un par un.

Ce serait cool effectivement Zefling si tu me fais un script pour les convertir si t'as le temps car effectivement je n'ai rien trouvé sur le net, je tombe soit sur des sujets qui expliquent comment créer un moteur de recherche pour son site qui soit ajoutable à Firefox, soit des sites qui parlent de la façon dont Firefox interprète le Javascript .

[Zefling]

Voilà un truc vite fait :

http://ikilote.net/Programmation/JavaSc ... herche.htm

Il faut juste récupérer toutes les adresses et mettre le « %recherche% » là où il aura les mots de ta la requête.

Je serait d'avis de déplacer le sujet ailleurs (ça n'a aucun rapport avec Firefox)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

[jpj]

Je déplace dans "Développement web". Pas vraiment d'autre choix de toute façon.

[Jabe]

Tout d'abord concernant Firefox, si quelqu'un tombe sur ce sujet si ça peut aider, j'ai trouvé comment convertir les icônes des moteurs de recherche contenues dans les fichiers .xml du dossier "searchplugins" (dans le dossier de Profil de Firefox).

En fait après avoir ouvert le .xml avec le bloc-notes il suffit de copier le code compris entre

Code : Tout sélectionner

<Image width="16" height="16">

et

Code : Tout sélectionner

</Image>

Puis il faut coller ce code dans la barre d'adresse de Firefox.
Et enfin faire clic droit "enregistrer l'image sous" !

On peut aussi coller ce code directement après <img src=" dans notre code html

Concernant la progression de ma page, vu que je n'ai pas trouvé de moyen "rapide" pour insérer les .xml en tant que moteur de recherche dans Firefox j'ai mis le nez dans le code.

Merci à Serged et Zefling pour l'inspiration.

J'ai publié une page de test avec quelques moteurs ici:
http://www.jabe.fr/r
(J'ai réuni ma page web, le fichier css, les images, et les scripts dans une archive zip ici => http://www.jabe.fr/r.zip)

Note: il n'y a que pour Google que cela fonctionne, le reste j'ai fait plein de tests mais sans succès (d'ailleurs c'est possible que mon code ne veuille plus rien dire même s'il est valide car je me suis pas mal emmêlé les pinceaux à force de faire des tests).

Et je suis confronté à plusieurs problèmes…

1 - J'ai un problème de positionnement CSS avec la partie:
Recherche avancée
Préférences
Outils linguistiques
que je voudrais coller à l'image de la loupe, donc aligné à droite de mon formulaire de recherche, mais en gardant le formulaire de recherche centré, et donc celui-ci serait aligné avec les autres moteurs du dessous.

2 - Il faudrait qu'en cliquant sur les boutons radios de Wikipédia et Youtube, etc. ça change le moteur de recherche utilisé.

Je crois que c'est possible avec le javascript de Zefling mais je n'ai pas réussi à obtenir ce que je voulais jusqu'ici car je veux utiliser un changement via des boutons radios (et non une liste déroulante) et que les résultats s'affichent dans la même fenêtre et pas dans une nouvelle.

(D'ailleurs au passage s'il existait un moyen de faire clic droit sur la loupe pour que l'utilisateur puisse choisir d'ouvrir les résultats dans une autre fenêtre s'il le souhaite ce serait encore mieux. )

3 - En cliquant sur le bouton radio j'aimerais que cela change le texte qui est pré rempli (pour changer le nom du moteur de recherche).

4 - Toujours en cliquant sur un bouton radio je cherche un moyen de changer l'icône du moteur de recherche (Dans mon exemple les icônes de Youtube, Dailymotion, Google Video)

Ce serait bien si ça pouvait se faire avec le moins de javascript possible.

Si vous avez des pistes, des tutos, des bouts de code, je suis preneur

[bormat]

je voudrais coller à l'image de la loupe, donc aligné à droite de mon formulaire de recherche, mais en gardant le formulaire de recherche centré, et donc celui-ci serait aligné avec les autres moteurs du dessous.

tu peux placer les élément avec position absolute
sinon je ne connai rien au javascript mais pour wikipédia tu a qu'a recopié le code qu'il y a sur le site pareil pour you tube

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

[Zefling]

En fait après avoir ouvert le .xml avec le bloc-notes il suffit de copier le code compris entre

Code : Tout sélectionner

<Image width="16" height="16">

et

Code : Tout sélectionner

</Image>

Puis il faut coller ce code dans la barre d'adresse de Firefox.
Et enfin faire clic droit "enregistrer l'image sous" !

On peut aussi coller ce code directement après <img src=" dans notre code html

Une réponse qui me fait comprendre que tu n'as presque aucune connaissance en web. On aurait peut-être du commencer par là. Tu t'es cassé la tête pour rien. Il y avait plus simple en récupérant les favicones.

Concernant la progression de ma page, vu que je n'ai pas trouvé de moyen "rapide" pour insérer les .xml en tant que moteur de recherche dans Firefox j'ai mis le nez dans le code.

Vu le script que tu as fais, ça m'étonne pas trop. J'ai fais une script qui se basse sur le fonctionnement de la barre de recherche. Qui est un poil plus simple à gérer.

Note: il n'y a que pour Google que cela fonctionne, le reste j'ai fait plein de tests mais sans succès (d'ailleurs c'est possible que mon code ne veuille plus rien dire même s'il est valide car je me suis pas mal emmêlé les pinceaux à force de faire des tests).

J'avoue que je ne comprend même pas comment ça marche ton truc. Le bouton n'appelle rien (c'est peut-être Jquery, mais le script est impossible à lire, d'ailleurs je vois même pas l'intérêt de l'utiliser ici).

Bref, pour moi c'est pourquoi faire simple quand on peut faire compliqué.

Et je suis confronté à plusieurs problèmes…

1 - J'ai un problème de positionnement CSS avec la partie:
Recherche avancée
Préférences
Outils linguistiques
que je voudrais coller à l'image de la loupe, donc aligné à droite de mon formulaire de recherche, mais en gardant le formulaire de recherche centré, et donc celui-ci serait aligné avec les autres moteurs du dessous.

Là tu lui demande juste de colé le bord de la fenêtre.

Le problème n'est pas simple. J'arrive a peut près à ce qu'il faudrait avec un display:table-row-group; sur la liste. Il y aurait la solution de faire des bloque de taille définit (en %) et les coller l'un à côté de l'autre.
Enfin il y a plein de façon mais il fait que la liste soit de préférence après « saisie »/

2,3,4 - ...

Il faudrait déjà expliquer un peu mieux ce que tu veux en fait.
Ton script n'est pas commenté en plus, ça aide pas à comprendre l'orientation que tu souhaite. Limite faire un schema en dessinant.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

[Invité]

Je sais comment récupérer les favicones quand ils sont présents sur un site web il n'y a pas de problème, seulement certains sites comme Google Video n'en ont pas (ou pas celui que je voulais) et quand il n'est plus présent sur mycroft.mozdev.org, ou pour aller plus vite (plutôt que d'aller sur chaque site) je cherchais un moyen de les récupérer dans les fichiers .xml du dossier de Firefox, et j'ai trouvé donc je voulais partager cette info au cas où ça intéresse quelqu'un.

Comme précisé à force de faire pleins de tests je me suis emmêlé dans mon code source, c'est pour ça que le bouton des 2ème et 3ème moteurs de recherche n'appellent rien.

Ce n'est pas la faute à jquery, que j'ai utilisé en m'inspirant de ça (clic), en fait jquery me sert à avoir un champ de texte prérempli qui s'enlève quand on clique dans ce champ et qui se remet quand on clique dans un autre champ.

(Et dans ma feuille de style j'ai mis que le texte prérempli ne soit pas de la même couleur que lorsque l'on clique pour écrire dans le champ).

Si tu connais un moyen de faire ça sans utiliser jquery pourquoi pas même si je suis déjà heureux que ça fonctionne .

Bref ce qu'il faut en retenir c'est que le texte prérempli fonctionne avec la class "hint" exemple:

Code : Tout sélectionner

<input class="hint" title="Youtube" type="text" />

Et j'aimerais donc que ce texte change en même temps que l'icône voir ces explications imagées:


Bien sûr il faudrait que les moteurs de recherche fonctionnent, je n'ai pas réussi car contrairement à Google où il suffisait d'utiliser "value" pour rajouter une option de recherche, là il faudrait un moyen de changer "form action" selon le bouton radio coché.

Code : Tout sélectionner

<form action="http://www.youtube.com/results?search_query={searchTerms}&search=Search" 

qui quand on clique sur le bouton radio se change en:

Code : Tout sélectionner

<form action="http://www.dailymotion.com/relevance/search/"

Concernant le positionnement des liens j'avais mis ça avant "saisie" car je me souvenais avoir lu (notamment ici) que "les éléments flottants, que l'on placera sur les côtés, devront être placés en premier dans le code HTML." Après comme tu dis il y a plusieurs manières.

Dis moi si tu as besoin de plus d'explications sur mon code ou sur ce que je cherche à faire et merci encore pour ton aide précieuse.

[Benoit]

On peut aussi coller ce code directement après <img src=" dans notre code html

Attention, les adresses « data: » ne fonctionnent pas dans les anciennes versions Internet Explorer (y compris IE6 et je ne sais plus pour IE7). Bref, il vaut probablement mieux en faire une image dans tous les cas.

[Jabe]

On peut aussi coller ce code directement après <img src=" dans notre code html

Attention, les adresses « data: » ne fonctionnent pas dans les anciennes versions Internet Explorer (y compris IE6 et je ne sais plus pour IE7). Bref, il vaut probablement mieux en faire une image dans tous les cas.

Merci pour la précision .

[Jabe]

J'ai fait quelques mises à jour de ma page de moteurs de recherche…

Tout d'abord le nombre de résultats d'une recherche Google est maintenant de 30 au lieu de 10.
Ensuite j'ai supprimé le code superflu.

J'ai avancé sur la résolution du problème n°2. Je suis passé par un onclick et j'ai rajouté ce javascript

Code : Tout sélectionner

function changeAction(page) {
  document.forms.recherche.action = page;
}

Et quand je clique sur le bouton radio ça me change le moteur de recherche utilisé exemple:

Code : Tout sélectionner

onclick="changeAction('http://en.wikipedia.org/wiki/Special:Search?search=');"/>

Seulement du coup j'ai 1 nouveau bug…

2bis - Ça ne fonctionne que pour le 2ème bloc de moteurs de recherche (wikipedia) qui est en fait le 1er à utiliser onclick (vu que pour Google je n'en avais pas besoin).

Je crois savoir d'où ça vient, en fait c'est parce que le script fonctionne avec

Code : Tout sélectionner

<form id="recherche"

donc ça ne fonctionne qu'avec le 1er form qui a ce nom, pas avec le 2nd même s'il est nommé pareil.

J'ai tenté de changer par:

<form class="recherche"

Mais du coup ça ne fonctionne plus car il faudrait que je réadapte le script et vu que mes connaissances en javascript sont limitées ce n'est pas gagné.

Je crois qu'il faut rajouter .className quelque part, mais où ?

Pour mes problèmes 3 et 4 je passerais par un onClick aussi, je n'ai pas eu le temps de me pencher dessus vu que le 2 n'est pas résolu mais je pense pouvoir y arriver.