Ни как не могу найти тему о том как сделать так что бы в постах всплывало окошко с авами тех кто поставил плюс1 или минус.
Очень интересно смотрится
Оценка поста как на этом форуме
Сообщений 1 страница 20 из 24
Поделиться1Вт, 10 Май 2016 20:55:41
Поделиться2Вт, 10 Май 2016 21:27:26
Panz
Дык оно вроде уже стоит на всём сервисе ?
Просто нужно иметь пользователя которому Вы ткнёте плюс на Вашем форуме или он Вам (и тогда будет всплывать
Видимо без скрипта Новые возможности с применением API (тест) не показывает, кто сказал, у меня на тестовом другом форуме, не показывает!
Поделиться3Вт, 10 Май 2016 21:27:32
Дык оно вроде уже стоит на всём сервисе ?
на всём сервисе стоит быстрое оценивание постов без перезагрузки страницы, а Просмотр репутации поста а-ля Вконтакте v.2.2 пока нет, или я что-то пропустил?
Поделиться4Вт, 10 Май 2016 21:30:57
Romych
Не пропустил (Я желаемое за действительное (уже запутался)
===================
Ну реально скрипт хорош, ну чего не поставить то, и юзеров бы привлёк в момент ... блин.. опять лечу впереди паровоза
Поделиться5Ср, 11 Май 2016 00:12:31
Deff
Скрипт хороший, правда нашёл один баг на мобилке: контейнер со всеми оценившими уползает за видимую область.
https://imgur.com/tAguxvx
Ещё дело вкуса, но иконки плюсов/минусов бы без "объемного" эффекта
PS:
Часто сижу в последнее время с мобилки тут, и очень было бы неплохо сделать векторными иконки меню форума.
К сожалению не знаю, каков будет эффект с компьютера, но на Retina-дисплее артефакты видны.
Поделиться6Ср, 11 Май 2016 00:42:00
C3La-NS
Мон на мобильном поправить:
Прижать к правому краю
@media screen and (max-width: 540px) {
.jGrowl.top-right {
left:auto!important;
margin-left:auto!important;
margin-right:-30px!important;
}
}
Поделиться7Ср, 11 Май 2016 05:23:30
Ну реально скрипт хорош, ну чего не поставить то, и юзеров бы привлёк в момент ... блин.. опять лечу впереди паровоза
Да, скрипт смотрится хорошо и его уже можно поставить на сервис, только нужно сперва протестировать на мобильных экранах и внести соответствующие исправления.
Поделиться8Ср, 11 Май 2016 07:33:34
И еще надо дать возможность редактировать оформление
Поделиться9Ср, 11 Май 2016 13:26:10
только нужно сперва протестировать на мобильных экранах и внести соответствующие исправления.
Постараюсь на днях сделать необходимые правки (Чот попробовал - сходу не получилось, - там придется и скрипт править под ширину экрана < 540px
Поделиться10Чт, 12 Май 2016 09:58:48
Видимо без скрипта Новые возможности с применением API (тест) не показывает, кто сказал, у меня на тестовом другом форуме, не показывает!
А куда ставить?
Я скопировал код первого из предложенных ,( в теме ссылки) и поставил в хтмл верх - и без результата.
А здесь на форуме работает отлично.
Поделиться11Чт, 12 Май 2016 10:27:53
А куда ставить?
Я скопировал код первого из предложенных ,( в теме ссылки) и поставил в хтмл верх - и без результата.
А здесь на форуме работает отлично.
Низ HTML, из верха соответственно убрать! Там же написано куда.... и Лучше ставить последнюю версию Просмотр репутации поста а-ля Вконтакте v.2.2
Код:<style> /* таблица во всплывающей подсказке */ #respect td{vertical-align:top;} #respect figure{margin:2px;word-wrap:break-word;width:44px;} #respect figure:hover img.vote{display:none;} #respect figcaption{font-size:0.8em;margin-top:-5px;} /* стиль окна а-ля вКонтакте */ .jGrowl .rating_theme {opacity: 1;padding: 3px;text-align:center;width: 485px !important;} .jGrowl .rating_theme .jGrowl-message {background: #fff; padding: 2px;} .jGrowl .rating_theme .jGrowl-header {background: #597ba5;font-size: 1.09em;height: 22px;} .jGrowl .rating_theme .person{width:78px; height:78px; } /* стиль изображения оценки */ .vote{position:absolute;border-radius: 9em;box-shadow:0 3px 5px 1px #000000;-webkit-box-shadow:0 3px 5px 1px #000000;} /* таблица в окне а-ля вКонтакте */ #vse tbody{max-height:520px!important;display:block;overflow-y:auto;overflow-x:hidden;} #vse td{vertical-align:top;} #vse figure{margin:5px;word-wrap:break-word;width:82px; -webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;} #vse figure:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#597ba5;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} #vse figure:hover img.vote{display:none;} #vse figure:hover:before,#vse figure:focus:before,#vse figure:active:before{left:0;right:0;} #vse figcaption{color: #2b587a;font-size:0.9em;} /* настройки всплывающей подсказки */ .tipsy-inner {min-width : 40px!important;max-width : 800px!important;} .tipsy-inner .person {width:36px; height:36px; border-radius:2px;} .tipsy-inner .prof {color:#fff !important;} .tipsy-inner .prof:hover{ text-decoration:underline!important;} .tipsy-se .tipsy-arrow {left:100%!important;margin-left:-22px;} .prof {text-decoration: none !important;} </style> <!--Репутация поста v.2.2--> <script type="text/javascript"> $('div.post').map(function() {var PostID=$(this).find('div.post-content').attr('id').slice(1,-8);var tyt=$(this).find('.post-rating p');var tmp_abort,timer,ava,vote,kr=[];function cl(){$('.tipsy').fadeOut(200);setTimeout(function(){$('.tipsy').remove();},200);};function ton(){timer=setTimeout(function(){cl();},500)}$(tyt).on('mouseenter',function(){$(this).tipsy({fade:!0,gravity:'se',trigger:'manual',html:!0});var w='<table id="respect"><tr><td style="font-weight:bolder"> Oценили: </td></tr><tr>';var f='<table id="vse" width="100%"><tr>';tmp_abort=setTimeout(function(){$.get('/api.php',{method:'post.getVotes',sort_dir:'desc',limit:100,post_id:PostID,fields:'user_id,username,avatar,value,datetime'},function(data){var x=data.response.votes;for(var i in x){var v=x[i];vote=v.value;if(vote==1){vote='http://petushki-city.ru/files/0002/10/47/26356.png';}else{vote='http://petushki-city.ru/files/0002/10/47/46689.png';};ava=v.avatar;if(ava==''){ava='https://forumstatic.ru/files/0000/14/1c/20038.jpg'};kr[i]='<td><figure><img class="vote" src="'+vote+'"><a class="prof" href="/profile.php?id='+v.user_id+'"><img class="person" src="'+ava+'" title="'+v.datetime+'"><figcaption><p>'+v.username+'</p></figcaption></a></figure></td>';}w+=kr.slice(0,5).join(' ');w+='</tr></table>';if(kr.length>=6){w+='<p id="showt" style="cursor:pointer;font-weight:bold;margin:5px;"> Показать всех </p>';}$(tyt).attr('original-title',w).tipsy('show');for(var k=0;k<kr.length;k++){f+=kr[k];if(k%5==4){f+='</tr><tr>';}}f+='</tr></table>';$('#showt').on('click',function(){cl();$.jGrowl(f,{sticky:!0,position:'center',header:kr.length+' оценили',theme:'rating_theme'});});},'json');},600);}).on('mouseleave',function(){clearTimeout(tmp_abort);ton();$('.tipsy').on('mouseover',function(){clearTimeout(timer);});$('.tipsy').on('mouseout',function(){ton();});});$('body').on('click',function(){$('.rating_theme .jGrowl-close').trigger('click');}); }); </script>
Отредактировано mihka1980 (Чт, 12 Май 2016 10:30:10)
Поделиться12Чт, 12 Май 2016 11:04:09
Вставил в низ
Под счётчики лив и Яндекс.
Результат ноль.
Поделиться13Чт, 12 Май 2016 11:11:23
Panz
Ссылку на форум с проблемой
Поделиться14Чт, 12 Май 2016 11:39:46
Ссылку отправил.
Спасибо за участие.
Поделиться15Чт, 12 Май 2016 11:46:02
Panz
Дайте тестовый Ник - Пароль (лучше с админ правами) и ссылку на пост с репутацией, - посмотрю
Чот у Вас весь код сжат (зачем ?) - возможно, с ошибками
Поделиться16Чт, 12 Май 2016 11:50:30
Panz
Дайте тестовый Ник - Пароль (лучше с админ правами) и ссылку на пост с репутацией, - посмотрю
Чот у Вас весь код сжат (зачем ?) - возможно, с ошибками
Как это весь код сжат ?
Извиняюсь, но ещё не все понимаю в техтерминах.
Поделиться17Чт, 12 Май 2016 11:56:07
Panz
Замените весь HTML низ, отпишитесь
<style> /* таблица во всплывающей подсказке */ #respect td{vertical-align:top;} #respect figure{margin:2px;word-wrap:break-word;width:44px;} #respect figure:hover img.vote{display:none;} #respect figcaption{font-size:0.8em;margin-top:-5px;} /* стиль окна а-ля вКонтакте */ .jGrowl .rating_theme {opacity: 1;padding: 3px;text-align:center;width: 485px !important;} .jGrowl .rating_theme .jGrowl-message {background: #fff; padding: 2px;} .jGrowl .rating_theme .jGrowl-header {background: #597ba5;font-size: 1.09em;height: 22px;} .jGrowl .rating_theme .person{width:78px; height:78px; } /* стиль изображения оценки */ .vote{position:absolute;border-radius: 9em;box-shadow:0 3px 5px 1px #000000;-webkit-box-shadow:0 3px 5px 1px #000000;} /* таблица в окне а-ля вКонтакте */ #vse tbody{max-height:520px!important;display:block;overflow-y:auto;overflow-x:hidden;} #vse td{vertical-align:top;} #vse figure{margin:5px;word-wrap:break-word;width:82px; -webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;} #vse figure:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#597ba5;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} #vse figure:hover img.vote{display:none;} #vse figure:hover:before,#vse figure:focus:before,#vse figure:active:before{left:0;right:0;} #vse figcaption{color: #2b587a;font-size:0.9em;} /* настройки всплывающей подсказки */ .tipsy-inner {min-width : 40px!important;max-width : 800px!important;} .tipsy-inner .person {width:36px; height:36px; border-radius:2px;} .tipsy-inner .prof {color:#fff !important;} .tipsy-inner .prof:hover{ text-decoration:underline!important;} .tipsy-se .tipsy-arrow {left:100%!important;margin-left:-22px;} .prof {text-decoration: none !important;} </style> <!--Репутация поста v.2.2--> <script type="text/javascript"> $('div.post').map(function() {var PostID=$(this).find('div.post-content').attr('id').slice(1,-8);var tyt=$(this).find('.post-rating p');var tmp_abort,timer,ava,vote,kr=[];function cl(){$('.tipsy').fadeOut(200);setTimeout(function(){$('.tipsy').remove();},200);};function ton(){timer=setTimeout(function(){cl();},500)}$(tyt).on('mouseenter',function(){$(this).tipsy({fade:!0,gravity:'se',trigger:'manual',html:!0});var w='<table id="respect"><tr><td style="font-weight:bolder"> Oценили: </td></tr><tr>';var f='<table id="vse" width="100%"><tr>';tmp_abort=setTimeout(function(){$.get('/api.php',{method:'post.getVotes',sort_dir:'desc',limit:100,post_id:PostID,fields:'user_id,username,avatar,value,datetime'},function(data){var x=data.response.votes;for(var i in x){var v=x[i];vote=v.value;if(vote==1){vote='http://petushki-city.ru/files/0002/10/47/26356.png';}else{vote='http://petushki-city.ru/files/0002/10/47/46689.png';};ava=v.avatar;if(ava==''){ava='https://forumstatic.ru/files/0000/14/1c/20038.jpg'};kr[i]='<td><figure><img class="vote" src="'+vote+'"><a class="prof" href="/profile.php?id='+v.user_id+'"><img class="person" src="'+ava+'" title="'+v.datetime+'"><figcaption><p>'+v.username+'</p></figcaption></a></figure></td>';}w+=kr.slice(0,5).join(' ');w+='</tr></table>';if(kr.length>=6){w+='<p id="showt" style="cursor:pointer;font-weight:bold;margin:5px;"> Показать всех </p>';}$(tyt).attr('original-title',w).tipsy('show');for(var k=0;k<kr.length;k++){f+=kr[k];if(k%5==4){f+='</tr><tr>';}}f+='</tr></table>';$('#showt').on('click',function(){cl();$.jGrowl(f,{sticky:!0,position:'center',header:kr.length+' оценили',theme:'rating_theme'});});},'json');},600);}).on('mouseleave',function(){clearTimeout(tmp_abort);ton();$('.tipsy').on('mouseover',function(){clearTimeout(timer);});$('.tipsy').on('mouseout',function(){ton();});});$('body').on('click',function(){$('.rating_theme .jGrowl-close').trigger('click');}); }); </script> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t58.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> <!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter37247785 = new Ya.Metrika({ id:37247785, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, ecommerce:"dataLayer" }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/37247785" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
Поделиться18Чт, 12 Май 2016 11:58:30
Panz
Дайте тестовый Ник - Пароль (лучше с админ правами) и ссылку на пост с репутацией, - посмотрю
Чот у Вас весь код сжат (зачем ?) - возможно, с ошибками
Ник и пароль в ЛС.
Поделиться19Чт, 12 Май 2016 12:07:16
Заменил.
Результат ноль.
Плюс внизу сайта вылезла часть какого то кода.
Поделиться20Чт, 12 Май 2016 12:08:20
Panz
Заменил HTML низ, - у мну все заработало, пробуйте
Как-то Вы вставляли криво (Не с планшета случаем ?