HTML |
---|
<STYLE TYPE='text/css'>
#loading-en
{
display:none;
left: 16%;
position: absolute;
top: 30%;
width: 300%;
z-index: 1000;
}
#loadingcontent-en
{
height: 60%;
left: 50%;
top: 50%;
width: 60%;
}
#loadingspinner-en
{
top: 50%;
width: 30%;
}
</STYLE>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<div id="loading-en">
<div id="loadingcontent-en">
<span id='loadingspinner-en' class='aui-icon aui-icon-wait'>Loading...</span>
</div>
</div>
<div id='feedback-main-div-en' style='font-size: 14px; font-family: Arial,Helvetica,FreeSans,sans-serif'>
<div id='feedback-error-en'></div>
<form class="aui" enctype='multipart/form-data' id='feedback-form-en' name='feedback-form-en' target='feedback-response-en' method='post' action='https://jira.teamlead.ru/plugins/servlet/feedback/create'>
<input type='hidden' name='form-index' id='form-index-en' value='117'/>
<div>
<select id='feedback-issue-type- |
...
en1' data-placeholder="Тип обращения..." name='feedback-issue-type'> <option value='25' selected >Sales Question</option> <option value='25'>Friendship</option> <option value='25'>Financial Question</option> </select> <script> AJS.$("#feedback-issue-type-en1").auiSelect2(); </script> </div> <br> <div><input class="text long-field-en" type='text' id='feedback-summary-en' name='feedback-summary' class='feedback-summary' placeholder='The short summary' value=''/></div> <br> <div style='display:none;'><input type='text' id='feedback-language' name='feedback-language' class='feedback-language' placeholder='Выберите язык (en/ru)' value='en'/></div> <div><TEXTAREA class="textarea long-field" id='feedback-body-en' name='feedback-body' ROWS='5' placeholder='You can put more details here...'></TEXTAREA> </div> <br> <div> <select id="feedback-fix-version-en3" multiple data-placeholder="Software..." 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='23922'>Questions for Confluence</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> <option value=' |
...
21920' |
...
>HelpDesk for |
...
JIRA</option> </select> <script> AJS.$("#feedback-fix-version-en3").auiSelect2(); </script> </div> <br> <div> <input class="text" type='text' id='feedback-email-en' name='feedback-email' placeholder='Your E-mail' size='38' value=''/> </div> <br> <div> <input class="text" type='file' id='feedback-attachment-en' name='feedback-attachment' size='38' /> </div> <br> <div align="left"> <input class="aui-button aui-button-primary" type='button' value=' Send ' onclick='addFeedbackEn()'/> </div> </form> </div> <iframe id='feedback-response-en' name='feedback-response-en' frameborder='no' style='display: none;' width='500' height='250'></iframe> <script type='text/javascript'> jQuery(window).load(function() { jQuery('#feedback-main-div-en').show(); jQuery('#feedback-new-issue-div-en').hide(); jQuery('#feedback-response-en').hide(); jQuery('#feedback-new-issue-button-en').click(function () { jQuery('#feedback-form-en')[0].reset(); jQuery('#feedback-main-div-en').show(); jQuery('#feedback-new-issue-div-en').hide(); jQuery('#feedback-response-en').hide(); }); }); function addFeedbackEn() { if ( document.getElementById('feedback-attachment-en').files.length > 0 ) { var attachSize = document.getElementById('feedback-attachment-en').files[0].size; if ( attachSize > 1000000 * 10 ) { var message = '<div>Attachment size exceeds the allowable limit</div>'; jQuery('#feedback-error-en').html(message); return false; }} var summary = jQuery('#feedback-summary-en').val(); var email = jQuery('#feedback-email-en').val(); if (summary == '' || email == '') { var message = ''; if (summary == '') { message = message + '<div>Enter the Summary please</div>'; } if (email == '') { message = message + '<div>Enter the E-mail please</div>'; } jQuery('#feedback-error-en').html(message); return false; } jQuery('#feedback-error-en').html(''); jQuery('#feedback-main-div-en').hide(); jQuery('#loading-en').fadeIn(); jQuery('#feedback-response-en').show(); jQuery('#feedback-form-en').submit(); jQuery('#feedback-response-en').on("load", function() { jQuery('#feedback-new-issue-div-en').show(); jQuery('#loading-en').fadeOut(); }); return false; } </script> |
HTML |
---|
<STYLE TYPE='text/css'> #loading-en { display:none; left: 16%; position: absolute; top: 30%; width: 300%; z-index: 1000; } #loadingcontent-en { height: 60%; left: 50%; top: 50%; width: 60%; } #loadingspinner-en { top: 50%; width: 30%; } </STYLE> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <div id="loading-en"> <div id="loadingcontent-en"> <span id='loadingspinner-en' class='aui-icon aui-icon-wait'>Loading...</span> </div> </div> <div id='feedback-main-div-en' style='font-size: 14px; font-family: Arial,Helvetica,FreeSans,sans-serif'> <div id='feedback-error-en'></div> <form class="aui" enctype='multipart/form-data' id='feedback-form-en' name='feedback-form-en' target='feedback-response-en' method='post' action='https://jira.teamlead.ru/plugins/servlet/feedback/create'> <input type='hidden' name='form-index' id='form-index-en' value='117'/> <div> <select id='feedback-issue-type-en2' data-placeholder="Тип обращения..." name='feedback-issue-type'> <option value='10'>Technical Consultation</option> <option value='27'>Bug</option> <option value='1'>Blocker Fault</option> <option value='4'>Ideas & Improvements</option> </select> <script> AJS.$("#feedback-issue-type-en2").auiSelect2(); </script> </div> |
...
<br> <div><input class="text long-field-en" type='text' id='feedback-summary-en' name='feedback-summary' class='feedback-summary' placeholder='The short summary' value=''/></div> <br> <div style='display:none;'><input type='text' id='feedback-language' name='feedback-language' class='feedback-language' placeholder='Выберите язык (en/ru)' value='en'/></div> <div><TEXTAREA class="textarea long-field" id='feedback-body-en' name='feedback-body' ROWS='5' placeholder='You can put more details here...'></TEXTAREA> </div> <br> <div> <select id="feedback-fix-version- |
...
en4" multiple data-placeholder="Software..." 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='23922'>Questions for Confluence</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> <option value='21920'>HelpDesk for JIRA</option> </select> <script> AJS.$("#feedback-fix-version- |
...
en4").auiSelect2(); </script> |
...
</div> <br> <div> <input class="text" type='text' id='feedback-email-en' name='feedback-email' placeholder='Your E-mail' size='38' value=''/> </div> <br> <div> <input class="text" type='file' id='feedback-attachment-en' name='feedback-attachment' size='38' /> </div> <br> <div align="left"> <input class="aui-button aui-button-primary" type='button' value=' Send ' onclick='addFeedbackEn()'/> </div> </form> </div> |
...
<iframe id='feedback-response-en' name='feedback-response-en' frameborder='no' style='display: none;' width='500' height='250'></iframe> |
...
<script type='text/javascript'> jQuery(window).load(function() { jQuery('#feedback-main-div-en').show(); jQuery('#feedback-new-issue-div-en').hide(); jQuery('#feedback-response-en').hide(); jQuery('#feedback-new-issue-button-en').click(function () { jQuery('#feedback-form-en')[0].reset(); jQuery('#feedback-main-div-en').show(); jQuery('#feedback-new-issue-div-en').hide(); jQuery('#feedback-response-en').hide(); }); }); function addFeedbackEn() { if ( document.getElementById('feedback-attachment-en').files.length > 0 ) { var attachSize = document.getElementById('feedback-attachment-en').files[0].size; if ( attachSize > 1000000 * 10 ) { var message = '<div>Attachment size exceeds the allowable limit</div>'; jQuery('#feedback-error-en').html(message); return false; }} var summary = jQuery('#feedback-summary-en').val(); var email = jQuery('#feedback-email-en').val(); if (summary == '' || email == '') { var message = ''; if (summary == '') { message = message + '<div>Enter the Summary please</div>'; } if (email == '') { message = message + '<div>Enter the E-mail please</div>'; } jQuery('#feedback-error-en').html(message); return false; } jQuery('#feedback-error-en').html(''); jQuery('#feedback-main-div-en').hide(); jQuery('#loading-en').fadeIn(); jQuery('#feedback-response-en').show(); jQuery('#feedback-form-en').submit(); jQuery('#feedback-response-en').on("load", function() { jQuery('#feedback-new-issue-div-en').show(); jQuery('#loading-en').fadeOut(); }); return false; } </script> |