HF PM

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Hackforums PM Link Generator</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

  <!-- JavaScript -->
  <script>
  $(document).ready(function() {
    // Init
    $("#link").val("http://www.hackforums.net/private.php?action=send&uid=&subject=&message=");

    $("#userid, #subject, #message").on("input", function() {
      var userid = encodeURIComponent($("#userid").val().trim());
      var subject = encodeURIComponent($("#subject").val());
      var message = encodeURIComponent($("#message").val());

      var url = "http://www.hackforums.net/private.php?action=send&uid=" + userid + "&subject=" + subject + "&message=" + message;
      $("#link").val(url);
    });

    // Highlight text when hovered, thx MineSQL
    $("#link").mouseover(function() {
      $(this).select();
    });
  });
  </script>

  <!-- Style -->
  <style type="text/css">
  body {
    background: #222;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
  }

  h2 {
        clear:left;
    font-size:160%;
    font-weight:400;
    margin:0 0 3px;
  }

  hr {
    border: none;
    border-bottom: 1px dotted #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  textarea {
    width: 400px;
    height: 120px;
  }

  #container {
    background: #fff;
    border-top: 40px solid #444;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    width: 600px;
  }

  #controls {
    padding: 5px;
  }

  #link {
    height: 30px;
    text-align: center;
    width: 100%;
  }
  </style>

</head>
<body>

<div id="container">
  <h2>Hackforums PM Link Generator</h2>
  A web based HackForums PM Link Generator.

  <hr>

  <div id="controls">
  <b>Hackforums UserID</b><br>
    <input type="text" id="userid"></input><br><br>

    <b>Subject</b><br>
    <input type="text" id="subject"></input><br><br>

    <b>Message</b><br>
    <textarea id="message"></textarea>

    <hr>

    <input type="text" id="link" readonly>
  </div>
</div>

</body>
</html>