Return to Snippet

Revision: 49291
at July 19, 2011 05:49 by luizlopes

Initial Code
    <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
    <title>Text Box Enter</title> 
    <style type="text/css" media="screen"> 
        body {
            font: 16px/1.5 helvetica-neue, helvetica, arial, san-serif;
        textarea {
            border: 1px solid #ccc;
            display: block;
            width: 250px;
            height: 100px;
        p {
            border: 1px solid #ccc;
            background: #ececec;
            padding: 10px;
            margin: 10px 0;
            width: 230px;
        button {
            border: 1px solid #ccc;
            background: #ececec;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            margin-top: 10px;
            padding: 5px 20px;
    <textarea name="msg" id="msg" placeholder="Your Message" autofocus="true"></textarea> 
    <button type="submit">Post</button> 
    <script type="text/javascript" charset="utf-8" src=""></script> 
    <script type="text/javascript" charset="utf-8"> 
        $.fn.ctrlEnter = function (btns, fn) {
            var thiz = $(this);
                btns = $(btns);
            function performAction (e) {
      , e);
            thiz.bind("keydown", function (e) {
                if (e.keyCode === 13 && e.ctrlKey) {
            btns.bind("click", performAction);
        $("#msg").ctrlEnter("button", function () {
                $("<p class='post'></p>").append(this.val().replace(/\n/g, "<br/>")).fadeIn('slow').prependTo(document.body);

Initial URL

Initial Description
I took this out of an example in tutsplus, and I added a fadeIn action for aesthetic reasons.

Initial Title
Submit Form with Control + Enter

Initial Tags
ajax, javascript, jquery, twitter, html5

Initial Language