<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='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>
<div>
<TEXTAREA class="textarea long-field" id='5feedback-body' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA>
</div>
<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>
<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('#5feedback-new-issue-div').show(); jQuery('.feedback-response').css('display', 'block'); jQuery('.feedback-new-issue-button').show(); jQuery('#5feedback-form').submit(); 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>
<div>
<TEXTAREA class="textarea long-field" id='1feedback-body' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA>
</div>
<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>
<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('#1feedback-new-issue-div').show(); jQuery('.feedback-response').css('display', 'block'); jQuery('.feedback-new-issue-button').show(); jQuery('#1feedback-form').submit(); return false; }
</script>
</div> |