kostenloser Webspace werbefrei: lima-city

Bing Suchfeld verändern

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   pcundsoftware

   

   pcundsoftware hat kostenlosen Webspace.

   19:46, 26.10.2009

   Hallo,
   habe ein Bing Suchfeld in meine Webseite integriert.
   nun möchte ich, dass man, wenn man das Suchfeld drinnen steht "PCundSoftware.de durchsuchen".
   das solte dann verschwinden, wenn man auf das Feld klickt und wieder erscheinen, wenn man es abwählt. Wie geht das?
   
   code vom Bing-Feld:
   

   <!-- Bing -->
   <meta name="Search.WLSearchBox" content="1.1, de-DE" />
   <div id="WLSearchBoxDiv">
   <table cellpadding="0" cellspacing="0" style="width:322px; height:25px;"><tr id="WLSearchBoxPlaceholder"><td style="width:100%; border:solid 1px #cccccc; background: #ffffff; border-right-style:none; padding-left:10px; padding-right:10px; vertical-align:middle;"><input id="WLSearchBoxInput" type="text" value="&#x57;&#x69;&#x72;&#x64;&#x20;&#x67;&#x65;&#x6c;&#x61;&#x64;&#x65;&#x6e;&#x2e;&#x2e;&#x2e;" disabled="disabled" style="background-image:url('searchbox_background_k.png'); background-position:right; background-repeat:no-repeat; font-family:Arial; font-size:14px; color:#000000; width:100%; border:none 0 transparent;"/></td><td style="background: #ffffff; border: solid 1px #cccccc; border-left-style:none; padding-left:0px; padding-right:0px;"><input id="WLSearchBoxButton" type="image" src="searchbutton_normal_k.png" style="border:none 0 transparent; height:24px; width:24px; vertical-align:top;"/></td></tr></table>
   	<script type="text/javascript" charset="utf-8">
   	var WLSearchBoxConfiguration=
   	{
   		"global":{
   			"serverDNS":"www.bing.com",
   			"market":"de-DE"
   		},
   		"appearance":{
   			"autoHideTopControl":false,
   			"width":600,
   			"height":400,
   			"theme":"Blue"
   		},
   		"scopes":[
   			{
   				"type":"web",
   				"caption":"&#x50;&#x43;&#x75;&#x6e;&#x64;&#x53;&#x6f;&#x66;&#x74;&#x77;&#x61;&#x72;&#x65;&#x2e;&#x64;&#x65;",
   				"searchParam":"site:www.pcundsoftware.de"
   			}
   			,
   			{
   				"type":"web",
   				"caption":"&#x77;&#x65;&#x62;",
   				"searchParam":""
   			}
   		]
   	}
   	</script>
   	<script type="text/javascript" charset="utf-8" src="http://www.bing.com/bootstrap.js?market=de-DE&ServId=SearchBox&ServId=SearchBoxWeb&Callback=WLSearchBoxScriptReady"></script>
   </div>
   <!-- Bing -->

   
   
   Schöne Grüße,
   
   pcundsoftware
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. rambule

   

   rambule hat kostenlosen Webspace.

   1:50, 27.10.2009

   Hi so sollte es klappen :
   
   

   <!-- Bing -->
   <meta name="Search.WLSearchBox" content="1.1, de-DE" />
   <div id="WLSearchBoxDiv">
   <table cellpadding="0" cellspacing="0" style="width:322px; height:25px;"><tr id="WLSearchBoxPlaceholder"><td style="width:100%; border:solid 1px #cccccc; background: #ffffff; border-right-style:none; padding-left:10px; padding-right:10px; vertical-align:middle;"><input id="WLSearchBoxInput" type="text" value="PCundSoftware.de Durchsuchen"  style="background-image:url('searchbox_background_k.png'); background-position:right; background-repeat:no-repeat; font-family:Arial; font-size:14px; color:#000000; width:100%; border:none 0 transparent;"/></td><td style="background: #ffffff; border: solid 1px #cccccc; border-left-style:none; padding-left:0px; padding-right:0px;"><input id="WLSearchBoxButton" type="image" src="searchbutton_normal_k.png" style="border:none 0 transparent; height:24px; width:24px; vertical-align:top;"/></td></tr></table>
   	
   
   <script type="text/javascript" charset="utf-8">
   	var WLSearchBoxConfiguration=
   	{
   		"global":{
   			"serverDNS":"www.bing.com",
   			"market":"de-DE"
   		},
   		"appearance":{
   			"autoHideTopControl":false,
   			"width":600,
   			"height":400,
   			"theme":"Blue"
   		},
   		"scopes":[
   			{
   				"type":"web",
   				"caption":"&#x50;&#x43;&#x75;&#x6e;&#x64;&#x53;&#x6f;&#x66;&#x74;&#x77;&#x61;&#x72;&#x65;&#x2e;&#x64;&#x65;",
   				"searchParam":"site:www.pcundsoftware.de"
   			}
   			,
   			{
   				"type":"web",
   				"caption":"&#x77;&#x65;&#x62;",
   				"searchParam":""
   			}
   		]
   	}
   	</script>
   	<script type="text/javascript" charset="utf-8" src="http://www.bing.com/bootstrap.js?market=de-DE&ServId=SearchBox&ServId=SearchBoxWeb&Callback=WLSearchBoxScriptReady"></script>
   
   
   
   
   
   
   
   
   
   
   
   
   </div>
   
   
   
   
   
   
   
   
   
   
   <!-- Bing -->

   
   
   
   
   du musstest :
   
   

   value="[b]Wird geladen...[/b]"

   
   
   in PCundSoftware.de Durchsuchen ändern
   
   
   bzw läuft es immer noch nicht 100% da das geladene .js von Bing den Text nur kurz aufblinken lässt aber könnte mit images theoretisch laufen :p

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?