Hi zusammen.
Ich hab ein Problem bei dem ich echt nicht weiterkomme, und zwar will ich die Google-Suche mit 2 DropDowns verknüpfen.
Mit einem ist das kein Problem, aber sobald ich ein Zweites einbinde, dass eine Unterkategorie des ersten Dropdowns ist, funktioniert nichts mehr.
Ich möchte das man auf der Seite nicht willkürlich auf Google suchen kann, sondern das der Kunde vorgegebene Wörter hat, die er nach Kategorien aussuchen kann, darum das zweite Dropdown.
Nun habe ich aber zwei Javasprit Elemente die irgendwie nicht zusammen funktionieren. Leider habe ich was Javascript angeht nicht wirklich viel Ahnung. Hab auch gegoogelt aber da ist immer die Rede davon, dass sich beide gegenseitig behindern, was aus meiner Sicht bei den beiden nicht der Fall ist.
Vielleicht kann mir ja jemand helfen und sagen wie ich vorgehen muss.
hier ie Google-Suche:
und nun das dynamische Dropdown:
Beim Versuch mit nur einem Dropdown hab ich die Auswahl per Post verschickt und an eine Variable gesendet nach der dann beim Google Script gesucht wird. Wenn ich jetzt aber beide Scripte in eine html oder php Datei packe, funktioniert die Methode nicht mehr.
Ich hab ein Problem bei dem ich echt nicht weiterkomme, und zwar will ich die Google-Suche mit 2 DropDowns verknüpfen.
Mit einem ist das kein Problem, aber sobald ich ein Zweites einbinde, dass eine Unterkategorie des ersten Dropdowns ist, funktioniert nichts mehr.
Ich möchte das man auf der Seite nicht willkürlich auf Google suchen kann, sondern das der Kunde vorgegebene Wörter hat, die er nach Kategorien aussuchen kann, darum das zweite Dropdown.
Nun habe ich aber zwei Javasprit Elemente die irgendwie nicht zusammen funktionieren. Leider habe ich was Javascript angeht nicht wirklich viel Ahnung. Hab auch gegoogelt aber da ist immer die Rede davon, dass sich beide gegenseitig behindern, was aus meiner Sicht bei den beiden nicht der Fall ist.
Vielleicht kann mir ja jemand helfen und sagen wie ich vorgehen muss.
hier ie Google-Suche:
HTML:
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google-Suche mit ids-System.de</title>
<script src="https://www.google.com/jsapi"
type="text/javascript"></script>
<script language="Javascript" type="text/javascript">
//<!
google.load('search', '1');
function OnLoad() {
// Create a search control
var searchControl = new google.search.SearchControl();
// Add in a full set of searchers
var localSearch = new google.search.LocalSearch();
searchControl.addSearcher(localSearch);
searchControl.addSearcher(new google.search.WebSearch());
searchControl.addSearcher(new google.search.VideoSearch());
searchControl.addSearcher(new google.search.BlogSearch());
searchControl.addSearcher(new google.search.NewsSearch());
searchControl.addSearcher(new google.search.ImageSearch());
searchControl.addSearcher(new google.search.BookSearch());
searchControl.addSearcher(new google.search.PatentSearch());
// Set the Local Search center point
localSearch.setCenterPoint("Böblingen, BB");
// tell the searcher to draw itself and tell it where to attach
searchControl.draw(document.getElementById("searchcontrol"));
// execute an inital search
searchControl.execute("irgendwas");
}
google.setOnLoadCallback(OnLoad);
//]]>
</script>
</head>
<body>
<div id="searchcontrol">Loading</div>
</body>
</html>und nun das dynamische Dropdown:
HTML:
<html>
<head>
<title>Test</title>
<script language="Javascript">
<!-- Start
function update_auswahl()
{
var kategorieAuswahl = document.forms.suche.cat;
var unterkategorieAuswahl = document.forms.suche.subcat;
unterkategorieAuswahl.options.length = 0; // DropDown Men� entleeren
if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "IBM")
{
unterkategorieAuswahl.options[0] = new Option("Kontakt");
unterkategorieAuswahl.options[1] = new Option("Produkte");
unterkategorieAuswahl.options[2] = new Option("Service");
}
else if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "DB2")
{
unterkategorieAuswahl.options[0] = new Option("Recovery");
unterkategorieAuswahl.options[1] = new Option("Aktuelle Version");
unterkategorieAuswahl.options[2] = new Option("Video");
}
}
// Ende -->
</script>
</head>
<body>
<form name ="suche" action="" method="POST" id="wort">
<select name="cat" onchange="update_auswahl()">
<option value="IBM">IBM</option>
<option value="DB2">DB2</option>
</select>
<select name="subcat">
<option value="Kontakt">Kontakt</option>
<option value="Produkte">Produkte</option>
<option value="Service">Service</option>
</select></form>
</body>
</html>Beim Versuch mit nur einem Dropdown hab ich die Auswahl per Post verschickt und an eine Variable gesendet nach der dann beim Google Script gesucht wird. Wenn ich jetzt aber beide Scripte in eine html oder php Datei packe, funktioniert die Methode nicht mehr.
