[GELÖST] HTML Code für ein Such-Feld

Alt 03.07.2009, 22:49   # 1
Pascal1984
Swagman
 
Benutzerbild von Pascal1984
 
Registriert seit: 21.12.2006
Ort: Schweiz
Beiträge: 2.158
Ich bin Bibliothekar und habe eine Facebook-Page für unsere Bibliothek erstellt.
Ich möchte nun auf der Seite eine Such-Box einfügen die direkt zu den Resultaten in unserem Onlinekatalog führt. Ich habe die Applikation Static FBML gefunden die mir die Möglichkeit bietet eine Box auf meiner Seite einzufügen und sie mit HTML Codes zu füllen. Was ich nun noch brauche ist der HTML Code.
Ich brauche ein Feld wo der Benutzer einen Suchbegriff eingeben kann und einen Knopf mit dem er bestätigt.
Nachdem er bestätigt hat müsste sich eine Seite mit dieser URL öffnen:

http://opac.nebis.ch/F?local_base=nebis&con_lng=GER&func=find-b&find_code=WRD&request=e39+

hinter dem Plus-Zeichen müsste der Suchbegriff den er geschrieben hat angehängt werden. Wenn er mehrere Wörter schrieb, müssten sie jeweils mit einem plus zeichen dazwischen aneinander gefügt werden.
Beispiel: Wenn der Benutzer "Harry Potter" ins Suchfeld eingibt, sollte sich ein Fenster mit folgender URL öffnen:

http://opac.nebis.ch/F?local_base=nebis&con_lng=GER&func=find-b&find_code=WRD&request=e39+harry+potter

Wie kompliziert ist mein Wunsch? Lässt sich das irgendwie machen?
  Mit Zitat antworten
Alt 04.07.2009, 00:12   # 2
Spiderx2
 
Registriert seit: 11.06.2009
Ort: Solingen
Beiträge: 176
Schau einmal unten auf dieser Seite Google nur für die eigenen Seiten als Alternative würde mir jetzt noch einfallen das Du von Deiner Seite NEBIS - Ergebnisliste Dir den Quelltext anzeigen lässt und den entsprechen HTML Code für das erste Suchfeld kopierst und in die Starteite einfügst.
  Mit Zitat antworten
Alt 04.07.2009, 00:23   # 3
Pascal1984
Swagman
Threadstarter
 
Benutzerbild von Pascal1984
 
Registriert seit: 21.12.2006
Ort: Schweiz
Beiträge: 2.158
Ich denke nicht das ich Google brache. Es muss ja nicht wirklich was gesucht werden, das wird schon durch den Online-Katalog erledigt. Ich brauche "nur" einen Code der mir eine URL zusammensetzt und diese dann aufruft.
  Mit Zitat antworten
Alt 04.07.2009, 01:49   # 4
Spiderx2
 
Registriert seit: 11.06.2009
Ort: Solingen
Beiträge: 176
Vielleicht habe ich Dich falsch verstanden.
Soll denn diese Feld nicht zu einem Suchergebniss führen?
  Mit Zitat antworten
Alt 04.07.2009, 02:46   # 5
Pascal1984
Swagman
Threadstarter
 
Benutzerbild von Pascal1984
 
Registriert seit: 21.12.2006
Ort: Schweiz
Beiträge: 2.158
Genaugenommen nur zu einer URL:
http://opac.nebis.ch/F?local_base=nebis&con_lng=GER&func=find-b&find_code=WRD&request=e39+SUCHWORT

Das Suchergebniss wird der Katalog liefern.
  Mit Zitat antworten
Alt 04.07.2009, 08:01   # 6
FreewareGuide
Moderator
 
Benutzerbild von FreewareGuide
 
Registriert seit: 31.10.2002
Ort: Oldenburg
Beiträge: 5.432
Moin,

bist Du Dir sicher, dass so die URL aussehen muss? Denn das ist rein mit HTML schwierig, weil der Parameter mit dem "SUCHWORT" bei Deiner URL nicht nur aus dem Suchwort besteht, sondern aus "e39 SUCHWORT" (+ kodiert ein Leerzeichen). Davon absehen wäre der Code folgender:
HTML-Code:
<form action="http://opac.nebis.ch/F" method="get">
    <input type="hidden" name="local_base" value="nebis" />
    <input type="hidden" name="con_lng" value="GER" />
    <input type="hidden" name="func" value="find-b" />
    <input type="hidden" name="find_code" value="WRD" />
    <input type="text" name="request" size="30" maxlength="30" />
    <input type="submit" value="Suchen" />
