<commit_before># fancySelectJs
An custom JavaScript select / multi-select / multi-check box

Purpose:
- To create a lightweight stylable alternative to the standard HTML select boxes.
- To have multi-select / multi-check functionality
- To be Salesforce compatible

Notes: (Important stuff)
- This requires JQuery
- All options must have a value attribute set
- All options values must not contain any commas

Some instructions: (not too many)

	Initialization:
		1.  Reference the js/multiSelect.min.js script with your page
		2.  Ditto, but for the css/multiSelect.css an JQuery
		3.  Add some styling (mainly width)
		4.  Create a HTML text box
		5.  With JavaScript, create a new multiselect

	Quick example:
	<html>
		<head>
			<!-- begin steps 1 & 2 -->
			<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
			<script src="js/fancySelectJs.js"></script>
			<link rel="stylesheet" type="text/css" href="css/fancySelectJs.css"/>
			<!-- end steps 1 & 2 -->
			<!-- begin step 3 -->
			<style>
				.fancySelectJs {
					width: 200px;
				}
			</style>
			<!-- end step 3 -->
		</head>
		<body>
			<!-- begin step 4 -->
			<select id="mySelectId">
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
			<!-- end step 4 -->
			<script>
				/* begin step 5 */
				var fancyselect = new fancySelectJs(document.getElementById("mySelectId"));
				/* end step 5 */			
			</script>
		</body>
	</html>
	
	Additional options:
		There are a few ways you can affect how fancySelectJs behaves.
			1.	You can set html attributes on the SELECT element:
			
				Useful SELECT attributes to set on the parent element:
					Attribute			Effect
					class				This class will be applied to the new SELECT box
					
					data-placeholder	The placeholder text to use when nothing is selected
					<commit_msg>Readme updates<commit_after># fancySelectJs
An custom JavaScript select / multi-select / multi-check box

Purpose:
- To create a lightweight stylable alternative to the standard HTML select boxes.
- To have multi-select / multi-check functionality
- To be Salesforce compatible

Notes: (Important stuff)
- This requires JQuery
- All options must have a value attribute set
- All options values must not contain any commas

Some instructions: (not too many)

	Initialization:
		1.  Reference the js/multiSelect.min.js script with your page
		2.  Ditto, but for the css/multiSelect.css an JQuery
		3.  Add some styling (mainly width)
		4.  Create a HTML text box
		5.  With JavaScript, create a new multiselect

	Quick example:
	<html>
		<head>
			<!-- begin steps 1 & 2 -->
			<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
			<script src="js/fancySelectJs.js"></script>
			<link rel="stylesheet" type="text/css" href="css/fancySelectJs.css"/>
			<!-- end steps 1 & 2 -->
			<!-- begin step 3 -->
			<style>
				.fancySelectJs {
					width: 200px;
				}
			</style>
			<!-- end step 3 -->
		</head>
		<body>
			<!-- begin step 4 -->
			<select id="mySelectId">
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
			<!-- end step 4 -->
			<script>
				/* begin step 5 */
				var fancyselect = new fancySelectJs(document.getElementById("mySelectId"));
				/* end step 5 */			
			</script>
		</body>
	</html>
	
	Additional options:
		There are a few ways you can affect how fancySelectJs behaves.
			1.	You can set html attributes on the SELECT element:
			
				Useful SELECT attributes to set on the parent element:
					Attribute			Effect
					
					data-id				This sets the id attribute on the fancySelectJs
					
					class				This class will be applied to the new SELECT box
					
					data-placeholder	The placeholder text to use when nothing is selected
					
{'fraction_non_alphanumeric': 0.11243215301111398, 'fraction_numerical': 0.012923235978288964, 'mean_word_length': 2.809055118110236, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 61, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6211748', 'n_tokens_mistral': 1424, 'n_tokens_neox': 1144, 'n_words': 432}