Recherche Multi moteur

**hoodvy** · 13/11/2011, 10h52

Bonjour,

Je souhaiterais faire un petit formulaire de recherche avec option ( Google / Yahoo / Bing ).

Ce code est idéal, mais il manque des éléments pour qu'il fonctionne.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<script type="text/javascript">
<!--
function goSearch(){
//search according to checked radio button
}
			tab = new Array(  ) ;
			tab[0] = new Array( 'google','http://www.google.com/search','get','q' ) ;
			tab[1] = new Array( 'yahoo','http://fr.search.yahoo.com/search','get','p' ) ;
			tab[2] = new Array( 'bing','http://www.bing.com/search','get','p' ) ;
-->
</script>
 
 
<h1>Recherche Internet</h1><br />
 
 
<form method="get" action="goSearch()">
 
<input type="text" name="q" size="25" maxlength="255" value="" />
 
<br /><br />
 
<input type="radio" name="search" id="google"/>GOOGLE
<input type="radio" name="search" id="yahoo"/>YAHOO
<input type="radio" name="search" id="bing" />BING
 
<br /><br />
 
<input type="submit" value="RECHERCHE" />
 
</form>

Il s'agit seulement de se retrouver sur l'un des trois moteurs de recherche choisi par une option (radio), avec le mot clé inséré.

Je vous remercie par avance de votre précieuse aide.

Cordialement.

**javatwister** · 13/11/2011, 15h26

Ce code est idéal, mais il manque des éléments pour qu'il fonctionne.

Je vois que tu as le goût du paradoxe, ça tombe bien

par contre, que manque-t-il dans ton code pour que l'utilisateur arrive sur google ou compagnie?

**hoodvy** · 13/11/2011, 15h59

Je vois que tu as le goût du paradoxe, ça tombe bien

J’essaie

Et bien, ce qu'il me manque, c'est toute mon interrogation

Voici un site qui propose un peu la même idée (sans vouloir copier évidemment), voici ce site : http://www.startissimo.com/

Ce site utilise ce script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
<script language="javascript" type="text/javascript" charset="utf-8">
<!--
function addFav()
{
if (document.all)
{
window.external.AddFavorite(location.href, document.title);
}
else
{
alert('Vous pouvez faire CTRL + D pour ajouter cette page dans vos signets, ou favoris.')
}
}
 
var urlList = [];
 
function Url(url, formValue, target, useUtf8) {
    this.url = url;
    this.target = target;
    this.formValue = formValue;
    this.useUtf8 = useUtf8;
}
 
function addUrl(url, formValue, target, useUtf8) {
    urlList[urlList.length] = new Url(url, formValue, target, useUtf8);
}
 
<!-- inserer les adresses ici -->
addUrl("http://www.google.fr/#q=", "google", "_blank", true);
addUrl("http://search.yahoo.com/search;_ylt=A0oGdSYqoghNankB1YSl87UF;_ylc=X1MDMjE0MjQ3ODk0OARfcgMyBGZyA3NmcARuX2dwcwMwBG9yaWdpbgNzeWMEcXVlcnkDYWlt6QRzYW8DMA--?fr=sfp&fr2=sfp&iscqry=&p=", "yahoo", "_blank", true);
addUrl("http://www.bing.fr/search?q=", "bing", "_blank", true);
addUrl("http://www.youtube.com/results?search_query=", "youtube", "_blank", true);
addUrl("http://www.dailymotion.com/relevance/search/", "dailymotion", "_blank", true);
addUrl("http://www.pixfinder.net/en/?q=", "pixfinder", "_blank", true);
addUrl("http://www.les-verbes.com/conjuguer.php?verbe=", "conjugaison", "_blank", true);
addUrl("http://www.le-dictionnaire.com/definition.php?mot=", "le-dictionnaire", "_blank", false);
addUrl("http://www.synonymes.com/synonyme.php?mot=", "synonymes", "_blank", false);
addUrl("http://fr.wikipedia.org/wiki/", "wikipedia", "_blank", true);
addUrl("http://maps.google.com/?q=", "google-maps", "_blank", true);
addUrl("http://recherche.lefigaro.fr/recherche/recherche.php?ecrivez=", "le-monde", "_blank", true);
 
 
function validatePost(form) {
    if (form.query.value == "") {
        return false;
    }
 
    var radioValue = $('input:radio[name=radio]:checked').val();
 
    for (var i=0; i<urlList.length; i++) {
        var item = urlList[i];
        if (radioValue == item.formValue) {
            var thisUrl = form.query.value;
            if (item.useUtf8) {
                thisUrl = unescape(encodeURIComponent(form.query.value));
            }
            thisUrl = escape(thisUrl);
            window.open(item.url + thisUrl, item.target);
            return false;
        }
    }
    return false;
}
 