</form>
Dass "get" im FORM macht, dass das als URL kodiert wird (versus als mitgeschickte Daten bei "post"), dann die einzelnen Name-Wert-Paare (in der URL nach dem "?", durch "&" getrennt) als "hidden" Formularfelder, für das Suchwort dann ein nicht verstecktes Eingabefeld und ein "submit"-Button.

Nur das "e39 " fehlt dann. Man kann das Eingabefeld mit entsprechendem "value"-Parameter vorbelegen, aber der Nutzer kann (und wird) das dann bei seiner Eingabe eventuell wieder rauslöschen. Man kann mit JavaScript das Formular vor dem Versenden manipulieren (was ich als die gangbarste Lösung ansehe). Oder man kann probieren, wie der Server mit abweichenden Anfragen umgeht, z.B. wenn das "e39" als weiteres "hidden" Feld auch mit dem Namen "request" hinzugefügt wird (was aber zu vermeiden wäre, weil Du Dich dann offenbar auf ein Verhalten des Servers abstützen würdest, was nicht dokumentiert ist, nicht dem gewünschten Format entspricht - sich also auch immer ändern könnte).

Wo hast Du die URL denn her?

Grüße,
Thorsten
__________________
Wieder da: FreewareGuide.de
...bin letztens durch die Aufnahmeprüfung zur Hellseherschule gekracht! smiley crystal ball
  Mit Zitat antworten
Alt 04.07.2009, 08:29   # 7
FreewareGuide
Moderator
 
Benutzerbild von FreewareGuide
 
Registriert seit: 31.10.2002
Ort: Oldenburg
Beiträge: 5.432
Ich hab nochmal nachgedacht, und denke mir, wenn es eh in Facebook soll usw. dann sollte JavaScript ja kein Ausschlusskriterium sein. Darum hier mal die darum erweiterte Variante:
HTML-Code:
<form action="http://opac.nebis.ch/F" method="get" name="nebisform" onsubmit="document.forms['nebisform'].elements['request'].value = 'e39 ' + document.forms['nebisform'].elements['request'].value;return true;">
    <input type="hidden" name="local_base" value="nebis" />
    <input type="hidden" name="con_lng" value="GER" />
    <input type="hidden" name="func" value="find-b" />
    <input type="hidden" name="find_code" value="WRD" />
    <input type="text" name="request" size="30" maxlength="30" />
    <input type="submit" value="Suchen" />
</form>
Grüße,
Thorsten
__________________
Wieder da: FreewareGuide.de
...bin letztens durch die Aufnahmeprüfung zur Hellseherschule gekracht! smiley crystal ball
  Mit Zitat antworten
Alt 04.07.2009, 09:03   # 8
Pascal1984
Swagman
Threadstarter
 
Benutzerbild von Pascal1984
 
Registriert seit: 21.12.2006
Ort: Schweiz
Beiträge: 2.158
Danke! Dein zweiter Code läuft, damit bekomme ich nun alle Suchtreffer aus unserem Bibliotheksverbund.


Zitat:
Zitat von FreewareGuide Beitrag anzeigen
bist Du Dir sicher, dass so die URL aussehen muss?
Nicht 100%ig, aber zumindest hat sie soweit funktioniert. Mit e39 würde das Suchresultat auf unsere Bibliothek eingeschränkt werden. Es würden nur Bücher erscheinen die es auch in unserer Bibliothek gibt und nicht nur in anderen Bibliothek unseres Bibliothekverbunds.

Zitat:
Wo hast Du die URL denn her?
Ich hatte sie mir selbst zusammengeschustert. Als Grundlage diente mir der Link auf unserer Webpage die zu unseren Neuzugängen für den Monat Juli führt:
NEBIS - Ergebnisliste

Also wenn sich das E39 noch irgendwie standardmässig zufügen lässt wäre das Klasse! Aber es ist kein Weltuntergang wenn wir drauf verzichten müssten.
  Mit Zitat antworten
