<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;
vertical-align:baselineheight: 100%;
position:fixedleft: 40%;
left:0position: absolute;
top:0 45%;
width:100%;
height:100%;
z-index: 1000;
}
#loadingcontent
{
position:fixedheight: 60%;
left:33% 50%;
top:65% 50%;
width:50%;
height:50% 60%;
}
#loadingspinner
{
vertical-align:baseline;
top: 50%;
width: 15%;
text-align: center30%;
font-size:larger;
}
</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='5'>Вопрос в бухгалтерию</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='Напишите тут свой вопрос одним предложением...' value=''/>
</div>
</br>
<div>
<TEXTAREA class="textarea long-field" id='5feedback-body' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></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'>
<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='Напишите тут свой вопрос одним предложением...' value=''/>
</div>
</br>
<div>
<TEXTAREA class="textarea long-field" id='1feedback-body' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></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> |