Vanilla JS utility functions for daily website usage
If you are using or are interested in this module, please send me some Feedback. Any comment, request or critic is welcome! veto@myridia.com
npm install vanilla-website-utils
<script src="../node_modules/vanilla-website-utils/dist/vanilla-website-utils.js"></script>
var vu = new Vanilla_website_utils();
window.onload = async function()
{
const host = await vu.get_host();
const v = await vu.get_parameters();
console.log(host);
console.log(v);
};
<form>
<input id="test" class="test" />
</form>
await vwu.autoload_textfield("http://127.0.0.1:8051/book_authors_name?f=data&_max=100",'test','test')
https://calantas.org/vanilla-website-utils
GPL licenses A module for Vanilla-website-utils
-
Vanilla-website-utils
-
module.exports#csv_file_to_array(file) ⇒
array
⏏ - module.exports#clear_textarea() ⏏
-
module.exports#sort_object(obj, sort_order) ⇒
array
⏏ -
module.exports#date_to_112(_date) ⇒
string
⏏ -
module.exports#month_list(month_back, revert, format) ⇒
arry
⏏ -
module.exports#get_host(ext) ⇒
string
⏏ -
module.exports#get_parameters(url) ⇒
object
⏏ -
module.exports#get_select_text_by_value(select, value) ⇒
string
⏏ -
module.exports#add_parameters(url, parameters) ⇒
string
⏏ -
module.exports#aget_api(url) ⇒
object
⏏ -
module.exports#aput_api(url, data, content_type) ⇒
object
⏏ -
module.exports#apost_api(url, data, content_type) ⇒
object
⏏ -
module.exports#post_api(url, my_callback, _data) ⇒
object
⏏ -
module.exports#_email_validator(email) ⇒
bolan
⏏ -
module.exports#email_validator(email) ⇒
bolan
⏏ -
module.exports#get_url_parameter(name) ⇒
string
⏏ -
module.exports#get_site() ⇒
string
⏏ - module.exports#autocomplete_textfield(setting) ⏏
- module.exports#_set_textfield() ⏏
- module.exports#autoload_textfield() ⏏
- module.exports#autocomplete() ⏏
-
module.exports#get_form_data(form) ⇒
array
⏏ - module.exports#s_fill_select(select_obj, data) ⏏
- module.exports#fill_select(select_obj, data, selected, copy2clipboard, log) ⏏
-
module.exports#pad(number) ⇒
string
⏏ - module.exports#s_set_selected(select_obj, data) ⏏
- module.exports#set_selected() ⏏
-
module.exports#csv_file_to_array(file) ⇒
Kind: Exported function
Returns: array
- - the collected data from the csv file into an array
Param | Type | Description |
---|---|---|
file | object |
file object from a HTML website |
Example
var vwu = new Vanilla_website_utils();
document.querySelector("#input").addEventListener("change", function(){
let arr = vwu.file_to_array(this.files[0]);
},false)
Kind: Exported function
Example
var vwu = new Vanilla_website_utils();
vwu.clear_textarea()
Kind: Exported function
Param | Type | Default | Description |
---|---|---|---|
obj | object |
javascript object | |
sort_order | string |
"desc" |
desc or asc (default desc) |
Example
var vwu = new Vanilla_website_utils();
let obj = {a:100,b:50,c:75,d:1};
let a = vwu.sort_object('desc');
Kind: Exported function
Returns: string
- - in 112 format like 20230515
Param | Type | Description |
---|---|---|
_date | object |
dateobject |
Example
var vwu = new Vanilla_website_utils();
let date = new Date();
let iso_112 = vwu.date_to_112(date);
Kind: Exported function
Returns: arry
- - list of month in format like 10.2022
Param | Type | Default | Description |
---|---|---|---|
month_back | int |
12 |
number of month back |
revert | bolean |
false |
revert order - Default is false |
format | string |
"`${j}.${i}`" |
return format of the month year pair - Default {j}.{i} like 09.2022 |
Example
var vwu = new Vanilla_website_utils();
let data = await vwu.month_list(60,true,"`${j}.${i}`");
Kind: Exported function
Returns: string
- - the hostname
Param | Type | Default | Description |
---|---|---|---|
ext | string |
"html" |
extentison |
Example
var vwu = new Vanilla_website_utils();
let host = await vwu.get_host();
Kind: Exported function
Returns: object
- json pair key/value
Param | Type | Description |
---|---|---|
url | string |
url |
Example
var vwu = new Vanilla_website_utils();
let v = await vwu.get_parameters();
Kind: Exported function
Returns: string
- text
Param | Type | Description |
---|---|---|
select | object |
the DOM select object |
value | string |
value |
Example
var vwu = new Vanilla_website_utils();
let mytext = await vwu.get_select_text_by_value(document.querySelector("#resource"), v['resource'],v['resource']);
Kind: Exported function
Returns: string
- url plus the new parameters
Param | Type | Description |
---|---|---|
url | string |
original url |
parameters | string |
json like {'foo':'bar'} |
Example
var vwu = new Vanilla_website_utils();
filter = {"foo":"bar"};
url = await vwu.add_parameters(url, filter);
Kind: Exported function
Returns: object
- json
Param | Type | Description |
---|---|---|
url | string |
api url |
Example
var vwu = new Vanilla_website_utils();
let res = await vwu.aget_api(url);
Kind: Exported function
Returns: object
- json
Param | Type | Default | Description |
---|---|---|---|
url | string |
api url | |
data | object |
data | |
content_type | string |
"application/json" |
content type of the sending data optional - default is "application/json" |
Example
let data = {"foo":"bar"}
var vwu = new Vanilla_website_utils();
let res = await vwu.apost_api(url, data, "application/json");
Kind: Exported function
Returns: object
- json
Param | Type | Default | Description |
---|---|---|---|
url | string |
api url | |
data | object |
data | |
content_type | string |
"application/json" |
content type of the sending data optional - default is "application/json" |
Example
var vwu = new Vanilla_website_utils();
let res = await vwu.apost_api(url, data, "application/json");
Kind: Exported function
Returns: object
- json
Param | Type | Description |
---|---|---|
url | string |
api url |
object |
data | |
my_callback | string |
name of the callback function |
_data | string |
content type of the sending data optional - default is "application/json" |
Example
var vwu = new Vanilla_website_utils();
let data = {"foo":"bar"}
let ret = vwu.post_api('http://foo.bar/api','myfuncion','application/json')
Kind: Exported function
Returns: bolan
- true if ok and false if bad email
Param | Type | Description |
---|---|---|
string |
Example
var vwu = new Vanilla_website_utils();
const ok = vwu._email_validator(foo@bar.com)
Kind: Exported function
Returns: bolan
- true if ok and false if bad email
Param | Type | Description |
---|---|---|
string |
Example
var vwu = new Vanilla_website_utils();
const ok = await vwu._email_validator(foo@bar.com)
Kind: Exported function
Returns: string
- url parameter
Param | Type | Description |
---|---|---|
name | string |
key of the url parameter |
Example
var vwu = new Vanilla_website_utils();
const from = await vwu.get_url_parameter('from')
Kind: Exported function
Returns: string
- sitename
Example
var vwu = new Vanilla_website_utils();
let site = vwu.get_site
Kind: Exported function
Param | Type | Description |
---|---|---|
setting | object |
see example |
Example
var vwu = new Vanilla_website_utils();
await vwu.autocomplete_textfield({
url: api + '/code/name',
onetimeload: true,
dom_id: 'search',
name: 'search',
append_to: '#nav-search',
min_key_length: 2
search: inline
});
Kind: Exported function
Returns: array
- in key/value
Param | Type | Description |
---|---|---|
form | object |
form object |
Example
var vwu = new Vanilla_website_utils();
let data = JSON.stringify(await vwu.get_form_data(form));
Kind: Exported function
Param | Type | Description |
---|---|---|
select_obj | object |
DOM object |
data | object |
data array |
Example
var vwu = new Vanilla_website_utils();
let extra_sel = document.querySelector("#extra");
await vwu.fill_select(extra_sel, data);
Kind: Exported function
Param | Type | Default | Description |
---|---|---|---|
select_obj | object |
DOM object | |
data | object |
data array | |
selected | string |
select element | |
copy2clipboard | boolean |
false |
copy2clipboard true or false |
log | object |
false |
log object - experimental |
Example
var vwu = new Vanilla_website_utils();
const url = api + '/fields?table=av0_style&db=sl&server=232&f=list';
const data = JSON.parse(await aget_api(url));
let extra_sel = document.querySelector("#extra");
await vwu.fill_select(extra_sel, data);
await vwu.fill_select(sel,all_tags,'height: 500px; width: 230px;font-size: 9px',true, log);
Kind: Exported function
Returns: string
- - data array
Param | Type | Description |
---|---|---|
number | int |
number |
Example
var vwu = new Vanilla_website_utils();
let x = vwu.pad(5);
Kind: Exported function
Param | Type | Description |
---|---|---|
select_obj | object |
DOM object |
data | object |
data array |
Example
var vwu = new Vanilla_website_utils();
let extra_sel = document.querySelector("#extra");
await vwu.fill_select(extra_sel, data);
Kind: Exported function
Example
var vwu = new Vanilla_website_utils();
let select = document.querySelector("#bom");
await vwu.set_selected(select,v['bom']);