Alt 04.07.2009, 09:34   # 9
FreewareGuide
Moderator
 
Benutzerbild von FreewareGuide
 
Registriert seit: 31.10.2002
Ort: Oldenburg
Beiträge: 5.432
So ganz weiß ich nicht, wie Du Dir das zusammengestückelt hast und was davon wirklich nötig ist und was verzichtbar, aber über die erweiterte Suche habe ich mir "filter_"-Parameter rausgesucht, über die die Bibliothek eingeschränkt werden kann und das somit nicht mit in den Suchbegriff muss:
HTML-Code:
<form action="http://opac.nebis.ch/F" method="get">
    <input type="hidden" name="local_base" value="nebis" />
    <input type="hidden" name="con_lng" value="GER" />
    <input type="hidden" name="func" value="find-b" />
    <input type="hidden" name="find_code" value="WRD" />
    <input type="hidden" name="filter_code_5" value="WSL" />
    <input type="hidden" name="filter_request_5" value="E39" />
    <input type="text" name="request" size="30" maxlength="30" />
    <input type="submit" value="Suchen" />
</form>
Grüße,
Thorsten
__________________
Wieder da: FreewareGuide.de
...bin letztens durch die Aufnahmeprüfung zur Hellseherschule gekracht! smiley crystal ball
  Mit Zitat antworten
Alt 04.07.2009, 10:18   # 10
Pascal1984
Swagman
Threadstarter
 
Benutzerbild von Pascal1984
 
Registriert seit: 21.12.2006
Ort: Schweiz
Beiträge: 2.158


Mir fällt gerade ein, wäre es möglich einen Knopf oder Häckenbox einzufügen mit dem der Benutzer zwischen einer Gesammtsuche und einer Suche für nur unsere Bibliothek wählen kann?

Sorry, ist mir nur gerade so spontan eingefallen....
  Mit Zitat antworten
Alt 04.07.2009, 10:46   # 11
FreewareGuide
Moderator
 
Benutzerbild von FreewareGuide
 
Registriert seit: 31.10.2002
Ort: Oldenburg
Beiträge: 5.432
Zitat:
Zitat von Pascal1984 Beitrag anzeigen
Mir fällt gerade ein, wäre es möglich einen Knopf oder Häckenbox einzufügen mit dem der Benutzer zwischen einer Gesammtsuche und einer Suche für nur unsere Bibliothek wählen kann?
Natürlich:
HTML-Code:
 <form action="http://opac.nebis.ch/F" method="get">
    <input type="hidden" name="local_base" value="nebis" />
    <input type="hidden" name="con_lng" value="GER" />
    <input type="hidden" name="func" value="find-b" />
    <input type="hidden" name="find_code" value="WRD" />
    <input type="hidden" name="filter_code_5" value="WSL" />
    <input type="text" name="request" size="30" maxlength="30" />
    <input type="submit" value="Suchen" /><br />
    <input type="checkbox" name="filter_request_5" value="E39" checked="checked" id="nebisfilterE39" />
    <small><label for="nebisfilterE39">nur in FHNW-PH-S (Solothurn) suchen</label></small>
  </form>
Der "filter" ist jetzt halt nicht mehr "hidden", sondern eine Checkbox. Wenn nicht angehakt, wird der Wert nicht mitgeschickt also auch nicht nach Eurer Bibliothek gefiltert. Mit dem Attribut "checked" wird die Vorauswahl gesetzt, bei anderem Default rausnehmen. Der Text danach ist in ein Label gepackt (und die entsprechende ID gesetzt und zugeordnet), damit auch bereits beim Klick auf den Text die Checkbox gesetzt wird, ähnlich wie man es z.B. in Windows gewohnt ist.

Das könnte man natürlich noch etwas aufhübschen... Oder statt Checkbox Radio-Buttons, die die explizite Wahl zwischen gesamt oder gefiltert lassen, je nachdem was man meint der Benutzer würde es besser verstehen. Ich würde es mit dieser Checkbox bevorzugen.
  Mit Zitat antworten
Alt 04.07.2009, 11:15   # 12
Pascal1984
Swagman
Threadstarter
 
Benutzerbild von Pascal1984
 
