Suchfeld im Top-Menü mit erweiterter Suche

[XTCM-User]

Dank Tomcraft gibt es hier im Forum ja schon eine super Anleitung. ->  ANLEITUNG: Suchfeld ins Top-Menü verschieben
Danke dafür!
Da das Thema schon geschlossen wurde habe ich hier noch mal eines geöffnet.

Anbei eine von mir gebastelte Änderung an der box_search.html um einen Button für eine erweiterte Suche hinzu zu fügen.

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
{$FORM_ACTION}
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
<!--
     <tr>
          <td colspan="2"><strong>{#heading_search#}:</strong></td>
    </tr>
//-->

     <tr>

          <!--<td><strong>{#heading_search#}:</strong></td>//-->
         <td>{$INPUT_SEARCH}</td>
          <td>{$BUTTON_SUBMIT}</td>
          <td><a href="http://www.cad-notebook.de/advanced_search.php"><img
          style="border: 0px solid ; width: 20px; height: 20px;" alt="Erw. Suche"
          src="http://www.cad-notebook.de/templates/xtc5/buttons/german/button_advanced_find.gif"></a><img</td>

     </tr>

<!--
        <tr>
          <td colspan="2"><a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a></td>
       </tr>
//-->
</table>
<div id="intelliSearchResult"></div>
{$FORM_END}
 

Da jetzt sämtliche Progger die Hände über dem Kopf zusammen schlagen werden (weil der Code zwar funktioniert aber direkte URLs verwendet) möchte ich im Vorfeld schon mal um Entschuldigung bitten und Euch bitten den Code so zu verbessern, dass er Eurem Standard genügt. Leider reichen meine Programmierkenntnisse hierfür noch nicht aus. Möglicherweise benötigt hier noch jemand diesen Button und Eure Verbesserungen werde dann weiterhelfen. Anbei noch ein Bild!

  [ Für Gäste sind keine Dateianhänge sichtbar ]



Linkback: https://www.modified-shop.org/forum/index.php?topic=7191.0

[Tomcraft]

Der Code sollte zumindest so abgeändert werden:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
{$FORM_ACTION}
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
<!--
     <tr>
          <td colspan="2"><strong>{#heading_search#}:</strong></td>
    </tr>
//-->

     <tr>

          <!--<td><strong>{#heading_search#}:</strong></td>//-->
         <td>{$INPUT_SEARCH}</td>
          <td>{$BUTTON_SUBMIT}</td>
          <td><a href="{$LINK_ADVANCED}"><img
          style="border: 0px solid ; width: 20px; height: 20px;" alt="Erw. Suche"
          src="{$tpl_path}buttons/german/button_advanced_find.gif"></a><img</td>

     </tr>

<!--
        <tr>
          <td colspan="2"><a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a></td>
       </tr>
//-->
</table>
<div id="intelliSearchResult"></div>
{$FORM_END}
 

Grüße

Torsten

[XTCM-User]

Gibt es irgendwo eine Liste mit genau diesen Pfadvariablen wie eben {$tpl_path}? Wenn ja, dann scheint die ja sehr geheim zu sein, oder? Wie bekomme ich die in die Finger?  

Du sagst "der Code sollte zumindest so abgeändert werden", heißt das jetzt er ist so technisch gesehen in Ordnung oder nur ein Kompromiss wo eigentlich was wichtiges fehlt?

[guensi]

Ich gehe mal davon aus, dass der Code funktioniert. (Hab ich jetzt nicht getestet)

Die Anpassungen von Tomcraft beziehen sich darauf, keine absoluten Links zu schreiben, sondern die entsprechenden Smartys zu benutzen.

Ansonsten - hmm, die hardcoded eingemeißelten style-Angaben würde ich über die Angabe einer class ins stylesheet auslagern, beim Alt-Tag würde ich auf den . verzichten und "Erweiterte Suche" schreiben.

Ansonsten sollte das den Zweck erfüllen.

[Spritzpistole]

Hallo,

also ich habe die beiden Anleitungen eingebunden, läuft ohne Probleme.

Allerdings habe ich den Link zur erweiterten Suche nicht als Bild sondern gleich als reinen Text eingebunden. Klappt ebenfalls einwandfrei.

In der obigen Anleitung ist allerdings der schließende Image-Tag nicht korrekt und meiner bescheidenen Meinung nach an der falschen Stelle. Müsste doch innerhalb des Link-Tags liegen, oder? Ich meine die Passage hier:

Code: PHP  [Auswählen]

<td><a href="{$LINK_ADVANCED}"><img
          style="border: 0px solid ; width: 20px; height: 20px;" alt="Erw. Suche"
          src="{$tpl_path}buttons/german/button_advanced_find.gif"></a><img</td>
 

Wer kein intelliSearch benutzt, für den ist doch auch

Code: PHP  [Auswählen]

<div id="intelliSearchResult"></div>
 

vor dem Formular-Ende nicht erforderlich?!
Ich habe sowieso so meine Probleme, wenn intelliSearch vorher installiert war. Die Suchergebnisliste wird dann nicht unter dem Sucheingabefeld positioniert und die intelliSearch-Ergebnisse werden alle rechtsbündig formatiert. Ich habe intelliSearch daher erst einmal rausgenommen.

Gruß
Thomas

[Tomcraft]

Ja, das DIV für "IntelliSearch" kannst du in dem Fall einfach weg lassen.

Grüße

Torsten

[XTCM-User]

Hallo, inzwischen sieht der Code bei mir so aus:

stylesheet.css

Code: CSS  [Auswählen]

#topmenuwrap #search {
    text-align:right;
    height:26px;
    color: white;
    font-size:13px;
    padding: 4px 10px 4px 0px;
    margin-top: 2px;
    float: right;

}
#topmenuwrap #search #button_advanced_find{
        position: relative;
        top: 2px;
        left: 2px;
}
 

box_search.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
{$FORM_ACTION}
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
     <tr>
          <!--<td><strong>{#heading_search#}:</strong></td>//-->
         <td>{$INPUT_SEARCH}</td>
          <td>{$BUTTON_SUBMIT}</td>
          <td>
            <a href="{$LINK_ADVANCED}">
              <img src="{$tpl_path}buttons/german/button_advanced_find.gif" title="Erweiterte Suche" alt="Erweiterte Suche" />
            </a>
          </td>
     </tr>
</table>
<div id="intelliSearchResult"></div>
{$FORM_END}
 

[gero01]

Hallo Allerseits,
Diese Suchfeld-Umgestaltung ist eine sehr gute Lösung für die Intgration in die Top- bzw. auch Breadcrumb-Leisten.
Bin aber nicht ganz einverstanden mit der Code-Ausführung.
Sollte nicht der

Code: PHP  [Auswählen]

title="Erweiterte Suche" alt="Erweiterte Suche"

in die german.php ?
Mir fehlt dafür leider das notwendige Handwerkzeug.

Gerd

[Tomcraft]

Kannst du doch gerne tun.

Code: PHP  [Auswählen]

title="{#heading_search_title#}" alt="{#heading_search_alt#}"
 

Und dann noch die Texte dafür in der "/lang/german/lang_german.conf" in der Sektion [boxes] einfügen.

Code: PHP  [Auswählen]

heading_search_title = 'Erweiterte Suche title'
heading_search_alt = 'Erweiterte Suche alt text'
 

Grüße

Torsten

[gero01]

Danke, war mehr auf die german.php fixiert.

kleiner Nachtrag: So sieht's besser aus !

Code: PHP  [Auswählen]

heading_search_title = 'Erweiterte Suche'
heading_search_alt = 'Erweiterte Suche'
 

[Tomcraft]

Das war ja nur ein Beispiel.

Grüße

Torsten