<style>
.layer1 {
    position: relative; /* Относительное позиционирование */
    background: white; /* Цвет фона */
    height: 505px; /* Высота блока */
    width: 505px; /* Высота блока */
	top: 0; /* Положение от правого края */
    left: 0px; /* Положение от правого края */
    right: 0px; /* Положение от правого края */
	padding: 0px 20px 10px 20px; /* Поля вокруг текста */
    z-index: 2;
    border: 0px solid whitesmoke; /* Параметры границы */
   }
    #loading
    {
    display:none;
    height: 100%;
    left: 40%;
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 1000;
    }
  
    #loadingcontent
    {
    height: 60%;
    left: 50%;
    top: 50%;
    width: 60%;
    }
  
    #loadingspinner
    {
    top: 50%;
    width: 30%;
 }
 </style>
 
<div class="layer1">
<div id='feedback-error'></div> 
<form class="aui" enctype='multipart/form-data' id='feedback-form-projects' name='feedback-form-projects'>
<select class="select" id='feedback-project' name='feedback-project'>
<option value='5' selected >Покупка продуктов и сервисов</option>
<option value='1'>Техническая поддержка</option>
</select>
</form><iframe id='feedback-response' class='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='450' height='250'>
</iframe>
<div id='feedback-new-issue-div'><input class="aui-button aui-button-primary" type='button' id='.feedback-new-issue-button' value='Создать еще запрос' onclick="parent.location='http://www.teamlead.ru/pages/viewpage.action?pageId=15794201'"></div>

<script type='text/javascript'> function showForm(formIndex) {jQuery('#feedback-new-issue-div').hide(); jQuery('.feedback-main-div').hide(); jQuery('.feedback-response').hide(); jQuery('#' + formIndex + 'feedback-main-div').show(); jQuery('.feedback-new-issue-button').hide(); } jQuery(window).load(function() { jQuery('#feedback-project').change(function() { showForm(jQuery('#feedback-project').val());}); jQuery('.feedback-new-issue-button').click(function () { showForm(jQuery('#feedback-project').val()); }); showForm(jQuery('#feedback-project').val());}); 
</script>
<div id="loading">
      <div id="loadingcontent">  
            <img id="loadingspinner" src="http://www.teamlead.ru/download/attachments/25591816/loader.gif?api=v2" alt="Loading"/>
       </div>
</div> 
 
<!-- Форма - Обращения - Покупка продуктов или услуг -->
<div id='5feedback-main-div' class='feedback-main-div'>
<div class="aui-message"><span class="aui-icon aui-icon-small aui-iconfont-info"></span>
Запрос счёта/договора/акта, оценки проекта, презентации или консультации по продуктам перед покупкой.
</div>
<form class="aui" enctype='multipart/form-data' id='5feedback-form' name='feedback-form' target='feedback-response' method='post' action='https://jira.teamlead.ru/plugins/servlet/feedback/create'> 
<input type='hidden' name='form-index' id='5form-index' value='5'/>
<div>
<input class="text long-field" type='text' id='5feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Пример вопроса: "Покупка Confluence 500 Users (Банк Тинькофф)"' value=''/>
</div>
</br>
 
<div>
<TEXTAREA class="textarea long-field" id='5feedback-body' name='feedback-body' ROWS='5' placeholder='Пример подробностей: "Пришлите, пожалуйста, счет и договор на Confluence 500 Users, реквизиты прикладываю в файле."'></TEXTAREA>
</div>
</br> 
<div>
<input class="text" type='text' id='5feedback-email' name='feedback-email' placeholder='E-mail для ответа' size='38' value=''/> <input class="text" type='file' id='5feedback-attachment' name='feedback-attachment' size='38' />
</div>
</br>

<div>
<input class="aui-button aui-button-primary" type='button' value=' Отправить ' onclick='addFeedback5 ()'/> 
</div>
</form>
</div>
 
<script type='text/javascript'> jQuery(window).load(function() { jQuery('#5feedback-new-issue-div').hide(); }); function addFeedback5() { var summary = jQuery('#5feedback-summary').val(); var email = jQuery('#5feedback-email').val(); if (summary == '' || email == '') { var message = ''; if (summary == '') { message = message + '<div>Введите тему обращения</div>'; } if (email == '') { message = message + '<div>Введите E-mail для ответа</div>'; } jQuery('#feedback-error').html(message); return false; } 

jQuery('#feedback-error').html(''); 
jQuery('#5feedback-main-div').hide();
jQuery('#feedback-form-projects').hide();
jQuery("#loading").fadeIn();
jQuery('.feedback-response').show();
jQuery('#5feedback-form').submit();
jQuery(".feedback-response").on("load", function() {
    jQuery('#feedback-new-issue-div').show();
	jQuery("#loading").fadeOut();
   });   
return false; } 
</script>
 
