HTML - советуем, спрашиваем, делимся, "язык интернета" Опции

[Эроласт]

Нужна помощь по WebSocket'ам.
Использую такой код:

Код

<script>
        alert("Поехали!");
            var webSocket = new WebSocket('ws://server:port');

            webSocket.onopen = function(event) {
                alert("onopen");
            };

            webSocket.onmessage = function(event) {
                alert("onmessage, " + event.data);
                webSocket.close();
            };

            webSocket.onclose = function(event) {
                alert("onclose");
            };
        </script>

, но почему-то webSocket не хочет подключаться, сразу же выдает "onclose".
Веб-консоль же выдает следующее:

[15:11:54.515] GET http://server:port/ []
[15:11:55.332] Firefox can't establish a connection to the server at ws://server:port/

Веб-сокеты в браузере включены, сервер прекрасно работает. Никто не знает, в чем может быть проблема?

[tolich]

Может, вместо server:port нужно указать действительные сервер и порт? :)

[izrukvruki]

Подскажите как реализована анимация прозрачности заднего фона на сайте http://www.enikotrade.ru/ ?

[Эроласт]

Подскажите как реализована анимация прозрачности заднего фона на сайте http://www.enikotrade.ru/ ?

Еще не слишком поздно?
Вот, целая статья
Вообще, на сайте этом много интересного о яваскрипте.

[izrukvruki]

Erolast
спасибо за ссылку на статью 2006 года...

я если честно нашел вот такой способ - мне он как-то больше понравился
http://www.instantcms.ru/blogs/zapiski-sum...rezagruzki.html

[izrukvruki]

никто не встречал наглядного удобного инструмента для кодинга на HTML5 кривых Безье ?

просто не совсем наглядно выглядит код bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
представляя как выглядит кривая, вычислить координаты опорных точек очень непросто


может быть есть какой-то онлайн редактор или просто программа, где на холсте строишь кривую, а прога выдает координаты ее опорных точек)?

[izrukvruki]

нашел http://blogs.sitepointstatic.com/examples/...zier-curve.html

[izrukvruki]

без флеша можно ли сделать наклонную кнопку ссылку?


нужно чтоб на полки стояли книги (наклонившись друг на друга) и по щелчку по корешку открывалась этак книга...
Многие флеш блокируют, или же не ставят флеш плеер и не видят этих книг...

[Эроласт]

Картинкой? Несколько картинок с прозрачным фоном, вплотную прислоненные друг к другу, событие на onclick. Как-то так.

А если нужна именно наклонившаяся кнопка, то вот.

[Iv]

без флеша можно ли сделать наклонную кнопку ссылку?

Да, можно. На хабре видел статью, где было расписано, как средствами CSS нарисовать прямоугольник и повернуть его на нужный угол. Но сейчас найти её не смог

[Crodo]

http://htmlbook.ru/blog/matritsa-preobrazovanii вот с помощью css, не работает в старых IE, в IE10 работает

[Shurup]

Матрица в этом случае не нужна. Достаточно простого transform:rotate

примерчик на скорую руку (Фф, хром)
http://cssdesk.com/Y5ka5

Но в старых ие оно будет выглядеть совсем отвратно. Поскольку каждая книга требует тонкой настройки угла и отступа (отползания от положения впритык) - то лучше вообще отказаться от этой идеи (верстать это через HTML). Если и использовать современные возможности браущера - то лучше попробовать с помощью SVG. Хотя текст под углом смотрится почти всегда отвратно.

[izrukvruki]

Бес, посоветовал мне через теги map и area - http://htmlbook.ru/html/area
Попробую так
Картинка полки у меня нарисована, поэтому координаты углов книг только внимательно в шопе определить...

[packa]

Дело такое:

Есть блок div1, предположим 300пикселей в высоту.
У него есть ребеночек, div2 который является левой рамочкой. Ребеночек должен растягиваться по всей высоте блока div1.
Проблема в том, что div2 имеющий атрибуты left: -50px; top: 20px; height: 100%; естественно имеет высоту также 300px и на 20px вылазит вниз, зараза.

div1 тоже плавающий, но со старта имеет именно 300 пикселей. (я с помощью jQuery-ui сделал его изменяющим размеры)

Какие есть пути решения проблемы?
Гугл предпологает, что средствами CSS не решаемо, нужен JavaScript. Который, из нагугленного, не смог ничего толком подсказать.
Находил для 2 блоков код, но там это 2 отдельных блока, а у меня
#div1
#div1.div2 и с div2 не получается нормально работать

Сгугленный код


Вообщем ваши предложения товарищи!)

[Shurup]

если я правильно понял, что надо.

http://cssdesk.com/y8gXv

а вообще для рамки из восьми блоков (включая угловые) очень часто достаточно всего лишь два дополнительных дива

http://cssdesk.com/ZQfbu

[packa]

Получилось!) Старнно, но я эксперементировал с bottom, но он не хотел работать.

Теперь остался последний штрих - серое поле не фиксировано по размеру (как и общее) , то есть растягивается.
Хочу чтобы когда серая штука вылазила за head. content появлялся скролл
http://cssdesk.com/hxSHa

overflow: scroll и overflow: auto не хотят помогать

(черное это фон)

[Shurup]

overflow: scroll и overflow: auto не хотят помогать

Код

/* контент чата */
#head .content {
    position: absolute;
    top: 10px; left: 0px;
    width:100%;
    bottom: 10px;
    z-index: 2;
    overflow: auto;
    background-color: #ccc;
}

[packa]

Спасибо) Все время путаюсь в этих position

а вообще для рамки из восьми блоков (включая угловые) очень часто достаточно всего лишь два дополнительных дива
http://cssdesk.com/ZQfbu

О, псевдоэлементы, не слышал даже, будем разбираться)

А не подскажешь как ты тут выводишь?

Код

<div class="left-bor bord"></div>

Два разных блока, под одними ковычками... как так?

[Эроласт]

Так class же может повторяться. Это id должен быть уникальным для каждого элемента.

[izrukvruki]

Подскажите можно ли как-то поставить картинку-логотип ICQ, чтоб по щелчку происходила отправка сообщения абоненту (если есть аська на компе) или сообщение через сайт аськи (если нет клиента)?...

надо чтоб в любом случае чтоб работало...