Untitled

<html>
<head>
<style type="text/css">
        #action-messages, #error-messages {
                min-height:100px;
                width: 300px;
        }
        #action-messages li {
                background-color: #00FF00;
        }
        #error-messages li {
                background-color: #FF0000;
        }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

        var xmlString = '<?xml version="1.0" encoding="UTF-8"?>\
<rest httpStatus="200">\
<redirect-url>/project/rest/processes/</redirect-url>\
<start-response-list/>\
<action-message-list/>\
<error-message-list>\
<error-message>Failed starting process p1 (null response)</error-message>\
<error-message>Failed starting process p2 (null response)</error-message>\
</error-message-list>\
</rest>';

        $(document).ready(function() {
                $("#testButton").click(function() {
                        updateActionMessages(xmlString);
                });
        });

        function updateActionMessages(data) {
                $('#action-messages').find('ul').empty();
                $(data).find('action-messages-list').children().each(function() {
                        $("#action-messages").find('ul').append('<li>' + $(this).text() + '</li>');
                });
                $('#error-messages').find('ul').empty();
                $(data).find('error-message-list').children().each(function() {
                        $("#error-messages").find('ul').append('<li>' + $(this).text() + '</li>');
                });
        }

</script>
</head>
<body>
        <input type="button" id="testButton" value="Run"/>
    <div id="action-messages">
        <h4>Action messages</h4>
        <ul></ul>
    </div>
    <div id="error-messages">
        <h4>Error messages</h4>
        <ul></ul>
    </div>
  </body>
</html>