Главная - Все для web-мастера uCoz

Оставляем отзыв в 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="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/otziv/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>


Готово!

Источник: укозик.рф

Просмотров: 3286 | Написал: (o)-$erega-(o) | Дата: 10.06.2012 | Комментарии: (6)
    ruslan | 13.06.2012
    прикольный скрипт, удобный, даже очень... Аватар

    Monti | 14.06.2012
    что то не работает...там ошибка...исправь её пожалуйста Аватар

    ruslan | 15.06.2012
    А что за ошибка? Аватар

    (o)-$erega-(o) | 15.06.2012
    Скрипт полностью рабочий, ошибок нет Аватар

    Kulac | 05.07.2012
    Видел я такую кнопку. Про ajax не знаю. Аватар

    (o)-$erega-(o) | 05.07.2012
    На ajax не было, поэтому и реализовано :) Аватар


info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0