traiwi/traiwijs

TraiwiJS is a wrapper of commonly used JS functionalities

Maintainers

Details

github.com/TRAIWI/traiwijs

Homepage

Source

Issues

Installs: 117

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

Requires

MIT da1229ed0e86329583376d8dce5cfbf2cf57b481

  • Steffen Kowalski <sk.woop@traiwi.de>

javascriptJSprintscreenshotareatraiwi

This package is not auto-updated.

Last update: 2024-04-09 18:06:01 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>