Packages

phoenix

0.2.8
1.8.9 1.8.8 1.8.7 1.8.6 1.8.5 1.8.4 1.8.3 1.8.2 1.8.1 1.8.0 1.8.0-rc.4 1.8.0-rc.3 1.8.0-rc.2 1.8.0-rc.1 1.8.0-rc.0 1.7.24 1.7.23 1.7.22 1.7.21 1.7.20 1.7.19 1.7.18 1.7.17 1.7.16 1.7.15 1.7.14 1.7.13 1.7.12 1.7.11 1.7.10 1.7.9 1.7.8 1.7.7 1.7.6 1.7.5 1.7.4 1.7.3 1.7.2 1.7.1 1.7.0 1.7.0-rc.3 1.7.0-rc.2 1.7.0-rc.1 1.7.0-rc.0 1.6.17 1.6.16 1.6.15 1.6.14 1.6.13 1.6.12 1.6.11 1.6.10 1.6.9 1.6.8 1.6.7 1.6.6 1.6.5 1.6.4 1.6.3 1.6.2 1.6.1 1.6.0 1.6.0-rc.1 1.6.0-rc.0 1.5.15 1.5.14 1.5.13 1.5.12 1.5.11 1.5.10 1.5.9 1.5.8 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 1.5.0-rc.0 1.4.18 1.4.17 1.4.16 1.4.15 1.4.14 1.4.13 1.4.12 1.4.11 1.4.10 1.4.9 1.4.8 1.4.7 1.4.6 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.4.0-rc.3 1.4.0-rc.2 1.4.0-rc.1 1.4.0-rc.0 1.3.5 1.3.4 1.3.3 1.3.2 1.3.1 1.3.0 1.3.0-rc.3 1.3.0-rc.2 1.3.0-rc.1 1.3.0-rc.0 1.2.5 1.2.4 1.2.3 1.2.2 1.2.1 1.2.0 1.2.0-rc.1 1.2.0-rc.0 1.1.9 1.1.8 1.1.7 1.1.6 1.1.5 1.1.4 1.1.3 1.1.2 1.1.1 1.1.0 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0 0.17.1 0.17.0 0.16.1 0.16.0 0.15.0 0.14.0 0.13.1 0.13.0 0.12.0 0.11.0 0.10.0 0.9.0 0.8.0 0.7.2 0.7.1 0.7.0 0.6.2 0.6.1 0.6.0 0.5.0 0.4.1 0.4.0 0.3.1 0.3.0 0.2.11 0.2.10 0.2.9 0.2.8 0.2.7 0.2.6 0.2.5 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.0

Productive. Reliable. Fast. A productive web framework that does not compromise speed or maintainability.

Security advisory: This version has known vulnerabilities. View advisories
HexDocs

Current section

Files

Jump to
Readme
176 Versions
4 Dependencies
Dependants
5 Advisories
Files
Activity
phoenix priv views index.html
Raw

priv/views/index.html 

<html>

  <head>

    <title>Phoenix</title>

    <script src="/static/phoenix.js" type='text/javascript'></script>

    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type='text/javascript'></script>

    <script type="text/javascript">





      $(function(){

        var socket     = new Phoenix.Socket("ws://localhost:4000/ws");

        var $status    = $("#status");

        var $messages  = $("#messages");

        var $input     = $("#message-input");



        socket.join("messages", "global", {}, function(chan){



          $input.off("keypress").on("keypress", function(e) {

            if (e.keyCode == 13) {

              chan.send("new", {body: $input.val()});

              $input.val("");

            }

          });



          chan.on("join", function(message){

            $status.text("joined");

          });



          chan.on("new", function(message){

            $messages.append("<br/>" + message.body);

          });



          chan.on("user:entered", function(msg){

            $messages.append("<br/><i>[" + msg.username + " entered]</i>");

          });

        });

      });

    </script>

  </head>

  <body>

    <h1>Phoenix Chat Example</h1>



    <h3>Status: <small id="status">Not Connected</small></h3>



    <div id="messages"></div>

    <input id="message-input" type="text">

    <br/>

  </body>

</html>