NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Оставляем отзыв в ajax окне

Оставляем отзыв в ajax окне

Оставляем отзыв в ajax окне
Скрипты для uCoz
Пазитивчик
26.12.12, 19:52
789
0
Вы наверняка задумывались о кнопке "Добавить отзыв" где-нибудь сбоку сайта.
Так вот, мы разработали такую кнопку.
При нажатии на неё выскакивает ajax-окно с окошком для вашего отзыва.
Очень удобно



Установка:
Вставляем после
Например в ПУ открываем Верхнюю часть сайта и в самый вверх вставляем:
Код
<script type="text/javascript">  
var mesSumma;  
function gfft (){$.post('/gb/', {a: 8,message: $('#mesGb').val(),name:$('#gbF7').val(),code:$('.securityCode').val(),seckey:$("[name = seckey]").val(), sos: $("[name = znachSos]").val()},function(){  
$('#mesGb').val("");  
$('#gbF7').val("");  
$.get('/gb/', function(n){  
var sumOtziv = $('#numEntries .cNum ', n).html();  
if(mesSumma != sumOtziv){  
$('#mesOtp').html('<p style="color:#33AC37;"><b>Сообщение добавлено!</b></p>');  
mesSumma = parseInt(mesSumma) + 1;  
$('#summa').html("Всего отзывов: " + mesSumma);  
}else{  
$('#mesOtp').html('<p style="color:#AC1E14;"><b>Форма заполнена не корректно!</b></p>');  
$('#summa').text("Всего отзывов: " + sumOtziv);  
}  
})  
})  
};  
$(document).ready(function(){  
function getSession (data) {  
for (var i = 0, code = data.match(/_dS\('(.+)'\)/i)[1], _i = code.length - 1, session = ''; i < _i; i ++) {  
session += String.fromCharCode(code.charCodeAt(i) - code.substr(_i, 1));  
}  
return session.match(/\d+/g);  
}  
var wrteq;  
$('#KnOtziv').click(function(){  
$.get('/gb/', function(v){  
if('$USER_ID$'==''){$('#capchaOtz').html("<hr>" + $('.commTd131',v).html());  
};  
wrteq = getSession(v);  
$("[name = znachSos]").val(wrteq);  
mesSumma = $('#numEntries .cNum ', v).html();  
$('#summa').text("Всего отзывов: " + mesSumma);  
var dtut = $("#uwndCon").html();  
new _uWnd('Gb','Оставить отзыв',340,250,{autosize:1,modal:1,popup:1,maxw:340,minw:340,minh:250},dtut);  
})  
})  
});  
</script>


Это в Таблицу стилей (CSS):
Код
body{padding:0; margin:0}  
#secImg{margin-top:4px;}  
#gbF7{width:272px;margin-bottom:4px;}  
#KnOtziv{  
position:fixed;  
top:40%;  
cursor:pointer;  
}


А это перед
Например в ПУ открываем Нижнюю часть сайта и в самый низ вставляем:
Код
<div id="KnOtziv"><img src="http://novi4ok.ru/serv/img/otziv.png" border="0" alt="Оставить отзыв"></div>  
  <div id="uwndCon" style="display:none">  
  <input type="hidden" name="znachSos" value="">  
  <div id="summa">Всего отзывов:</div><div id="mesOtp"></div><hr>  
  <div id="Imya">Имя : <input class="commFl" id="gbF7" type="text" name="name" value="" size="30" maxlength="60"></div>  

  <textarea id="mesGb" name="message" cols="40" rows="7"></textarea><br>  
  <div id="capchaOtz"></div>  
  <hr>  
  <input type="button" id="dobMe" onclick="location.href='/gb/'" value="Читать все отзывы">  
  <input type="button" id="dobMes" onClick="gfft()" value="Добавить отзыв"></div>


Зайдите в ПУ » Управление Дизайном » Гостевая книга » Форма добавления сообщения
И ваша задача найти такую строчку:
Код
<?if($SECURITY_FL$)?><tr><td class="commTd1">Код *:</td><td class="commTd2">$SECURITY_FL$</td></tr><?endif?>


И изменить её на эту:
Код
<tr class="commTd131"><td class="commTd2">Код *:</td><td class="commTd2">$SECURITY_FL$</td></tr>


Если у вас НЕ стандартный дизайн этой формы, то вы должны найти похожий код
И добавить в например div-блок с классом commTd131, то есть так:
Код
<div class="commTd131">  
Код: $SECURITY_FL$  
</div>


Готово!
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)