Drebedengi issue #6

by Андрей Хамедов

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/prototype/1.7.2/prototype.js"></script>
<div id="operBlock">
    <table cellpadding="0" cellspacing="0" width="100%">
        <tbody>
        <tr>
            <td valign="top" align="center">
                <div class="tabAll">
                    <div class="rc tabPassive" id="changeTab" onclick="toggle_div('change');"
                         style="left:323px;width:125px;">Обмен валют
                    </div>
                    <div class="rc tabPassive" id="moveTab" onclick="toggle_div('move');"
                         style="left:187px;width:135px;">Перемещения
                    </div>
                    <div class="rc tabPassive" id="incomeTab" onclick="toggle_div('income');"
                         style="left:101px;width:85px;">Доходы
                    </div>
                    <div class="rc tabActive" id="wasteTab" onclick="toggle_div('waste');"
                         style="left:10px;width:90px;">Расходы
                    </div>
                </div>

                <div class="rc mainForm box_shadow" id="tab_waste_div" style="">
                    <form name="waste_form" id="waste_form" detailids="">
                        <div class="tBig green">
                            Изменить трату:
                        </div>
                        <div style="display:none;min-height:24px;" class="relative" id="w_ftype_div">
                            <div id="w_planned_param" class="relative"
                                 style="height:105px; display:none; padding-top:3px;">
                                <div class="rc relative"
                                     style="background: white; border-bottom-width:0px; width:147px; height:35px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;"></div>
                                <div class="rc"
                                     style="margin-top:-1px; border-top-left-radius: 0px; background: white;...

CSS

/* $Id: v3_tinylife.css 3584 2016-02-13 08:16:43Z alexan $ */
/**
 * Стили для основных элементов сайта
 */
html {
	overflow-y:scroll;
}
body {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	color: #3f3f3f;
	margin:0px;
	padding:0px;
	background: url(img/v3_bg.png);
}

div.body {
	min-width:1000px; max-width:1366px;border-right:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA; margin: 0 auto; position:relative;
}

.tBig{
	font-size: 19px;
}
.tMain{
	font-size: 17px;
	line-height: 25px;
}
.tMiddle {
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
}
.tMini {
	font-size: 13px;
	line-height: 17px;
}
.tSuperMini {
	font-size: 11px;
}
.tGray {
	color: gray;
}

h2.title {
	color: #008000;
	font-size: 36px;
	font-weight: normal;
	padding: 25px 0px 26px 0px;
	letter-spacing: 2px;
	margin: 0px;
	text-shadow: 1px 1px 2px #888;
}

table.topBg {
	height: 59px;
	width: 100%;
	background: url(img/v3_topBg.png) repeat-x;
	border: 1px solid #e7e7e7;
	border-bottom-width: 0px;
}
table.topBg td {
	vertical-align: middle;
	padding-bottom:4px;
}

div.tbgaItem {
	background: #fafced;
	color: #008000;
}
div.tbgItem {
	height: 34px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
}
div.tbgItem a {
	text-decoration: none;
}

.rc, input[type="text"], input[type="password"], input[type="submit"], input[type="button"], input[type="search"], select {
	border: 1px solid #d1d1d1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input[type="submit"], input[type="button"] {
	background: #e0e0e0 url(img/v3_grad.png) repeat-x;
	background-size: contain;
	height:29px;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size:15px;
	cursor: pointer;
	color: #3f3f3f;
	padding:0px 15px 3px 15px;
}
input[type="submit"]:active, input[type="button"]:active {
	background: #e0e0e0;
}
input[type="submit"]:disabled, input[type="button"]:disabled {
	background: #f5f5f5;
	color:...

JavaScript

/**
 * Event.simulate(@element, eventName[, options]) -> Element
 * 
 * - @element: element to fire event on
 * - eventName: name of event to fire (only MouseEvents and HTMLEvents interfaces are supported)
 * - options: optional object to fine-tune event properties - pointerX, pointerY, ctrlKey, etc.
 *
 *    $('foo').simulate('click'); // => fires "click" event on an element with id=foo
 *
 **/
(function(){
  
  var eventMatchers = {
    'HTMLEvents': /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/,
    'MouseEvents': /^(?:click|dblclick|mouse(?:down|up|over|move|out))$/
  }
  var defaultOptions = {
    pointerX: 0,
    pointerY: 0,
    button: 0,
    ctrlKey: false,
    altKey: false,
    shiftKey: false,
    metaKey: false,
    bubbles: true,
    cancelable: true
  }
  
  Event.simulate = function(element, eventName) {
    var options = Object.extend(Object.clone(defaultOptions), arguments[2] || { });
    var oEvent, eventType = null;
    
    element = $(element);
    
    for (var name in eventMatchers) {
      if (eventMatchers[name].test(eventName)) { eventType = name; break; }
    }

    if (!eventType)
      throw new SyntaxError('Only HTMLEvents and MouseEvents interfaces are supported');

    if (document.createEvent) {
      oEvent = document.createEvent(eventType);
      if (eventType == 'HTMLEvents') {
        oEvent.initEvent(eventName, options.bubbles, options.cancelable);
      }
      else {
        oEvent.initMouseEvent(eventName, options.bubbles, options.cancelable, document.defaultView, 
          options.button, options.pointerX, options.pointerY, options.pointerX, options.pointerY,
          options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, options.button, element);
      }
      element.dispatchEvent(oEvent);
    }
    else {
      options.clientX = options.pointerX;
      options.clientY = options.pointerY;
      oEvent = Object.extend(document.createEventObject(), options);
     ...