...
HTML |
---|
<STYLE TYPE='text/css'>
#loading{
display:none;
vertical-align:relative;
position:relative;
left:0;
top:170;
width:100%;
height:100%;
z-index:1000;}
#loadingcontent{
position:inherit;
left:35%;
top:45%;
width:50%;
height:50%;}
#loadingspinner{
vertical-align:inherit;
width: 40%;
text-align: center;
font-size:larger;}
textarea { width: 100%; margin: 0; padding: 0; border-width: 1; }
.feedback-summary { width: 100%; margin: 0; padding: 0; border-width: 1; }
BODY, input, select, table {
font-size: 14px;font-family: Arial,Helvetica,FreeSans,'sans - serif';}
</STYLE>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></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='feedback-main-div' style='font-size: 14px; font-family: Arial,Helvetica,FreeSans,sans-serif'>
<div id='feedback-error'></div>
<form class="aui" enctype='multipart/form-data' id='feedback-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='form-index' value='2'/>
<div>
<input type='hidden' id='feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Тема обращения' value='Запрос на хостинг'/>
</div>
<br>
<div style='display:none;'>
<input type='text' id='feedback-language' name='feedback-language' class='feedback-language' placeholder='Выберите язык (en/ru)' value='ru'/>
</div>
<div>
<select class="select" id='customfield_13241' name='customfield_13241'>
<option value='11484' selected>JIRA</option>
<option value='11485'>Confluence</option>
<option value='11489'>Bamboo</option>
<option value='11491'>Bitbucket</option>
</select>
</div>
<div>
https://<input class="text" type='text' id='customfield_12740' name='customfield_12740' placeholder='Придумайте веб-адрес инсталляции' size='38' />.teamlead.ru (после пробного периода можно будет использовать ваш домен)
<p>При вводе допускаются только символы на латинице, цифры и знак "-".
</div>
<br>
<div>
<TEXTAREA class="textarea long-field" id='feedback-body' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA>
</div>
<br>
<div>
<input class="text" type='text' id='feedback-email' name='feedback-email' placeholder='Ваш e-mail' size='38' value=''/>
</div>
<div>
<input class="aui-button aui-button-primary" type='button' value=' Хочу хостинг! ' onclick='addFeedback()'/>
</div>
</form>
</div>
<iframe id='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='600' height='250'>
</iframe>
<div id='feedback-new-issue-div'>
</div>
<script type='text/javascript'>
jQuery(window).load(function()
{
jQuery('#feedback-main-div').show();
jQuery('#feedback-new-issue-div').hide();
jQuery('#feedback-response').hide();
jQuery('#feedback-new-issue-button').click(function ()
{
jQuery('#feedback-form')[0].reset();
jQuery('#feedback-main-div').show();
jQuery('#feedback-new-issue-div').hide();
jQuery('#feedback-response').hide();
});
});
function addFeedback() {
var summary = jQuery('#feedback-summary').val();
var email = jQuery('#feedback-email').val();
if (summary == '' || email == '')
{
var message = '';
if (summary == '')
{
message = message + '<div>Введите тему обращения</div>';
}
if (email == '')
{
message = message + '<div><font color="red">Введите E-mail для ответа</font></div>';
}
if (adress.trim() == '')
{
message = message + '<div><h3><font color="red">Введите адрес вашей инсталляции</font></h3></div>';
}
jQuery('#feedback-error').html(message);
return false;
}
jQuery('#feedback-error').html('');
jQuery('#feedback-main-div').hide();
jQuery('#loading').fadeIn();
jQuery('#feedback-response').show();
jQuery('#feedback-form').submit();
jQuery('#feedback-response').on("load", function() {
jQuery('#feedback-new-issue-div').show();
jQuery('#loading').fadeOut();
});
return false;
}
</script> |
...