hello.js

it is programme for the clent and server communication

var LOG_ROW = 0;
var connection = null;
var server = null;

function log(data)
{
    data = data.replace(/&/g, "&")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;");
    if (LOG_ROW == 1) {
        $('#tab-3').append("<div class='log alt'>" + data + "</div>");
    } else {
        $('#tab-3').append("<div class='log'>" + data + "</div>");
    }
    LOG_ROW = (LOG_ROW + 1) % 2;
}

function clear()
{
    $('#tab-2').empty();
    $('#tab-3').empty();
}

function on_result(iq)
{
    $('#tab-2').empty();

    $('#tab-2').append("<h2>Identity</h2>");

    $('#tab-2').append("<table><tr><th>Category</th><th>Type</th>" +
                       "<th>Name</th></tr></table>");
    $(iq).find('identity').each(function (i) {
        $('#tab-2 table').append(
            "<tr>" +
                "<td>" + ($(this).attr('category') || "") + "</td>" +
                "<td>" + ($(this).attr('type') || "") + "</td>" +
                "<td>" + ($(this).attr('name') || "") + "</td>" +
                "</tr>");
    });

    $('#tab-2').append("<h2>Features</h2>");

    $('#tab-2').append("<ul></ul>");

    $(iq).find('feature').each(function (i) {
        var feature = $(this).attr('var');
        feature = feature.replace("jabber:", "");
        feature = feature.replace("http://jabber.org/protocol/", "");
        $('#tab-2 ul').append("<li>" + feature + "</li>");

    });

    connection.disconnect();
}

function on_connect_event(status)
{
    if (status == Strophe.Status.CONNECTED) {
        connection.addHandler(on_result, null, null, "result", "disco-1");
        
        var iq = $iq({"type": "get", "id": "disco-1", "to": server})
            .c("query", {"xmlns": Strophe.NS.DISCO_INFO});
        
        connection.send(iq.tree());
    }
}

function connect(e)
{
    e.preventDefault();
    
    connection = new Strophe.Connection('/xmpp-httpbind');
    connection.rawInput = log;
    connection.rawOutput = log;
    server = $('#server').get(0).value;

    clear();
    connection.connect(server, null, on_connect_event);
    $('#tab-2').append("<p>Waiting for response...</p>");
    $('#tabarea').tabs('select', '#tab-2');
    $('#server').get(0).value = '';
}

$(document).ready(function () {
        $('#tabarea').tabs();

        $('#form').submit(connect);
});