<!-- Форма - Техническая поддержка -->
<div id='1feedback-main-div' class='feedback-main-div'>
<div class="aui-message">
<span class="aui-icon aui-icon-small aui-iconfont-info"></span>Тут можно получить бесплатную консультацию по продуктам Atlassian. Клиенты облака Teamlead могут сообщить нам о сбое или попросить добавить новую функцию.
</div>
<form class="aui" enctype='multipart/form-data' id='1feedback-form' name='feedback-form' target='feedback-response' method='post' action='https://jira.teamlead.ru/plugins/servlet/feedback/create'>
<input type='hidden' name='form-index' id='1form-index' value='1'/>
<div>
<select class="select" id='feedback-issue-type' name='feedback-issue-type'>
<option value='10' selected>Консультация</option>
<option value='1'>Сбой системы</option>
<option value='4'>Добавить новую функцию</option>
</select>
</div>
 
<div>
<select id="feedback-fix-version" multiple data-placeholder="Выберите продукт..." name='feedback-fix-version'>
<option value='13020'>JIRA</option>
<option value='13021'>Confluence</option>
<option value='21821'>CRM for JIRA</option>
<option value='22120'>JIRA Service Desk</option>
<option value='13027'>JIRA Agile</option>
<option value='21228'>Stash</option>
<option value='13025'>Bamboo</option>
<option value='13024'>Crucible</option>
<option value='13023'>FishEye</option>
<option value='13022'>Crowd</option>
<option value='16920'>Bitbucket</option>
<option value='19729'>Feedback for JIRA</option>
<option value='21820'>Werewolf forJIRA</option>
<option value='21822'>Calendar for JIRA</option>
<option value='23320'>Tempo Timesheet</option>
<option value='13029'>Team Calendars for Confluence</option>
<option value='13028'>Capture for JIRA</option>
<option value='19723'>Локализация JIRA</option>
<option value='19724'>Локализация Confluence</option>
<option value='19726'>Локализация Agile</option>
<option value='19727'>Локализация Tempo</option>
<option value='21920'>Локализация JIRA Service Desk</option>
    </select>
<script>
AJS.$("#feedback-fix-version").auiSelect2();
</script>
</div>
 
<br>
<div>
<input class="text long-field" type='text' id='1feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Пример вопроса: "Не работает плагин Tempo в JIRA на вашем хостинге"' value=''/>
</div>
</br>
 
<div>
<TEXTAREA class="textarea long-field" id='1feedback-body' name='feedback-body' ROWS='5' placeholder='Пример описания проблемы: "После обновления JIRA не можем сформировать отчет по команде в Tempo. Версия JIRA 6.0.2, Tempo 7.4."'></TEXTAREA>
</div>
</br> 
<div>
<input class="text" type='text' id='1feedback-email' name='feedback-email' placeholder='E-mail для ответа' size='38' value=''/>  <input class="text" type='file' id='1feedback-attachment' name='feedback-attachment' size='38' />
</div>
</br> 
<div>
<input class="aui-button aui-button-primary" type='button' value=' Отправить ' onclick='addFeedback1 ()'/> 
</div> 
</form>

</div> 
 
<script type='text/javascript'> jQuery(window).load(function() { jQuery('#1feedback-new-issue-div').hide(); }); function addFeedback1() { var summary = jQuery('#1feedback-summary').val(); var email = jQuery('#1feedback-email').val(); if (summary == '' || email == '') { var message = ''; if (summary == '') { message = message + '<div>Введите тему обращения</div>'; } if (email == '') { message = message + '<div>Введите E-mail для ответа</div>'; } jQuery('#feedback-error').html(message); return false; } 

jQuery('#feedback-error').html(''); 
jQuery('#1feedback-main-div').hide();
jQuery('#feedback-form-projects').hide();
jQuery("#loading").fadeIn();
jQuery('.feedback-response').show();
jQuery('#1feedback-form').submit();
jQuery(".feedback-response").on("load", function() {
    jQuery('#feedback-new-issue-div').show();
	jQuery("#loading").fadeOut();
   });  

return false; } 
</script>