[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » предосмотр сообщения

предосмотр сообщения
[1] nick1594 [07.06.2012, 19:06]
Code
    var prdsmtr = '<div id="postPreview"></div>';

function prepostAjax() {

var kin = ($('#ldF12').val() == '' ? '' : '<img style="float: right;" src="/php/rating/kinopoisk.php?id='+$('#ldF12').val()+'">'); //Проверка рейтинга КиноПоиска
var you = ($('#ldF4').val() == '' ? '' : '<iframe style="float: right;" src="http://www.youtube.com/embed/'+$('#ldF4').val()+'?rel=0" allowfullscreen="" frameborder="0" height="100" width="210"></iframe>'); //Проверка трейлера
var rel = ($('#ldF22').val() == '0' ? '' : '<b>Релиз группы:</b> <img src="/designs_65/reliz_group/'+$('#ldF22 option:selected').text()+'.gif">'); //Проверка релиз группы
// Проверка скриншотов
var skr1 = ($('#ldF10').val() == '' ? '' : '<img style="border: 1px solid #A3862E;width:117px;height:70px;" src="'+$('#ldF10').val()+'">')
var skr2 = ($('#ldF14').val() == '' ? '' : '<img style="border: 1px solid #A3862E;width:117px;height:70px;" src="'+$('#ldF14').val()+'">')
var skr3 = ($('#ldF15').val() == '' ? '' : '<img style="border: 1px solid #A3862E;width:117px;height:70px;" src="'+$('#ldF15').val()+'">')
var skr4 = ($('#ldF16').val() == '' ? '' : '<img style="border: 1px solid #A3862E;width:117px;height:70px;" src="'+$('#ldF16').val()+'">')
var titl = ($('#ldF1').val() == '' ? '' : $('#ldF1').val()+'<br>')

  $("#prelaod").html('<img src="/designs_65/ajax/load.gif" id="ajaxWait" />');
   
$.post('/forum/', {message: $('#message').val(),sm: 1,frmt1: 1,ahtml1: 1,a: 32,smiles_on: 1},
function (data) {
  $('#postPreview').html('<table width="100%" style="border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;background: #EBF6FF;border: 1px solid #BFCCEF;" border="0" cellspacing="0" cellpadding="0"><div style="text-align: right;color:#A3862E;font-weight:bold;"> Предпросмотр описания раздачи [color=#FF0000]<a href="javascript://" onclick="$(\'#postPreview\').hide();$(\'#mesdel\').show()">[x]</a>[/color]</div><tr><td style="width:110px;vertical-align: top;padding:5px;color:#000;font-size: 10pt;font-weight:bold;"> Описание <br><br> <div id="'+$('#ldF21 option:selected').text()+'"></div></td><td style="color:#000;padding:5px;margin:0px;font-size: 10pt;text-align:left;border-left:solid 1px #BFCCEF;"><div style="float: right; clear: right; padding: 4px 4px 2px;"><table><tr><td><img style="float: right;" src="/designs_65/coverblank2.png" /></td></tr><tr><td>'+kin+'</td></tr><tr><td>'+you+'</td></tr><tr><td style="float: right;">'+rel+'</td></tr></table></div><div style="color:#009900;text-align: center;font-size: 14pt;">'+titl+'</div>'+$(data).find('td.posttdMessage').html()+'<hr><div style="text-align: center;">'+skr1+skr2+skr3+skr4+'</div></td></tr></table>');
  $('#postPreview:hidden').show();
  $('#ajaxWait').remove();
     $('#mesdel').hide();
});
}


Сообщение отредактировал nick1594 - Пятница, 08.06.2012, 13:34
[2] likbezz [08.06.2012, 11:23]
nick1594,
Quote (nick1594)
как вывести лоадер
тоесть
Code
$("#prelaod").html('<div style="text-align: center;"><img src="/designs_65/prelaod.gif" id="ajaxWait" /></div>');

в центер поля #message

В поле добавления? Никак.
Про остальное не очень понял.
[3] nick1594 [08.06.2012, 13:36]
Quote (likbezz)
В поле добавления? Никак.


Ок! сделал по другому ))

про другое, попробую обьяснить как выйдет

захожу вот я на страницу добавления, заполняю полное описание, и жму не предосмотр у меня в место поля полного описания появляется табличка с с текстом введеным в полное описание

как сделать что бы плвный был переход от скрытия поля #message до открытия таблички предосмотра, и наоборот от закрытия таблички до открытия поля #message

Добавлено (08.06.2012, 13:36)
---------------------------------------------
и еще что бы на момент поторного нажатия на кнопку предосмотра уже при открытой таблице, таблица немного затемнялась на момент обновления

[4] likbezz [09.06.2012, 15:28]
nick1594,
Quote (nick1594)
как сделать что бы плвный был переход от скрытия поля #message до открытия таблички предосмотра, и наоборот от закрытия таблички до открытия поля #message

А) Через анимацию, плавно скрывать поле и одновременно проявлять блок с табличкой.
Блок должен быть абсолютно позиционирован, что бы находится в том же месте что и поле, но с меньшим z-index.
При проявлении, менять индекс - полю отрицательный, блоку положительный, и наоборот при обратном действии.

Quote (nick1594)
таблица немного затемнялась на момент обновления

Проверять при клике видимость блока, и если он видим, то затенять его анимацией черз фильтр и фоновый цвет. потом снимать затенение.

В общем, достаточно сложно для такой ерунды)
[5] nick1594 [09.06.2012, 15:31]
Quote (likbezz)
В общем, достаточно сложно для такой ерунды)

как всегда на удивление сделал опять же все сам biggrin

как только появляется вопрос, тут же нахожу на него ответ)


Полная версия сайта