//-->
</script>

Avec pour exécution ce script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<form onSubmit="return validatePost(this);" style="display: inline;" method="GET" action="" accept-charset="utf-8">

Peut être que les éléments suivants vous donnera plus indications, du moins je l'espère

**hoodvy** · 14/11/2011, 19h44

RE :

J'ai pas mal avancé sur ma recherche, voici mon script actuellement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<html>
 
<head>
 
<script language="javascript">
<!--
function $(o){
 var o=document.getElementById(o)?document.getElementById(o):o;
 return o;
}
 
function gt(f){
 var t;
 var u;
 if(f.a0 != undefined){
  u = 'Y:';
  t = f.q.value;
  if(f.a0.checked==true){u+='0;';}
  if(f.a1.checked==true){u+='1;';}
  if(f.a2.checked==true){u+='2;';}
  if(f.a3.checked==true){u+='3;';}
  if(f.a4.checked==true){u+='4;';}
  if(f.a5.checked==true){u+='5;';}
 
 }
 else{
  t = f.Ka.value;
  u = 'G';
 }
 try{
 
 }catch(ex){}
 if($("Ka").value == ""){
  $("ch").value = "noprefill";
 } else {
  $("ch").value = "prefill";
 }
}
 
function s4(){
 var v=$("Kaa").value
 if($("a0").checked){
 $("SoAll").action='http://fr.search.yahoo.com/search','0';
 $("gForm").innerHTML="<input type='hidden' name='client' value='aff-avalanche' /><input type='hidden' name='forid' value='1' /><input type='hidden' name='channel' value='prefill' id='ch' /><input type='hidden' name='ie' value='gb' /><input type='hidden' name='oe' value='UTF-8' /><input type='hidden' name='hl' value='fr' />";
 $("SoAll").submit();
 }
 if($("a1").checked)
 window.open("http://www.alltheweb.com/search?cat=vid&cs=utf8&q="+v+"&rys=0&itag=crv","1");
 if($("a2").checked)
 window.open("http://images.google.fr/images?q="+v,"2");
 if($("a3").checked)
 window.open("http://www.excite.fr/search/mp3/results?offset=0&q="+v,"4");
 if($("a4").checked)
 window.open("http://search.ebay.fr/search/search.dll?cgiurl=http%3A%2F%2Fcgi.ebay.fr%2Fws%2F&fkr=1&from=R8&satitle="+v,"4");
 if($("a5").checked)
 window.open("http://www.01net.com/recherche/index.php?searchstring="+v+"&type=01net&system=windows","5");
 
 return false;
}
 
</script>
 
</head>
 
<body>
 
<FORM id="SoAll" onSubmit="gt(this);return s4()" action="" method=get>
 
<input id="Kaa" name="q" class="Input" type="text"><br><br>
 
 
<input type="radio" id="a0" class="Radio"/>Yahoo<br>
 
<input type="radio" id="a1" class="Radio"/>AlltheWeb<br>
 
<input type="radio" name="search" id="a2" class="Radio"/>Google image<br>
 
<input type="radio" name="search" id="a3" class="Radio"/>Excite<br>
 
<input type="radio" name="search" id="a4" class="Radio"/>Ebay<br>
 
<input type="radio" name="search" id="a5" class="Radio"/>01net<br><br>
 
 
<INPUT class="Submit" type="submit" value="Recherche">
 
</form>
 
 
</body>
</html>

Les recherches fonctionnent, par-contre il y a un dysfonctionnement concernant les cases a cocher, à savoir qu'il ne se décoche pas toute lorsque l'on sélectionne un autre moteur de recherche, vous allez comprendre de suite lors de la consultation de ce script

Un petit détail que j'aimerais apporter a ce script, j'aimerais que toutes les recherches s'ouvre dans la même page et non dans une autre fenêtre comme c'est le cas actuellement.

UN TRÈS GRAND MERCI POUR VOTRE AIDE

**NoSmoking** · 14/11/2011, 20h16

Bonsoir,

...par-contre il y a un dysfonctionnement concernant les cases a cocher, à savoir qu'il ne se décoche pas toute lorsque l'on sélectionne un autre moteur de recherche,...

