Customizable: If you prefer not to use our pre-defined search box styles and want to be creative by styling our search tool.
<script src="http://ffxiv.yg.com/tools/yg_searchbox.js"></script>
<script>
YG.Search.Lang = 'fr';
YG.Search.UseJavaScript = false;
YG.Search.OpenNewWindow = false;
YG.Search.Styles = {
SearchWrapper: 'your_own_css_class',
SearchInput: 'your_own_css_class',
SearchButton: 'your_own_css_class',
SearchButtonText: 'your_preferred_text'
}
YG.Search.Get();
</script>
Parameters Definition:
You can use the parameters below to define your own CSS class names and customize your YG Search Box's style.
: Allows you to customize the main search box container by defining your own CSS rules for width, height, background color/image, border, and so on.
: Allows you to define your own CSS rules for the search input box.
: Allows you to customize the CSS for the search button.
: Allows you to change the text of the search button. If you want to remove the text found within the search button, keep this parameter empty.
Note: Setting will overwrite any custom styles applied to the search box because the parameter handles our own pre-defined styles.
Search to specific list pages
You can use this parameter if you want to search to a specific list page only ex: bazaar
YG.Search.SearchPage = 'object_type';
Object types:
- bazaar
- items
- skills
- recipes
- guildleves
- quests
- npcs
- zones
- races
- classes
Sample ():
<script src="http://ffxiv.yg.com/tools/yg_searchbox.js"></script>
<script>
YG.Search.Type = 1;
YG.Search.SearchPage = 'bazaar';
YG.Search.Lang = 'fr';
YG.Search.UseJavaScript = false;
YG.Search.OpenNewWindow = false;
YG.Search.Get();
</script>
Note: If this parameter is not set, the search box tool will use the default search results page.
| 
