<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> |