Eigene Browser Startseite

raid89

raid89

Aktives Mitglied
Thread Starter
Dabei seit
11.06.2007
Beiträge
124
Reaktionspunkte
3
Hallo ich bin gerade dabei, mir eine eigene Browser Startseite zu bauen.

Ich habe jetzt aber das Problem, das ich ein ein Suchfeld habe aber ich weiß nicht wie es gehen soll, dass wenn ich was eingebe und auf Enter drücke das ich automatisch zu den google Such Ergebnissen komme.

Code: 
<input type="search" id="srch_fld" placeholder="Search..." autosave="applestyle_srch" results="5" onkeyup="applesearch.onChange('srch_fld','srch_clear')" />

Das ist der Code vom dem Suchfeld. Komme da einfach nicht weiter.

LG Martin
 
hab mir mal eine gebastelt:
schaller-probst.com/start/

die google-suche kannst du im quelltext finden...
 
Zuletzt bearbeitet von einem Moderator:
wie wärs mit sowas in der art? ->

function GoogleSuche(){
var suchtext = document.getElementById("srch_fld").nodeValue;
var suchlink = "http://www.google.de/search?hl=de&q=" + suchtext;
window.open(suchlink);
}
 
Danke!
 
OrangUtanKlaus schrieb:
wie wärs mit sowas in der art? ->

function GoogleSuche(){
var suchtext = document.getElementById("srch_fld").nodeValue;
var suchlink = "http://www.google.de/search?hl=de&q=" + suchtext;
window.open(suchlink);
}
Zum Vergrößern anklicken....

Und wie soll das damit Funktionieren?
 
Zur Info: http://www.google.com/coop/cse/

Mit einem Google-Account kann man sich eigene Suchmaschinen basteln (z.B. nur über Mac-Seiten) und dann in eine eigene Seite einfügen.
 
raid89 schrieb:
Und wie soll das damit Funktionieren?
Zum Vergrößern anklicken....

zeile 1 liest den inhalt des suchfelds aus und schreibt ihn in eine variable
zeile 2 setzt diese variable an die richtige stelle der google-such-url
zeile 3 öffnet ein fenster mit der zusammengesetzten url

das ganze in eine funktion gepackt die du über einen button oder über enter aufrufst...

der button sähe dann ungefähr so aus:
<input type="submit" name="submitbutton" id="submitbutton" value="Google Suche Starten" onClick="GoogleSuche()" />
 
OrangUtanKlaus schrieb:
zeile 1 liest den inhalt des suchfelds aus und schreibt ihn in eine variable
zeile 2 setzt diese variable an die richtige stelle der google-such-url
zeile 3 öffnet ein fenster mit der zusammengesetzten url

das ganze in eine funktion gepackt die du über einen button oder über enter aufrufst...

der button sähe dann ungefähr so aus:
<input type="submit" name="submitbutton" id="submitbutton" value="Google Suche Starten" onClick="GoogleSuche()" />
Zum Vergrößern anklicken....

Ja aber wie mach ich das jetzt mit dem Suchfeld zusammen?

EDIT: Sehe gerade du hast mir da jetzt einen Button gegeben.

rockmartin.de/startseite/

So sieht das jetzt aus... geht das auch ohne Button sondern mit Enter?
Code: 
<input type="search" fun id="srch_fld" placeholder="Search..." autosave="applestyle_srch" results="5" onkeyup="applesearch.onChange('srch_fld','srch_clear')" />

Bin da leider nicht so bewandert auf dem Gebiet.
 
Zuletzt bearbeitet von einem Moderator:
hmmm. also das ganze ohne button müsste ca. so aussehen:

HTML:

<body onkeyup="googlesuche()">
<input type="search" id="srch_fld" name="srch_fld" />
</body>

Javascript:
function googlesuche(){
if (event.keyCode == 13) {
var suchtext = document.getElementById("srch_fld").value;
var suchlink = "http://www.google.de/search?hl=de&q=" + suchtext;
window.open(suchlink);
}
}

erklärung javascript:
zeile1: anfang der function
zeile2: if-abfrage, ob der gedrückte button enter (keycode 13) ist. wenn ja:
zeile3: inhalt des suchfeldes auslesen und in die variable "suchtext" schreiben
zeile4: variable "suchtext" wird an die richtige stelle der url gesetzt und die neue url wird gespeichert in "suchlink"
zeile5: ein neues fenster mit dem entsprechenden link wird geöffnet
zeile6: ende der if-abrage
zeile7: ende der funktion

müsste funktionieren :)

edit: möchtest du, das die abfrage im selben fenster geöffnet wird, ersetzt du zeile5 mit:
self.location.href = suchlink;
 
Jetzt geht irgendwie gar nichts mehr. :confused:
 
SyntaxError: Parse error Line 18
ReferenceError: Can't find variable: googlesuche Line 80

fehler 1: in zeile 18 ist ein leerzeichen in "value"
fehler 2: lösche mal zeile 13-15
 
Geil! Jetzt muss das nur noch in firefox gehen. Ist das möglich?
 
So 100%ig verstehe ich die Anforderung glaube ich nicht. :)

Ist nicht alles, was Du brauchst folgendes ?
<form method="get" action="http://www.google.de/search">
<input type="text" name="q" />
<input type="submit" value="suche" />
</form>
Zum Vergrößern anklicken....
 
@rm -r*
er will ja das es ohne button, nur durch drücken des enter buttons funktioniert ;)


damit es im ff auch funktioniert:


HTML:
<body>
<input type="search" id="srch_fld" name="srch_fld" onkeyup="googlesuche(event)" />
</body>


Javascript:
function googlesuche(ev){
if (ev.keyCode == 13) {
var suchtext = document.getElementById("srch_fld").value;
var suchlink = "http://www.google.de/search?hl=de&q=" + suchtext;
window.open(suchlink);
}
}
 
Habs drinne geht bei mir aber nicht!? Also im FF

Jetzt gehts. Lag an dem Leerzeichen in Value.
Geht das jetzt auch noch das ich diese Abgerundeten Ecken habe wie im Safari 4?
 
raid89 schrieb:
Habs drinne geht bei mir aber nicht!? Also im FF

Jetzt gehts. Lag an dem Leerzeichen in Value.
Geht das jetzt auch noch das ich diese Abgerundeten Ecken habe wie im Safari 4?
Zum Vergrößern anklicken....

die function muss auch noch im <body> tag raus
 
OrangUtanKlaus schrieb:
@rm -r*
er will ja das es ohne button, nur durch drücken des enter buttons funktioniert ;)
Zum Vergrößern anklicken....

tut es doch. :)

<form method="get" action="http://www.google.de/search">
<input type="text" name="q" />
<!--<input type="submit" value="suche" />-->
</form>
Zum Vergrößern anklicken....

Wenn man in das Textfeld etwas einträgt und enter drückt, wird das Formular abgeschickt. Da brauch man keinen Submitbutton für.

Getestet im FF 3, Safari 3.2.1 und IE 6/7
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten