NE Österreich GmbH Brockhaus

Suchfeld-Widget

Sie möchten ein Brockhaus Suchfeld für die Brockhaus Nachschlagewerke auf Ihrer Website einfügen? Nichts leichter als das. Kopieren Sie einfach eines der unten stehenden Quellcode-Beispiele und fügen Sie es in Ihre Website ein.

Probieren Sie es gleich hier aus.

Suchfeld-Widget responsive einbinden

HTML 5 codesnippet

Suche in den Nachschlagewerken...
<div><style scoped>#brockhaus-search-widget {width:100%;height:140px;}@media only screen and (min-width: 740px){#brockhaus-search-widget{width:100%;height:77px;}}</style><iframe id="brockhaus-search-widget" src="https://brockhaus.at/search/external/" name="brockhaus-search" frameborder="0" scrolling="no">iframes werden von Ihrem Browser leider nicht unterstützt.</iframe></div>
Suche im Jugendlexikon...
Ändern Sie das Linkziel in: src="...external/julex"
Suche im Kinderlexikon...
Ändern Sie das Linkziel in: src="...external/kilex"
Systembedingt erscheint die Authentifizierungsaufforderung beim Kinderlexikon ggf. direkt nach dem Abschicken der Suche.

HTML 4.01 codesnippet (CSS+HTML)

Im <head> oder CSS Ihrer Seite einfügen:
<style type="text/css">
    #brockhaus-container {
      position: relative;
      overflow: hidden;
      width: 100%;
    }
    #brockhaus-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    @media only screen and (min-width:320px)
      {
        #brockhaus-container {
        height: 140px;
        }
      }
    @media only screen and (min-width:784px)
      {
        #brockhaus-container {
        height: 80px;
        }
      }
  </style>
Im <body> Ihrer Seite einfügen:
<div id="brockhaus-container"><iframe frameborder="0" scrolling="no" width="350" height="140" target="_parent" src="https://brockhaus.at/search/external/" name="brockhaus-search" id="brockhaus-search" alt="Brockhaus Suche"><p>iframes werden von Ihrem Browser leider nicht unterstützt.</p></iframe></div>

Suchfeld statisch einbinden

Statisch bedeutet, dass sich die Breite und Höhe des Suchfeld-Widgets nicht automatisch an die Browsergröße anpasst. Sie können eine feste Größe vorgeben. In diesem Beispiel 350px breit und 140px hoch:

HTML 5/4.01 codesnippet

Suche in den Nachschlagewerken...

<div><iframe frameborder="0" scrolling="no" width="350" height="140" src="https://brockhaus.at/search/external/" name="brockhaus-search" id="brockhaus-search-widget-static" alt="Brockhaus Suche"><p>iframes werden von Ihrem Browser leider nicht unterstützt.</p></iframe></div>

Suchfeld ohne iFrame einbinden

Auf älteren Systemen empfiehlt es sich das Suchfeld-Widget statisch und ohne iframe einzubinden:

HTML 4.x codesnippet

Suche in den Nachschlagewerken...

<form id="brockhaus-form" style="text-align:center;width:223px; height:120px; background-color:white;border:1px solid #646464; padding:5px; margin:20px 0 20px 0;display:block" method="get" action="/search/external/forward/ency" style="margin:0; padding-top:8px" target="_blank" _lpchecked="1"><img src="https://www.brockhaus.at/logo/logo.svg" class="brockhaus_logo" style="width:80px;height:55px;" /><input style="height:1.8rem; vertical-align:center;background:#FBFBFB; border:1px solid #646464; color:#646464; font-weight:bold; padding:4px;font-size:0.8rem;" title="Geben Sie einen oder mehrere Begriffe ein, nach denen Sie suchen möchten." placeholder="Ihr Suchbegriff" type="text" name="keyword" size="15" maxlength="128" autocomplete="OFF"></form>
Jugendlexikon=/search/external/forward/julex
Kinderlexikon=/search/external/forward/kilex

Das könnte Sie auch interessieren

Sie benötigen das Brockhaus Logo lokal auf Ihrem Server, einen Link-Button oder den ein oder anderen Textbaustein für Ihre Website? In unserem Werbemittelbereich werden Sie sicher fündig.