Поиск по сайту

Результаты поиска по тегам 'javascript'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Фриланс
    • Коммерческие услуги
    • Ищу работу
    • Предлагаю работу

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)
  • Draft

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу

Искать результаты в...

Искать результаты, которые содержат...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начать

    Конец


Группа


Web site


ICQ


Jabber


Skype


Откуда


Интересы

Найдено 52 результата

  1. kiberchainik

    создание чата на node

    здравствуйте, надеюсь выбрал тему верно, так вот ... на хостинге установили node открыли порт 3000 порт прослушивается, при обращении lptf.it:3000 или http://185.53.160.215:3000/ выводится сообщение Hello Node.js Server!. Казалось бы все хорошо! но! я хочу дальше создание чата, и в корне сайта создаю файлик (сервер) с кодом (пример с интернета, я новичОк): var express = require('express'); var app = express(); app.set('port', process.env.PORT || 3000); app.set('host', process.env.HOST || 'localhost'); var logger = require('log4js').getLogger(); var server = require('http').Server(app); var io = require('socket.io')(server); var port = 3000; app.use(express.static('/home/urlyogyj/public_html/views/chat.php')); app.get('/chat.php', function(req,res){ res.sendFile('/home/urlyogyj/public_html/views/chat.php'); }); app.use('/fonts', express.static('/home/urlyogyj/node_modules/uikit/src/fonts/')); app.get('/socket.io.js', function(req,res){ res.sendFile('/home/urlyogyj/node_modules/socket.io-client/dist/socket.io.js'); }); app.get('/jquery.js', function(req,res){ res.sendFile('/home/urlyogyj/node_modules/jquery/dist/jquery.min.js'); }); app.get('/uikit.js', function(req,res){ res.sendFile('/home/urlyogyj/node_modules/uikit/dist/js/uikit.min.js'); }); app.get('/uikit.css', function(req,res){ res.sendFile('/home/urlyogyj/node_modules/uikit/dist/css/uikit.almost-flat.min.css'); }); app.get('/animate.css', function(req,res){ res.sendFile('/home/urlyogyj/node_modules/animate.css/animate.min.css'); }); function usersCountToLog(){ logger.info('User count: '+io.engine.clientsCount); } io.on('connection', function(socket){ function setName(name){ if(name != undefined && name != ''){ socket.session = {}; socket.session.userName = name; socket.session.address = socket.handshake.address; socket.session.id = socket.id; socket.broadcast.emit('newUser', socket.session); socket.emit('userName', socket.session); socket.emit('userList', io.length); logger.info('User '+socket.session.userName+' join from IP: '+socket.session.address); usersCountToLog(); var clients = io.sockets.connected; var clientsList = {} for(var key in clients){ if(clients[key].session) clientsList[key] = clients[key].session; } socket.emit('clientsList', clientsList); console.log(clientsList); } else socket.emit('setName'); } setName(null); socket.on('setName', function(name){ if(name.length > 0) setName(name); else socket.emit('setName'); }); socket.on('message', function(msg){ if(socket.session){ if(socket.session.userName === null || socket.session.userName == '' || socket.session.userName == undefined){ socket.emit('setName'); }else{ logger.trace('———--'); logger.trace('User: ' + socket.session.userName + ' | Message: ' + msg); logger.trace('====> Sending message to other chaters...'); socket.broadcast.emit('messageFromClients', msg, socket.session.userName); socket.emit('messageToClients', msg, socket.session.userName); } } }); socket.on('disconnect', function(){ if(socket.session){ io.sockets.emit('userDisconnected', socket.session); logger.info('User '+socket.session.userName+' left chat'); usersCountToLog(); } }); }); console.log('server started, tipa...'); как видно по коду прописал адреса к файлам, они верные, в консоле перезапускаю сервер командой node /home/urlyogyj/public_html/app.js screen после этого обновляю адрес lptf.it:3000 и все равно без перемен, выводит Hello Node.js Server! я не понимаю почему, и где и как можно отслеживать ошибки. чего вообще хочу добиться: до авторизации какого-либо пользователя чат не нужен, как только пользователь авторизовывается на сайте, открывается сокет и на сайте для всех остальных пользователей и гостей видна надпись что тот авторизованный пользователь в сети, и напротив его логина появляется кнопка создать чат, но только для авторизованых пользователей, при нажатии на нее открывается окошко чата, как на сайте вконтакте или фейсбуке, у получателя сообщения есть блок со списком все кто прислал ему сообщение, получатель нажимает на автора и пользователи начинают общение, каждый диалог с новым пользователь должен запускать свое окошко чата. причем этот чат существует на всех страницах сайта. после выхода пользователя через кнопку выход или закрытии вкладки сокет закрывается, а все сообщения записываются в базу данных!
  2. В шапке стоит видео, которое я через JS подгружаю и подгоняю под размер экрана. Но при первой загрузке страницы видео не растягивается по ширине экрана. Только если ресайзнуть окно. Что делать? Тестируемое разрешение экрана 1366x768. Вот сам сайт и код: var scWidth; var scHeight; function window_resize() { scWidth = (window.innerWidth > 0) ? window.innerWidth : screen.width; scHeight = (window.innerHeight > 0) ? window.innerHeight : screen.height; $('.scroll_bottom').css('display', (scHeight < scWidth ? 'block' : 'none')); var mainmenu = $('.mainmenu'); var mainvideo = $('#mainvideo'); if (scWidth > 767) { if (mainvideo.length < 1) { mainmenu.prepend('<video muted autoplay loop class="video" id="mainvideo"><source src="/assets/video/bg.mp4" type="video/mp4"></video>'); mainvideo = $('#mainvideo'); } mainvideo.attr('style', ''); if (mainvideo.height() < mainmenu.height()) { // Делаем по всей высоте scale = mainmenu.height() / mainvideo.height(); mainvideo.css('height', mainmenu.height() + 'px'); mainvideo.css('width', (mainvideo.width() * scale) + 'px'); if (mainvideo.width() > mainmenu.width()) { trim = (mainvideo.width() - mainmenu.width()) / 2; mainvideo.css('left', -trim + 'px'); } } else { // Делаем по всей ширине scale = mainmenu.width() / mainvideo.width(); mainvideo.css('width', mainmenu.width() + 'px'); mainvideo.css('height', (mainvideo.height() * scale) + 'px'); if (mainvideo.height() > mainmenu.height()) { trim = (mainvideo.height() - mainmenu.height()) / 2; mainvideo.css('top', -trim + 'px'); } } } else if (mainvideo.length) { mainvideo.remove(); } } window_resize(); $(window).resize(window_resize); В атрибуте style ему задана правильная ширина, но само видео почему-то по ней не растянулось. Только после ресайза окна растягивается
  3. https://uzinouzi.github.io/skinplus/index.html Прошу оценить верстку, указать на проблемные места. Буду рад адекватной критике. Так же прошу оценить юзабилити сайта, т.к. это бета-версия будущего проекта. При верстке использовалась сетка от Bootstrap(1-ый опыт такой верстки), препроцессор Less. Так же буду рад возможным предложениям по улучшению, исправлению чего либо. Заранее спасибо.
  4. Добрый день! На данный момент прохожу обучение по веб-программированию, но уже сейчас хотело бы поработать с реальными проектами. Знаю HTML, CSS, принципы адаптивной верстки, основы JavaScript и тд. Пример моей работы находится по адресу https://evgenia1991.github.io/
  5. adminfilm

    Проблема с маркером google map

    Всем привет, при приближение или когда двигаешь мышкой по карте, маркеры передвигаются с тобой! Не могу найти ошибку, если поможете, буду благодарен)
  6. Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output
  7. Каким образом мне переместить последнего человечка в начало слайдера при клике на стрелку? То есть, когда я нажимаю "дальше", последняя картика пропадает и появляеться в начале слайда, а остальніе смещаються вправо.
  8. Добрый день! есть два примераhttps://jsfiddle.net/98y72o9x/ и https://jsfiddle.net/wgzq5e3o/ , которые, по сути, выполняют одно и тоже, но результат выполнения скрипта совершенно разный. Насколько я понял, при выполнении скрипта с динамическим объектом(getELementsByClassName) в коллекции второй и третий элементы списка меняются местами(по алфавиту выстраиваются, как мне показалось)... Но, как это играет на результате??? Та и подсчет кол-ва узлов с таким className чем отличается в обоих случаях???
  9. Здравствуйте, уважаемые форумчане. Очень Нужна ваша помощь, Подскажите пожалуйста. Есть функция - jbcallme(), вызываемая следующим образом (вызываемая по нажатию class= demo1) : $(document).ready(function() { $(function() { $('.demo1').jbcallme(); }); alert( "Привет" ); }); Функция лежит в другом файле. ————— При нажатие на ссылку срабатывает функция jbcallme(), содержащий класс demo1: <a class="demo1" name="nave">Тестирование</a> ————————————-- Проблема в том, что функция JS jbcallme() работает только при нажатие на "Тестирование". Нужно, чтобы функция $('.demo1').jbcallme(); вызывалась сама после загрузки страницы через определенное время (таймер), а не по нажатию на кнопку, ссылку, блок или что-то еще. Пробовал через setTimeout. Но как ее применить в данном случаи? И сделать чтобы эта функция просто выводилась без обязательного нажатия на селектор (class="demo1")? Если просто вставить setTimeout или что-то подобное то функция будет по-прежнему срабатывать только по нажатию на ссылку (тестирование) $(document).ready(function() { setTimeout($(function() { $('.demo1').jbcallme(); }) , 500); }); По прежнему работает только по нажатию клавиши с <a class="demo1" name="nave">Тестирование</a> Подскажите пожалуйста, как это можно реализовать? Заранее, большое спасибо.
  10. Добрый день! Имею вот такой самый простенький пример, но который загнал меня в тупик: https://jsfiddle.net/9n73ro76/ Разбирал работу указателя this. И сама суть вопроса в том, что в jsfiddle результат undefinied, а в chrome искомое значение - 600 и undefinied. Я в упор не пойму в чем разница... Извиняюсь за столь примитивный вопрос, но пол дня потратил на понимание и силы уже иссякли на сей процесс)))
  11. ищу работу angular2-разработчика. пример лучшего кода здесь: https://github.com/zlodiak/ng2_answers_web контакты: email: kalinin.sergey.81@gmail.com skype: cyklop771
  12. Добрый день. Решил я по-экспериментировать над размерами экрана, и у меня вопрос: как сделать окно браузера размером, допустим, 100х60 или ещё меньше, если возможно? Просто стоит ограничение, можно ли его снять?
  13. Нужно сделать все уровни категорий ссылки с переходом + раскрытие как стандартное дерево меню (пример) http://aralex.ieer.ru/ меню.zip
  14. Вывести сообщение при нажатии кнопки - очень простое дело, а как создать функцию, которая заменит одну картинку на другую?
  15. Группа компаний, оказывающих финансовые услуги закордонным клиентам очень ждет опытного фронтенда, который готов влиться в нашу небольшую команду московского офиса. В Вашей зоне ответственности будут мультиязычные сайты (в т.ч. RTL), лэндинги, прототипы мобильных приложений, взаимодействие с копирайтерами, участие в проектах развития. Что хотелось бы увидеть в Вашем портфолио и жизнеописании: • Отличное владение HTML5, CSS3, JavaScript, jQuery, php, MySQL и SQL, Bootstrap (3-4) • Опыт кроссбраузерной и адаптивной/"отзывчивой"(responsive) верстки, понимание специфики работы различных браузеров. • Опыт работы с системой контроля версий (Mercurial или др). • Знание английского языка (не ниже upper intermediate). Как плюс - владение графическими пакетами Adobe, хороший вкус и полиглотство! У нас уютный зеленый офис с кухонькой, душем и качелями недалеко от М.Красносельская/Бауманская в недавно перестроенном под офисный центр здании XIX века, коллеги, подставляющие плечо, а не ножку, 100%ая оплата больничных, и амбициозные планы по развитию нашей глобальной экспансии, которая напрямую связана с ИТ-функционалом. Так что наш фронтенд, действительно, всегда будет на "переднем фронте" поддерживать все стратегические проекты! Ждем Ваше CV и ссылки на портфолио на адрес hr@myfxchoice.com с пометкой в теме "html forum". Татьяна
  16. Добрый день. В данный момент нахожусь в поиске разработчиков JavaScript в свою ИТ команду. Занимаемся реализацией проектов и задач платежного бизнеса в каналах Digital розничного блока Банка. В крупный Банк, требуются Front-end (JavaScript) разработчики для участия в проектах и задачах по развитию платежных сервисов в Интернет Банке. Вакансия открыта в управлении цифровых технологий, департамента развития систем розницы и малого бизнеса, дирекции информационных технологий (Москва, Санкт-Петербург, Екатеринбург) Требования: -Уверенные знания JavaScript ES6. -Понимание принципов функционального программирования, ООП. -Навыки кросс браузерной верстки (HTML5, CCS3). -Умение работать с системами сборки и пакетными менеджерами. -Понимание принципов работы HTTP, REST. -Знание классических алгоритмов и структур данных. - Уверенное владение GIT. - Применение Unit testing, TDD. - Знание ReactJS, Angular2. - Опыт использования инструментов для тестирования кода (Jasmine, Mocha, JsMockito). - Опыт работы с CI системами. Обязанности: § Командная разработка пользовательских интерфейсов в рамках Agile команды. § Разработка web-приложения и сервисов. § Развитие нового функционала, доработка текущих сервисов § Контроль качества кода. Заработная плата от 100 000 рублей и выше (варьируется в зависимости от уровня компетенции соискателя) Дружный, молодой и энергичный коллектив (команда ~9 человек) Резюме присылайте мне на личный почтовый ящик: sblade2000@mail.ru или пишите в личку.
  17. Сама верстка: https://uzinouzi.github.io/Polind/ Буду благодарен за указание на недочеты.
  18. Crushing

    Практика/Задачи JavaScript

    Предлагаю оставлять в этой теме задачки для новичков, всякие задания по типу: Сделать калькулятор который будет отнимать и прибавлять от одного числа другое. И оставлять готовое решение сразу, что бы если возникают проблемы можно было решить.
  19. Для расширения команды разработчиков html5-игр требуется программист. Мы ценим мудрое применение трендов современной web-разработки, здоровый перфекционизм и желание делать конкурентные игры. Основная задача - разработка архитектуры большого модульного приложения (далее движок), разработка новых модулей движка, разработка и оптимизация пользовательских интерфейсов, разработка конкретных игр на основе движка. Кого мы ищем: Знание Haxe/ActionScript/JavaScript/Java/C#(чего-либо из этого) Знание и умение использовать ООП Опыт разработки 2D игр: анимация, интерфейс Нужно знать что такое Sprite, Tween, Easing, почему все лежит на сцене Знать общие принципы клиент-серверной архитектуры Базовые навыки работы с графикой(Photoshop/Gimp/ImageMagic) Знать и уметь использовать систему контроля версий (Git/Mercurial/Svn) Умение читать и понимать чужой код Умение находить информацию в интернете Английский язык на уровне чтения документации/API Будет плюсом: Опыт написания шейдеров Опыт работы с PixiJS (v4+) Опыт работы с системами частиц Знание DOM, HTML Опыт написания клиент-серверных приложений(с любой стороны) Опыт работы с Google Protocol Buffer Опыт работы с Cordova/Ответвлениями(Intel XDK, PhoneGap, etc.) Работа со скелетной(2D) анимацией Опыт работы со звуком и видео в html5 Предлагаем: Конкурентную заработную плату в соответствии с Вашим уровнем квалификации Оплачиваемый отпуск и больничные Гибкий график работы Комфортное рабочее место в шаговой доступности от станции метро Серпуховская/Павелецкая Контакт для связи recruiteriia@gmail.com
  20. Ребят, изучаю GameDev и столкнулся с тем, что нет одной IDE, которая была бы удобной для работы с кодом, именно с кодом, с лайв едитом, подсветкой и подсказками... а то я так и не понял как отдельно это все настраивать в сублиме текст. Может кто пользуется, подскажите плиз?
  21. Ребята оцени, может подскажите где можно было сократить код или сделать попроще, ну и кому понравилось забирайте себе на вооружение если нету такой фичи код легко переделать как вам нужно и под свои цены. Может и велосипед написал но хотелось своими руками создать что то подобное.
  22. Вопрос в следующем: При нажатии на кнопку создается элемент "entireDrink ", в который добавляется input-картинка и span-текст, "entireDrink " получает тег "one" в котором указан параметр "White-space: nowrap;". При повторном нажатии на ту же кнопку меняется span-текст, а при нажатии на другую добавляется еще один такой же элемент и т.д. Мне надо, чтобы в окне div эти элементы переносились на новую строку, но не разделялась картинка с текстом, а получается, что "entireDrink "s просто множатся по оси-x. Если добавлять без White-space: nowrap, то все элементы переносятся отдельно: картинки и тексты. В другом месте, созданном заранее в html это работает, т.е. узлы с тегом "one" переносятся на новую строку сразу со всем содержимым. Помогите, пожалуйста, разобраться. Заранее спасибо. Ниже на скриншотах: 1) заполнение без "White-space: nowrap;" 2) С "White-space: nowrap;" Вот кусок кода:
  23. Добрый день! Разбираюсь с функциями(как уже понятно из темы). С мелкими для азов. И, балуясь(разбираясь для себя) с различными вариациями, наткнулся на результат, несоответствующий ожиданиям. Собственно, сам код: https://ideone.com/p1bCV1 Я проверял все в отладчике Chrome. Собственно, мне не важны особо действия, совершаемые на переменными в обоих функциях. Не пойму почему вызове alert всегда выдает Undefined или его значение NaN. Разве я не могу через присвоение функции переменной присвоить результат ее выполнения? Или тут вся загвоздка что я не передаю параметры в функции?
  24. Здравствуйте всем! Интересует такое решение задачки. Имеется вот такой вот HTML код <input type="text" name="comp" placeholder="Comp" /><br> <input type="text" name="name[]" placeholder="name1" /><br> <input type="text" name="desc[]" placeholder="desc1" /><br> <input type="file" name="files[]" multiple /><br> <input type="text" name="name[]" placeholder="name2" /><br> <input type="text" name="desc[]" placeholder="desc2" /><br> <input type="file" name="files[]" multiple /><br> Как создать массив с названиями файлов которые были выбраны в первом или втором input. Имеется скрипт практически рабочий, но имеет дефект, что вместо названия файла имеется иероглиф $this_is_it = array(); $post = array_values($_POST); for($j = 0; $j < count($post[1]); $j++){ for($u = 0; $u < count($post[3]); $u++){ $this_is_it['order_' . ($j + 1)] = array( 'name' => $post[1][$j], 'desc' => $post[2][$j], 'attach' => $post[3][$j] ); } } Выводит он при этом: array(2) { ["order_1"]=> array(3) { ["name"]=> string(4) "lala" ["desc"]=> string(7) "lalalal" ["attach"]=> string(1) "�" } ["order_2"]=> array(3) { ["name"]=> string(5) "name2" ["desc"]=> string(5) "desc2" ["attach"]=> string(1) "�" } } А должен: array ( 'order_1' => array ( 'name' => 'name1', 'desc' => 'desc1', 'attach' => 'картинка.jpg', ), 'order_2' => array ( 'name' => 'name2', 'desc' => 'desc2', 'attach' => 'картинка_2.jpg', ),) Что делать, как быть?
  25. Есть список с товарами. В каждом пункте есть блок с количеством едениц, и две кнопки + и -. Если есть более одного товара то не зависит на каком блоке кликать скрипт работает на всех, а нужно чтобы только на блоке на котором происходит действие. Код jQuey: var result = $('.cart__goods_item .cart__numbers_result'); var rel = $('.cart__goods_item .cart__numbers_reload'); var i = 1; $('.cart__goods_item .cart__numbers_plus').on('click', function() { if (i < 10) { i++; result.text(i); } }); $('.cart__goods_item .cart__numbers_minus').on('click', function() { if (i > 1) { i--; result.text(i); } }); rel.on('click', function() { i = 1; result.text(i); });