il manque un name à tes 2 premiers RADIO pour qu'ils soient gérés avec les autres.

Un petit détail que j'aimerais apporter a ce script, j'aimerais que toutes les recherches s'ouvre dans la même page et non dans une autre fenêtre comme c'est le cas actuellement.

cela risque d'être touffu, mais avec une gestion par IFRAME c'est sûrement jouable

**hoodvy** · 14/11/2011, 20h40

Merci beaucoup NoSmoking

Pour les 2 premiers RADIO, c'est PARFAIT... C'était en effet ça, une belle erreur d’inattention de ma part

Par-contre, pour arrêté l'ouverture dans une autre fenêtre, j'ai pas encore réussi... Je sais pas si tu as vu, mais le premier choix "Yahoo" s'ouvre dans la même fenêtre, contrairement aux autres, fonction "window.open".

**NoSmoking** · 14/11/2011, 22h05

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script language="javascript">
<!--

on commence par remplacer cela par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">

et on supprime le commentaire de début utilisait pour les navigateurs de jadis.

pour la suite si on isole

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 if($("a0").checked){
  $("SoAll").action='http://fr.search.yahoo.com/search','0';
  $("gForm").innerHTML="<input type='hidden' name='client' value='aff-avalanche' /><input type='hidden' name='forid' value='1' /><input type='hidden' name='channel' value='prefill' id='ch' /><input type='hidden' name='ie' value='gb' /><input type='hidden' name='oe' value='UTF-8' /><input type='hidden' name='hl' value='fr' />";
  $("SoAll").submit();
 }

cela signifie que
SI le 1st radio est coché ALORS
on soumet le formulaire avec comme action la recherche search.ya...etc..., ce qui fait que la page est rechargée avec le résultat de l'action.

**hoodvy** · 14/11/2011, 22h22

Merci pour cette explication, je comprend le principe grâce a toi maintenant. Par-contre je n'ai pas réussi a le mettre en place...

Es-ce qu'il est possible que tu me mette le code dans son intégralité ?

Merci vraiment pour ton aide et de prendre le temps pour m'aider

**NoSmoking** · 15/11/2011, 07h43

pour le $("a0"), tu fais la même chose que pour les autres, après il te resteras certainement à optimiser tout cela

**hoodvy** · 15/11/2011, 13h35

C'est bon, j'ai réussi, UN TRÈS TRÈS GRAND MERCI A TOI

voici mon code final :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<script language="javascript">
<!--
function $(o){
 var o=document.getElementById(o)?document.getElementById(o):o;
 return o;
}
 
function gt(f){
 var t;
 var u;
 if(f.a0 != undefined){
  u = 'Y:';
  t = f.q.value;
  if(f.a0.checked==true){u+='0;';}
  if(f.a1.checked==true){u+='1;';}
  if(f.a2.checked==true){u+='2;';}
  if(f.a3.checked==true){u+='3;';}
  if(f.a4.checked==true){u+='4;';}
  if(f.a5.checked==true){u+='5;';}
 
 }
 else{
  t = f.Ka.value;
  u = 'G';
 }
 try{
 
 }catch(ex){}
 if($("Ka").value == ""){
  $("ch").value = "noprefill";
 } else {
  $("ch").value = "prefill";
 }
}
 
function s4(){
 var v=$("Kaa").value
 if($("a0").checked){
 $("SoAll").action='http://fr.search.yahoo.com/search','0';
 $("gForm").innerHTML="<input type='hidden' name='client' value='aff-avalanche' /><input type='hidden' name='forid' value='1' /><input type='hidden' name='channel' value='prefill' id='ch' /><input type='hidden' name='ie' value='gb' /><input type='hidden' name='oe' value='UTF-8' /><input type='hidden' name='hl' value='fr' />";
 $("SoAll").submit();
 }
 if($("a1").checked)
 window.open("http://images.google.fr/images?q="+v,"_self");
 if($("a2").checked)
 window.open("http://www.youtube.com/results?search_query="+v,"_self");
 if($("a3").checked)
 window.open("http://fr.wikipedia.org/wiki/"+v,"_self");
 if($("a4").checked)
 window.open("http://www.lemonde.fr/recherche/resultats.html?token=&keywords="+v+"&x=0&y=0","_self");
 if($("a5").checked)
 window.open("http://www.allocine.fr/recherche/?q="+v,"_self");
 
 return false;
}
 
</script>

Encore une fois, ton aide m'a été précieuse, merci

Recherche Multi moteur

JavaScript

Discussions similaires

Partager

Partager