Sie können die Breite des Suchfeldes frei wählen.
Es sollte hierbei allerdings ein Minimum von 230px eingehalten werden.
Zusätzlich können Sie die Suchleiste als Sitesearch für Ihre eigene Homepage verwenden, und Sie können natürlich auch hier Ihre zu unterstützende Organisation fest einstellen.

	  				
							
								
<!-- START benefind - Suchleiste -->


<style>


#bfsuch1 {width:230px;} /* hier können Sie die Größe einstellen das Minimum sollte 230px betragen */


#bfsuch4 {display:block;} /* hier können Sie einstellen, ob Sie mit einer Site-Search für Ihre Homepage arbeiten wollen block=an none=aus */


#bfsuch1 {height:32px;background:url(http://www.benefind.de/images/sufemi.png) repeat-x scroll left top;}


#bfsuch2 {height:32px;width:80%;float:left;background:url(http://www.benefind.de/images/sufeli.png) no-repeat scroll left top;}


#bfsuch3 {height:32px;float:right;}


#bfsuch4 {width:inherit;clear:both;padding:2px 2px 2px 2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#888;background:#FFF;}


* html #bfsuch4 {margin-top:-3px}


#bfsuch2 input {height:20px;width:100%;margin:6px 0px 0px 8px;border:0px;font-size:16px;outline:0;font-family:Arial, Helvetica, sans-serif;background-image:url(http://www.benefind.de/images/banner/logosuch.png); background-repeat:no-repeat; background-position:left center;}


</style>


<script type="text/javascript">


function clbf(){


    document.bfform.reset();


    document.getElementById('bfin').style.background='url(http://www.benefind.de/images/banner/logosuch.png) no-repeat';


    document.getElementById('bfim').focus();


}


</script>


<div id="bfsuch1">


    <form name="bfform" action="http://www.benefind.de/web.php" method="get" target="_blank" onsubmit="setTimeout('clbf()', 500);">


        <div id="bfsuch2">


            <input id="bfin" name="q" type="text"


                onfocus="this.style.background='#FFFFFF';"


                onclick="this.style.background='#FFFFFF';" 


                onblur="if (this.value.length > 0){}else{this.style.background='url(http://www.benefind.de/images/banner/logosuch.png) no-repeat'}"/>


        </div>


        <div id="bfsuch3">


             <!-- Bitte geben Sie bei value die Nummer der Organisation ein, welche Sie unterstützen möchten, oder 0 für alle Organisationen. z.B. value="11"-->


             <input type="radio" name="org" checked="checked" style="display:none" value="" />


             <!-- ************************************************************************************************************************** -->


             <input id="bfim" type="image" src="http://www.benefind.de/images/sufere.png" />


        </div>


        <div id="bfsuch4"> Suche:


            <input onclick="document.getElementById('bfr2').checked=false;" checked="checked" id="bfr1" name="web" type="radio"/>


            Das Web


             <!-- Bitte geben Sie bei value die URL Ihrer WebSite ein, welche über die SiteSearch durchsucht werden soll z.B. value="http://www.IHREDOMAIN"-->


            <input onclick="document.getElementById('bfr1').checked=false;" id="bfr2" name="site" type="radio" value=""/>


             <!-- ****************************************************************************************************** -->


            Diese Website 


        </div>


    </form>


</div>


<!-- ENDE benefind - Suchleiste -->
							
						

Das Widget kann auf jeden beliebigen Javascript-Eventhandler gelegt werden, allerdings macht es bei onmouseover, oder onclick am meisten Sinn. Hierfür müssen Sie lediglich den Code unten in Ihre Seite einfügen und bei einem Javascript-Eventhandler benefind(this,event) eingeben.
Zusätzlich können Sie im Code, bei bforg=0, auch Ihre zu unterstützende Organisation einstellen.

Beispiele:

<a href="#" onmouseover="benefind(this,event)">Link</a>

oder:

<input type="text" name="test" onclick="benefind(this,event)"/>

	  				
							<script type="text/javascript" src="http://www.benefind.de/suchwid.js"></script>
<script type="text/javascript">
bforg=0; // Bitte geben Sie hier die Nummer der Organisation ein, welche Sie unterstützen möchten, oder 0 für alle Organisationen
</script>							
						

mit benefind:

ohne benefind:

Dieses Script ermöglicht es, die benefind-Suche mit Ihre Suchleiste zu kompinieren. Es ist hierbei nicht nötig den Code Ihrer Suchleiste zu verändern. Alle Funktionen werden beibehalten.
Um das Script zu integrieren, müssen Sie den unten stehenden Code in Ihre Seite kopieren und die angegebenen Parameter ändern. Bei den Parametern handelt es sich um die Positionierung und das Aussehen der Pop-Up-Box. Zusätzlich können Sie auch bei bforg=0 Ihre zu unterstützende Organisation einstellen.
Um das Script zu aktivieren müssen Sie beim Tag <body>, oder bei einer bereits vorhanden window.onload Funktion, die onload Funktion bfload hinzufügen.

Beispiel:

<body onload="bfload()">

	  				
							
							<script type="text/javascript" src="http://www.benefind.de/suchint.js"></script>
<script type="text/javascript">
bflogo=2; // geben Sie hier die Nummer für das Wasserzeichen ein, welches Sie verwenden möchten: 1 = klein, 2 = mittel, 3 = groß
bforg=0; // Bitte geben Sie hier die Nummer der Organisation ein, welche Sie unterstützen möchten, oder 0 für alle Organisationen
bfformnummer = 0; // geben Sie hier die Nummer Ihrer Form auf Ihrer Seite ein, in welcher sich die Input-Box befindet, sollte nur eine Form auf Ihrer Seite sein, dann geben Sie bitte 0 ein.
bftoppos=0; // Offset in px für den Abstand der Pop-Up-Box von oben
bfleftpos=0; // Offset in px für den Abstand der Pop-Up-Box von links
bfwidth=0; // Offset in px für die Breite der Pop-Up-Box (falls die Box zu groß sein sollte, nehmen Sie negative Zahlen
</script>