FAQ 2.0 - вопросы и ответы (не флудить!)

01.10.2014

Всем добрый день . Не подскажите как сделать вход в чат через социальную сеть . К примеру человеку лень регистрироваться или не получается нажав на значок одноклассников или контакт и введя логин и пароль он попадает в чат . можно вообще это сделать или не реально??

01.10.2014

И Снова здравствуйте! Вопрос- какс делать так чтобы таблица ников имела "закруглённые" углы? Попробывал в HTML прописать стиль под див юзерс, что то не получаеться ничего(
Вот так я сделал, но неудачно(((
<div id="users" style="width:225px; border-radius:15px; -khtml-border-radius:15px; -o-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; "></div>

01.10.2014

Вот тут посмотри - https://vmeste.eu/forum?pid=292241#p292241

01.10.2014

не закругляется из-за тега <table>
если непосредственно <div id="users"> не содержит скрола, то такое поведение можно обмануть добавив к стилям overflow:hidden;
в противном случае надо играть с отступами таблицы от краёв div'a, но тут много возни, универсальным решением не пахнет

01.10.2014

Спасибо, Pegass всё "заработало")

06.10.2014

Здоавствуйте! https://vmeste.eu/forum?pid=293171#p293171 Нашёл интересное решение, но в нём есть огромный минус при наведении на картинку она увеличиваеться, но полоса прокрутки автоматом не идёт вниз, приходиться ждать когда изображение подниметься выше за счёт отправляемых сообщений и только тогда его можно нормально посмотреть в увеличенном виде, а это ОЧЕНЬ неудобно((((( Не подскажите ли как доработать данное решение!

06.10.2014

Олег-1991, боюсь тут вам никто не поможет да и мне некогда))) история такая - в скрипте есть функция resize, в ней надо добавить следующие расчеты
- рассчитать высоту фрейма сообщений
- рассчитать на сколько проскролен фрейм
- рассчитать расстояние между началом фрейма сообщений и верхним краем картинки

далее из полученных данных рассчитывать и изменять положение скрола

конечно можно подумать что я загоняюсь и достаточно проскролить в самый низ, НО кто сказал что картинка в самом низу фрейма?

ЗЫ надеюсь кто нить напишет это за меня)))

06.10.2014

Так а не проще сделать абсолютное позиционирование при наведении, чтобы не было зависимостей от скролла?

06.10.2014

Хотел установить свой шрифт через css, адрес на шрифт стороннего источника так как загруза такого типа фала запрещена в ftp

@font-face {
font-family: Arbat;
src: url(!!!!.ttf);
но проблема на этом не решилась, понять не могу ,блокируеться файл от туда где он стоит , или что это? Font from origin ' источник ' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://mpchat.com' is therefore not allowed access.

07.10.2014

Alyoshka, шрифты со стороннего сайта блокируются браузером, либо грузите в свой сайт, либо используйте **********

08.10.2014

Олег-1991, это что за адский метод? он работает? наверное, да, раз выложил...
скорее всего проблема в обращении через tabindex. в скриптах, где обрабатывается картинка, добавь ей класс типа .loadimage и в этих стилях вместо tabindex его укажи.
но это всё равно изначально не совсем обработка клика. это именно обработка фокуса. открыть картинку и писать что-то в лог чата не получится, например.

я бы для этих целей использовал этот скрипт, чтоб изначально уменьшить картинку и добавил бы картинке класс fancybox, открывал бы им. не нравится фэнси - повесил бы свой js-обработчик, добавляющий класс .open открытому изображению и его бы стилизовал. по крайней мере метод железобетонный в отличие от стилей.

обработчик совсем лёгонький
[spoiler=на jquery]$(".loadimage").click(function() {
$(this).toggleClass("open");
});[/spoiler]
[spoiler=или на js]document.querySelectorAll('.loadimage').addEventListener("click", function(el) {
el.classlist.toggle("open");
});[/spoiler]

08.10.2014

Pegass, Ну свой сайт отпадает однозначно, так как использую ftp чата , а данный шрифт уже вписан со своего сайта, который и блокируется,попробую с гугла, хотя я думаю почти невозможно найти там русские шрифты

08.10.2014

Foggy, querySelectorAll ЫЫЫ 🐱‍👤 а как же IE8??? ахххаааа

ЗЫ к своему недоумению я тут обнаружил что date.parse(timestring) в разных браузерах работают по разному, а именно мозилка воспринимает только один формат даты (((

08.10.2014

Спасибо за наводку, Foggy)

08.10.2014

Вполне нормально. ИЕ8 поддерживает этот метод для селекторов css2.1

08.10.2014

Pegass, даты я всегда парсил адски регулярками.
ie8? не, **********.

09.10.2014

подскажите где темка на вход через соц сети

09.10.2014

https://vmeste.eu/forum?tid=15671

10.10.2014

Подскажите в чем проблема из за которой меню ( ********** ) работает неправильно? ( меню взято от **********

10.10.2014

Олег-1991, попробуйте немного изменить скрипт:
<script>
$(document).ready(function() {
$('a.iframe').fancybox({
type: "iframe",
"frameWidth" : 800,
"frameHeight" : 600
});
});
</script>
И Jquery лучше ********** подключать.


Alyoshka, у меня всё работает за исключением вывода иконок меню. Забыли подключить для них шрифт.
P.S А вообще по поводу Codrops... Довольно сложно что-то брать оттуда и копипастом ставить себе, потому что приходится серьезно перерабатывать код под свои нужды (плюс геморрой с подключаемыми файлами). Возможно, проще написать пошагово с нуля, опираясь на их статью.