<style>
.layer1 {
    position: relative; /* Относительное позиционирование */
    background: white; /* Цвет фона */
    height: 350px; /* Высота блока */
    width: 505px; /* Высота блока */
	top: -30px; /* Положение от правого края */
    left: 0px; /* Положение от правого края */
    right: 0px; /* Положение от правого края */
	padding: 0px 20px 10px 20px; /* Поля вокруг текста */
    z-index: 2;
    border: 1px solid whitesmoke; /* Параметры границы */
   }
</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>
 
<script type='text/javascript'> function showForm(formIndex) { 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='1feedback5feedback-main-div' class='feedback-main-div'> 
 
<form class="aui" enctype='multipart/form-data' id='1feedback5feedback-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='1form5form-index' value='15'/> 
 
<div>
<input class="text long-field" type='text' id='1feedback5feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Напишите тут свой вопрос одним предложением...' value=''/>
</div>
 
 
<div>
<TEXTAREA class="textarea long-field" id='1feedback5feedback-body' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA>
</div>
 
<div>
<input class="text" type='text' id='1feedback5feedback-email' name='feedback-email' placeholder='E-mail для ответа' size='38' value=''/>  <input class="text" type='file' id='1feedback5feedback-attachment' name='feedback-attachment' size='38' />
</div>
 
<div>
<input class="aui-button aui-button-primary" type='button' value=' Отправить ' onclick='addFeedback1addFeedback5 ()'/> 
</div> 
</form>

</div> 
 
<script type='text/javascript'> jQuery(window).load(function() { jQuery('#1feedback#5feedback-new-issue-div').hide(); }); function addFeedback1addFeedback5() { var summary = jQuery('#1feedback#5feedback-summary').val(); var email = jQuery('#1feedback#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('#1feedback#5feedback-main-div').hide(); jQuery('#1feedback#5feedback-new-issue-div').show(); jQuery('.feedback-response').css('display', 'block'); jQuery('.feedback-new-issue-button').show(); jQuery('#1feedback#5feedback-form').submit(); return false; } 
</script>
 
  
 
<!-- Форма - Техническая Обращенияподдержка -->
<div id='5feedback1feedback-main-div' class='feedback-main-div'> 
 
<form class="aui" enctype='multipart/form-data' id='5feedback1feedback-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='5form1form-index' value='51'/> 
 
<div>
<input class="text long-field" type='text' id='5feedback1feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Напишите тут свой вопрос одним предложением...' value=''/>
</div>
 
 
<div>
<TEXTAREA class="textarea long-field" id='5feedback1feedback-body' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA>
</div>
 
<div>
<input class="text" type='text' id='5feedback1feedback-email' name='feedback-email' placeholder='E-mail для ответа' size='38' value=''/>  <input class="text" type='file' id='5feedback1feedback-attachment' name='feedback-attachment' size='38' />
</div>
 
<div>
<input class="aui-button aui-button-primary" type='button' value=' Отправить ' onclick='addFeedback5addFeedback1 ()'/> 
</div> 
</form>

</div> 
 
<script type='text/javascript'> jQuery(window).load(function() { jQuery('#5feedback#1feedback-new-issue-div').hide(); }); function addFeedback5addFeedback1() { var summary = jQuery('#5feedback#1feedback-summary').val(); var email = jQuery('#5feedback#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('#5feedback#1feedback-main-div').hide(); jQuery('#5feedback#1feedback-new-issue-div').show(); jQuery('.feedback-response').css('display', 'block'); jQuery('.feedback-new-issue-button').show(); jQuery('#5feedback#1feedback-form').submit(); return false; } 
</script>
</div>