traiwi/traiwijs

TraiwiJS is a wrapper of commonly used JS functionalities

Installs: 118

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 2

Forks: 0

Open Issues: 0

Language:JavaScript

0.2.0 2016-01-18 14:43 UTC

This package is not auto-updated.

Last update: 2024-12-17 21:24:27 UTC


README

How to use:

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="bower_components/html2canvas/build/html2canvas.min.js"></script>
    <script type="text/javascript" src="bower_components/traiwijs/src/TraiwiJS.min.js"></script>
  </head>
  <body>
    <button type="button" id="traiwijs-areaprinter-button">Select area to print</button>
	  
    <script type="text/javascript">
      new TraiwiJS.AreaPrinter();
    </script>
  </body>
</html>

Activate the button to enable the selection function.

TraiwiJS.Datepicker

How to use:

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="bower_components/jquery-ui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="bower_components/traiwijs/src/TraiwiJS.min.js"></script>
  </head>
  <body>
    <input type="text" id="traiwi-js-datepicker-a" />
	  
    <script type="text/javascript">
      TraiwiJS.Datepicker("traiwi-js-datepicker-a");
    </script>
  </body>
</html>

TraiwiJS.Dialoger

How to use:

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="bower_components/jquery-ui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="bower_components/traiwijs/src/TraiwiJS.min.js"></script>
  </head>
  <body>
    <button id="show-d1">Show dialog</button>
	  
    <script type="text/javascript">
      var dialoger = new TraiwiJS.Dialoger();
      var d1 = dialoger.add();
      d1.html("<p>Dialoger generated dialog!</p>");
      $("#show-d1").click(function() {
        d1.dialog("open");
      });
    </script>
  </body>
</html>