ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Скрипт оставляем отзыв в ajax окне для сайта

Скрипт оставляем отзыв в ajax окне для сайта

Скрипт оставляем отзыв в ajax окне для сайта
Скрипт очень нужный, чтоб не искать гостевой книги и оставлять отзыв там, здесь все сказать на главной страницы. Кнопка будит в левой стороне сайта на сайте, и кто если захочет оставить отзыв о сайте или сделать замечание. Вам только придется нажать на кнопку и вылезет ajax окно где вы можете отписаться и все попадет в гостевую книгу. Суть скрипта в следующем: Слева экрана браузера находиться кнопка "оставить отзыв" при нажатии на которую открывается ajax окно с добавлением отзывов. Отзывы добавляются в гостевую книгу.
И так приступаем к установке:

Например в ПУ открываем Верхнюю часть сайта и в самый вверх вставляем: 
После / head

Код
<script type="text/javascript">/*  
  autor: (o)-$erega-(o)  
  site: http://укозик.рф/  
*/  
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("");  
$.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>Введите капчу:* " + $('.commTd23',v).html());  
$('#Imya').html("Имя:* " + $('.commTd11',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,220,{autosize:1,modal:1,popup:1,maxw:340,minw:340,minh:190},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;  
}


Например в ПУ открываем Нижнюю часть сайта и в самый низ вставляем: 
Перед / body

Код
<div id="KnOtziv"><img src="/CSS-ZORNET/gerav/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"></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>


На этом все!
Источник: укозик.рф
15 Апреля 2013 Просмотров: 5534 Комментариев: (17)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 17
noavatar
fortis 24 Марта 2015 13:351
0
по чему то не работает ,вроде все как надо сделал. blink
Kosten
Kosten 24 Марта 2015 14:162
0
fortis, здесь ссылка битая.
Kosten
Kosten 24 Марта 2015 14:253
0
fortis, все исправил, теперь рабочий код.
noavatar
fortis 24 Марта 2015 15:044
0
спосибо
noavatar
fortis 24 Марта 2015 15:155
0
чуть подробней можно в какие блоки ставить?
Alkapone
Alkapone 24 Марта 2015 16:036
0
fortis, Нижняя часть сайта.
Alkapone
Alkapone 24 Марта 2015 16:037
0
fortis, В самое днище)
1 2 »
avatar