sApi - Small Javascript Api

Changes

Examples

$s.extend({
	_objectReady: false, //optional if a function wants to check if init was called...
	myExtention: {
		myFunction: function(param)
		{
			// Just a sample how to check if i'm ready...
			if (this._objectReady !== false) {
				//...
			}
		},
		
		init: function()
		{
			// some stuff i want to execute in the moment this object will be added to sApi
		}
	}
});

$s.onApiReady("myExtention", function()
{
	$s.myExtention.myFunction("something");
});

$s.ajax({
	url:		"/testscript.php", 		//required
	method:		"GET",
	data:		{},
	callback:	function( returnData ) {	//required
				console.log(returnData);					
			},
	errorCallback:	function( XMLHttpRequest ) {
				console.log(XMLHttpRequest);
			}
});	

$s.ready(function() {
	console.log("document is ready");					
}

$s.require.js("/js/somejsfile.js", function() {
	console.log("js file is loaded.");					
}

$s.require.css("/css/somecssfile.css", function() {
	console.log("css file is loaded.");					
}

$s.require.object(
	"javascriptObjectName"
	function() 
	{
		// some callback stuff
	},
	"optionalListenerName" // if param is not set, there runs a time in background to wait for javascriptObjectName.
);

let myNode = $s.qs(".classOfMyNode");

var aListOfNodes = $s.qs(".btn");
if (aListOfNodes !== null) {
	var isAList = aListOfNodes.isList;
	//...
	aListOfNodes.forEach(function(oneOfThisNodes, index, array) 
	{
		oneOfThisNodes.removeAttribute("onclick");
		oneOfThisNodes.addEventListener("click", function() 
		{
			console.log("You have clicked on the button with the index " + index);
		});
	});
} 

sApi_jsHost

Packer and building

Misc