Как реализовать перехват событий страницы?

Question

[Антон]

Итак, есть сайт work-zilla.com, биржа труда для фрилансеров, все задания в списке на одной странице, постепенно список пополняется, добавляются новые задания.

Вопрос: какими средствами можно сделать звуковой сигнал на появление нового задания? Желательно с возможностью обработки текста нового задания, чтобы выделить задания, которые подходят лично мне, ну это я уже сам при помощи рег. выражений. Не знаю, поможет ли это, но прикладываю код из странички с одним из наугад выбранных заданий.

<div class="workorder  wo-cnd-no-candidates" status="osOpen" id="workorder669258" woid="669258" summ="0" morecnd="" ordererid="232057" tmp="">
    <div class="wo-sysinfo invisible">
        <nfo class="sellprice">225</nfo>
        <nfo class="startprice">250</nfo>
        <nfo class="negotiatingPrice">0</nfo>
        <nfo class="negotiatingText"></nfo>
        <nfo class="status">osOpen</nfo>
        <nfo class="substatus"></nfo>
        <nfo class="wo-isPersonal"></nfo>
        <nfo class="wo-isInteresting"></nfo>
        
        <div class="statuses-history">
            
                    <div class="order-status" start="22.05.2014 19:56:00" end="01.01.0001 0:00:00" status="2">
                        osOpen
                    </div>
                
        </div>        
    </div>
    <div class="wo-folding-screen invisible">
        <span>Выполняется команда</span></div>
    <div class="wo-header">
        <div style="float:left; padding-top:4px;">
            <input type="checkbox" class="chk-delete-order">
        </div>
        <div style="float:left;">                
            <div class="wo-title">
                <span id="woENO_wotitle" class="wo-subject">
                    Внести изменения на сайте Joomla2.5
                </span><span id="woENO_woprice" class="wo-price">250</span>
            </div>
            
            <div style="clear:both;"></div>
        </div>
        <div class="wo-icons">                        
            <div class="small-top-btn wo-accept btn-switch" title="Согласиться на задание" action="ActAccept">
            </div>            

            <div class="small-top-btn wo-validateorder btn-switch" title="Все ок" action="ActValidateOrder">
            </div>
            <div class="small-top-btn wo-cancelSpam btn-switch" title="Удалить спам" action="ActCancelSpam">
            </div>            
            <div class="small-top-btn wo-tovacancies btn-switch" title="Вакансии" action="ActToVacancies">
            </div>            
            <div class="small-top-btn wo-addcomments btn-switch" title="Комментарии" action="ActAddComments">
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
    <div class="wo-description">

    </div>
    <div class="wo-bottom-bar">
        <div class="wo-status-messages">
            <div class="wo-cnd-message wo-cnd-no-candidates">
            </div>
            
            <div class="wo-cnd-message wo-cnd-wait">
            </div>
            <div class="wo-cnd-message wo-cnd-declined">
            </div>
            <div class="wo-cnd-message wo-cnd-wait-from">
            </div>
            <div class="wo-cnd-message wo-cnd-low-balance"> 
            </div> 
            <div class="wo-cnd-message wo-cnd-more-candidates" cand-count="0">
            </div> 
        </div>
        <div id="woENO_CustomerUser_entityDiv" class="wo-order-user" userid="232057">
    <div class="wo-user-line">
        asphalt
    </div>
</div>
    </div>
</div>