Callme

A jQuery plugin and Phono add-on that makes it easy to drop a callme button directly into any webpage with just a few lines of code. The callme plugin depends on the Phono library to make calls and uses jQuery UI theming for styling.

Checkout the Github repository for the project source and full documentation.

Callme button with sliding dialpad

<html>
<head>
 <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-darkness/jquery-ui.css"/>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script type="text/javascript" src="http://s.phono.com/releases/0.5/jquery.phono.js"></script>
 <script type="text/javascript" src="http://s.phono.com/addons/callme/79a53b7/jquery.callme.js"></script>
</head>
<body>
 <script type="text/javascript">
  $("body").append(
   $("<div/>")
    .css("width","210px")
    .callme({
      apiKey: "C17D167F-09C6-4E4C-A3DD-2025D48BA243",
      numberToDial: "8007773456",
      buttonTextReady: "1-800-777-FILM",
      slideOpen:true
    })
  )
 </script>
</body>
</html>

Callme button with no dialpad

<html>
<head>
 <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-darkness/jquery-ui.css"/>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script type="text/javascript" src="http://s.phono.com/releases/0.5/jquery.phono.js"></script>
 <script type="text/javascript" src="http://s.phono.com/addons/callme/79a53b7/jquery.callme.js"></script>
</head>
<body>
 <script type="text/javascript">
  $("body").append(
   $("<div/>")
    .css("width","210px")
    .callme({
      apiKey: "C17D167F-09C6-4E4C-A3DD-2025D48BA243",
      numberToDial: "8003544487",
      buttonTextReady: "1-800-FLIGHTS",
      slideOpen:false,
      dialPad: false
    })
  )
 </script>
</body>
</html>