Nutritious Pumpkin Masses

    dck

    0.0.1 • Public • Published

    DCK.js

    This is my own JavaScript library, this is where I push some useful functions.

    Features

    - DOM Selector

    You can select a DOM element like JQuery with the notation DCK('#selector'). This will return you the elements, the number of elements as well, and some extra methods :

    • .html(html)
    • .hide() / .show()

    - URL parameters

    Retrieve the GET parameters in the URL passed in parameters.

    DCK.getURLParameters('http://petit-bateau.fr/?id=12&size=43'); // Return { id: 12, size: 43 }
    DCK.getURLParameters('http://petit-bateau.fr?color=blue); // Return { color: 'blue' }
    

    Retrieve the value of the parameter passed in argument.

    DCK.getURLParameter('http://petit-bateau.fr/?id=12&size=43', 'id'); // Return 12
    DCK.getURLParameter('http://petit-bateau.fr/?color=blue', 'color'); // Return 'blue'
    

    - User Agent

    Return an object with the current Operating System, the browser used with him version.

    DCK.getUserAgent(); // { os: 'Macintosh', browser: 'Chrome', version: '35.0' }
    

    - XMLHttpRequest

    Create a XMLHttpRequest often takes a lot of line, I created a method like JQuery ($.ajax). You can pass in argument :

    • URL
    • Method
    • Data
    • Success callback
    • Error callback
    • Headers

    Actualy it doesn't support FormData, but it will soon 😄 I send the xhr object on the success/error callback, this offer better maintainability.

    DCK.xhr({
      url: 'http://my-hot-api.com/cats',
      method: 'GET',
      success: function(res) {
        console.log(res.responseText);
      },
      error: function(res) {
        console.error('Something went wrong : '+ res.responseText);
      }
    }); 
    

    You can even use the shortcut for GET or POST methods, you just need to pass the URL and callback.

    DCK.get({
      url: 'http://my-hot-api.com/cats',
      success: function(res) {
        console.log(res.responseText);
      },
      error: function(res) {
        console.error('Something went wrong : '+ res.responseText);
      }
    }); 
    

    Install

    npm i dck

    DownloadsWeekly Downloads

    1

    Version

    0.0.1

    License

    ISC

    Last publish

    Collaborators

    • dck