how to get searchbox id from jquery in sharepoint 2010 to add watermark

Question

how to get searchbox id from jquery in sharepoint 2010.

Id it generates it something like ctl....searchbox.

How can I get searchbox id in jquery for watermark

---

sharepointer

Answer 1

You could use JQuery Selectors to get the search box element [explained in following URL]

http://api.jquery.com/category/selectors/

You could leverage "Attribute Ends With Selector" using jQuery('[id$="searchbox"]')

In case of our since the master page was customized we used following [Attribute Starts With Selector]

<script type="text/javascript">

  function searchConfiguration() 
  {
    $("input[id^='<%= SearchBoxExMain.ClientID %>']").watermark('Type your Keyword here...', { className: 'searchBox-watermark' });
    $("input[id^='<%= SearchBoxExMain.ClientID %>']").attr("title", "Type your Keyword here...");
    $("input[id^='<%= SearchBoxExMain.ClientID %>']").css("color", "#000000");
  }

  _spBodyOnLoadFunctionNames.push("searchConfiguration");

</script>

Hope this helps

Answer 2

We just used QueryPromptString property of searchboxex control and its working fine for us.

---

MCTS Sharepoint 2010, MCAD dotnet, MCPDEA, SharePoint Lead

Answer 3

Ajay,

Have you tried in sharepoint 2013. If so can you please share me the code .

Thanks,

Sandy