<style>
.layer1 {
position: relative; /* Относительное позиционирование */
background: white; /* Цвет фона */
height: 350px; /* Высота блока */
width: 505px; /* Высота блока */
top: 0; /* Положение от правого края */
left: 0px; /* Положение от правого края */
right: 0px; /* Положение от правого края */
padding: 0px 20px 10px 20px; /* Поля вокруг текста */
z-index: 2;
border: 1px 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='5'>Оценка проекта или разработки</option>
<option value='1'>Техническая консультация</option>
<option value='6'>Вопрос в бухгалтерию</option>
</select>
</form>
</br>
<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'>
<form class="aui" enctype='multipart/form-data' id='5feedback-form' name='feedback-form' target='feedback-response' method='post' action='http://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, реквизиты прикладываем."'></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='6feedback-main-div' class='feedback-main-div'>
<form class="aui" enctype='multipart/form-data' id='6feedback-form' name='feedback-form' target='feedback-response' method='post' action='http://jira.teamlead.ru/plugins/servlet/feedback/create'>
<input type='hidden' name='form-index' id='6form-index' value='5'/>
<div>
<input class="text long-field" type='text' id='6feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Пример вопроса: "Пришлите скан акта для компании ОАО "Мегафон"' value=''/>
</div>
</br>
<div>
<TEXTAREA class="textarea long-field" id='6feedback-body' name='feedback-body' ROWS='5' placeholder='Пример подробностей: "Пришлите скан акта №123 от 11.02.13 по счету №587 от 11.01.13 для компании ОАО "Мегафон" на поставку JIRA 500."'></TEXTAREA>
</div>
</br>
<div>
<input class="text" type='text' id='6feedback-email' name='feedback-email' placeholder='E-mail для ответа' size='38' value=''/> <input class="text" type='file' id='6feedback-attachment' name='feedback-attachment' size='38' />
</div>
</br>
<div>
<input class="aui-button aui-button-primary" type='button' value=' Отправить ' onclick='addFeedback6 ()'/>
</div>
</form>
</div>
<script type='text/javascript'> jQuery(window).load(function() { jQuery('#6feedback-new-issue-div').hide(); }); function addFeedback6() { var summary = jQuery('#6feedback-summary').val(); var email = jQuery('#6feedback-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('#6feedback-main-div').hide();
jQuery('#feedback-form-projects').hide();
jQuery("#loading").fadeIn();
jQuery('.feedback-response').show();
jQuery('#6feedback-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'>
<form class="aui" enctype='multipart/form-data' id='1feedback-form' name='feedback-form' target='feedback-response' method='post' action='http://jira.teamlead.ru/plugins/servlet/feedback/create'>
<input type='hidden' name='form-index' id='1form-index' value='1'/>
<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> |