Registriert seit: 21.12.2006
Ort: Schweiz
Beiträge: 2.158
Danke!
Zitat:
Zitat von FreewareGuide Beitrag anzeigen
Ich würde es mit dieser Checkbox bevorzugen.
Ja, ich denke das versteht der Benutzer.

Mein Code für die die Facebook-Box sieht zur Zeit so aus:

HTML-Code:
<img src="http://img375.imageshack.us/img375/3552/nebislogo.png" /><font color="#0000A0" size="2"><b>Stichwortsuche<b></font><br><br><br><form action="http://opac.nebis.ch/F" method="get">
    <input type="hidden" name="local_base" value="nebis" />
    <input type="hidden" name="con_lng" value="GER" />
    <input type="hidden" name="func" value="find-b" />
    <input type="hidden" name="find_code" value="WRD" />
    <input type="hidden" name="filter_code_5" value="WSL" />
    <input type="text" name="request" size="30" maxlength="30" />
    <input type="submit" value="Suchen" /><br />
    <input type="checkbox" name="filter_request_5" value="E39" checked="checked" id="nebisfilterE39" />
    <small><label for="nebisfilterE39"><font color="#0000A0"><b>nur in Mediothek suchen</b></font></label></small>
  </form>
Das Resultat:
facebooko
Was mich nun noch etwas stört ist, dass die Checkbox und die Erklärung dazu nicht ganz auf gleicher Höhe sind. Liegt das nur an meiner veralteten IE Version oder lässt sich das irgendwie ändern?
  Mit Zitat antworten
Alt 04.07.2009, 11:51   # 13
FreewareGuide
Moderator
 
Benutzerbild von FreewareGuide
 
Registriert seit: 31.10.2002
Ort: Oldenburg
Beiträge: 5.432
Zitat:
Zitat von Pascal1984 Beitrag anzeigen
Was mich nun noch etwas stört ist, dass die Checkbox und die Erklärung dazu nicht ganz auf gleicher Höhe sind. Liegt das nur an meiner veralteten IE Version oder lässt sich das irgendwie ändern?
Jetzt wird es etwas umständlicher. Grundsätzlich ist das ein bekanntes Ärgernis. Da müsste am am besten mit CSS bei. Allerdings kann ich das nur bedingt bei mir nachspielen, weil schon Dein Schnipsel anders gestaltet ist, weil er wohl bei Dir in eine Seite mit entsprechenden CSS-Styles eingebunden ist, die ich nicht kenne. Außerdem, ein bisschen was selbst basteln...

Sowieso sollte man auf <font>-Gestaltung verzichten und sich mit CSS anfreunden. Für sowas wie die Schriftfarbe ist das auch einfach (besser noch Klassen im Stylesheet definieren statt Farben explizit im Quelltext anzuführen), für Positionierungen und so kann das schon mal verzwickter sein. Die Eigenschaft vertical-align klappt mit dem Inpurt-Element, wie sie auch mit Bildern funktioniert:
HTML-Code:
<input type="checkbox" name="filter_request_5" value="E39" checked="checked" id="nebisfilterE39" style="vertical-align:middle;" />
<b><small style="color:#0000A0;"><label for="nebisfilterE39">nur in Mediothek suchen</label></small></b>
Und dann kann mann natürlich auch den "vertical-align" allgemein im Stylesheet definieren, dann muss man es nicht immer ranschreiben:
HTML-Code:
input {
    vertical-align:middle;
}
  Mit Zitat antworten
Alt 04.07.2009, 12:12   # 14
Pascal1984
Swagman
Threadstarter
 
Benutzerbild von Pascal1984
 
Registriert seit: 21.12.2006
Ort: Schweiz
Beiträge: 2.158
Ja, beim nächsten mal muss ich mich etwas eingehender mit der Materie beschäftigen.

Danke für deine Geduld. Die Box gefällt mir nun sehr gut.
  Mit Zitat antworten

Alt 28.05.2012, 21:13 # --
News Flash
 
Benutzerbild von News Flash
 
 
 

Das könnte Dich auch noch interessieren:

Nicht fündig geworden? Dann ohne Anmeldung in unserem Gast-Forum nachfragen.

   
Antwort
Themen-Optionen



Alle Zeitangaben in WEZ +2. Es ist jetzt 21:13 Uhr.