{html}
<a href="#?w=690" rel="popup_contact" class="poplight">
<div class="feedbackblock">
<img
border="0" src="http://www.teamlead.ru/download/attachments/92144019/contacts_trans_1.png">
</div>
</a>
<div id="popup_contact" class="popup_block">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
<script>
// DOM готова
$(function() {
var current;
function rotate() {
// Выглядит ужасно, но классы должны быть использованы в определенном порядке
if (current == 1) {
$("#block-1").removeClass().addClass("active");
$("#block-2").removeClass().addClass("non-active-top");
$("#block-3").removeClass().addClass("non-active-bottom");
$("#block-4").removeClass().addClass("non-active-bottom2");
} else if (current == 2) {
$("#block-1").removeClass().addClass("non-active-bottom2");
$("#block-2").removeClass().addClass("active");
$("#block-3").removeClass().addClass("non-active-top");
$("#block-4").removeClass().addClass("non-active-bottom");
} else if (current == 3) {
$("#block-1").removeClass().addClass("non-active-top");
$("#block-2").removeClass().addClass("non-active-bottom");
$("#block-3").removeClass().addClass("active");
$("#block-4").removeClass().addClass("non-active-bottom2");
}
else if (current == 4) {
$("#block-1").removeClass().addClass("non-active-top");
$("#block-2").removeClass().addClass("non-active-bottom");
$("#block-3").removeClass().addClass("non-active-bottom2");
$("#block-4").removeClass().addClass("active");
}
}
$("#rotator div").click(function() {
// Разрешаем обратный ход перестановки блоков
current = this.id.substr(6);
rotate();
});
});
</script>
<div id="page-wrap">
<div id="rotator">
<div id="block-1" class="active">
<h6>
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%97%D0%B0%D0%BF%D1%80%D0%BE%D1%81.png">
</h6>
<div>
<div id='feedback-main-div' style='font-size: 12px; font-family: Arial,Helvetica,FreeSans,sans-serif'>
<form 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='5'/>
<div>
<select id='feedback-component' name='feedback-component'>
<option value='' selected >Выберите тему вопроса</option>
<option value='14268'>Возможности продукта</option>
<option value='14265'>Оценка проекта или разработки</option>
<option value='14263'>Покупка и лицензирование продуктов</option>
<option value='14560'>Услуги Teamlead</option>
<option value='14267'>Сотрудничество</option>
</select>
<select id='feedback-affect-version' name='feedback-affect-version'>
<option value='' selected >Выберите продукт</option>
<option value='16023'>JIRA</option>
<option value='16022'>Confluence</option>
<option value='16021'>Development Tools</option>
</select>
</div>
<div><input type='text' id='feedback-summary' name='feedback-summary' size='58' placeholder='Ваш вопрос' value=''/></div>
<div><TEXTAREA id='feedback-body' name='feedback-body' COLS='61' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA></div>
<div><input type='file' id='feedback-attachment' name='feedback-attachment' size='58' /></div>
<input type='text' id='feedback-email' name='feedback-email' placeholder='Ваш e-mail для ответа' size='38' value=''/>
<input type='button' value=' Задать вопрос ' onclick='addFeedback()'/>
</form></div>
<iframe id='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='370' height='130'></iframe><script type='text/javascript'>
function addFeedback() {
jQuery('#feedback-response').show();
jQuery('#feedback-form').submit();
return false;
}
</script>
</div>
</div>
<div id="block-2" class="non-active-top">
<h6>
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%9E%D0%BD%D0%BB%D0%B0%D0%B8%CC%86%D0%BD+%D1%87%D0%B0%D1%82.png">
</h6>
<br>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2">
<img border="0" height="235" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_chat.png">
</td>
<td>
<img border="0" height="130"
src="http://www.teamlead.ru/download/attachments/15794201/arrow_down.png">
<br>
<a href="https://siteheart.com/webconsultation/21371?byhref=1&s=1" target="siteheart_sitewindow_21371" onclick="o=window.open;o('https://siteheart.com/webconsultation/21371?s=1', 'siteheart_sitewindow_21371', 'width=550,height=400,top=30,left=30,resizable=yes'); return false;"><img src="http://webindicator.siteheart.com/webindicator/image/1308171917?ent=21371&company=21371" border="0" /></a>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
<div id="block-3" class="non-active-bottom">
<h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%A2%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD.png"></h6>
<div>
<br><br>
<img border="0" height="100"
src="http://www.teamlead.ru/download/attachments/15794201/phone.jpg">
<p>С понедельника по пятницу</p>
<p>с 10:00 до 18:00 (время Московское)</p>
<br>
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_phone.png">
</div>
</div>
<div id="block-4" class="non-active-bottom2">
<h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%90%D0%B4%D1%80%D0%B5%D1%81.png">
</h6>
<br>
<div>
<script type="text/javascript" src="http://www.teamlead.ru/download/attachments/92144076/imagesize.js"></script>
<img class="expando" border="0" src="http://www.teamlead.ru/download/attachments/92144070/teamlead_map_big.png" height="100">
<b>Фактический адрес</b>
<p>Россия, 194044, г. Санкт-Петербург</p>
<p>Большой Сампсониевский проспект, д. 66-В,</p>
<p>офис 214, (10 минут от метро "Выборгская")</p>
<br>
<b>Для корреспонденции</b>
<p>Россия, 190020, г. Санкт-Петербург</p>
<p>Циолковского, д. 13, Литер А, офис 7-Н</p>
<p>ООО "Тимлид"</p>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://www.teamlead.ru/download/attachments/92143948/close_pop.png" class="btn_close" title="Закрыть окно" alt="Закрыть" /></a>');
//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
return false;
});
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove();
}); //fade them both out
return false;
});
});
</script>
{html}
| 