Search the Community
Showing results for tags 'Javascript'.
-
В общем, написал вот такой код, где красный блок див можно схватить и перетаскивать, но не знаю как наложить ограничение на то, чтобы этот красный блок див не заходил за рамки второго -- серого блока с размером 500х500 пикселей. Как это можно сделать? Хотелось бы увидеть готовый код, чтобы можно было в нём покопаться и разобраться самому. Заранее спасибо. <html> <head><title>Moving</title></head> <body onload= "init()"> <h1 style="margin-left: 650px; color: red;">Адаптировано для Chrome</h1> <div id='serkv' style="position:absolute;width:500;height:500;background-color:grey;left:10;top:10"> <DIV id='kv' style="position:absolute;left:10;top:10;width:50;height:50;background-color:red"> </div> </div> </body> <SCRIPT> kv.onmousedown = function(event) { kv.style.position = 'absolute'; kv.style.zIndex = 1000; document.body.appendChild(kv); moveAt(event.pageX, event.pageY); function moveAt(pageX, pageY) { kv.style.left = pageX - kv.offsetWidth / 2 + 'px'; kv.style.top = pageY - kv.offsetHeight / 2 + 'px'; } function onMouseMove(event) { moveAt(event.pageX, event.pageY); } document.addEventListener('mousemove', onMouseMove); kv.onmouseup = function() { document.removeEventListener('mousemove', onMouseMove); kv.onmouseup = null; }; }; kv.ondragstart = function() { return false; }; </SCRIPT> </html>
- 1 reply
-
- перемещение с поможью дс
- перемещение
-
(and 5 more)
Tagged with:
-
JavaScript В браузере не выводятся всплывающие окна c с запросами.
qwerty_me posted a question in HTML Coding
Здравствуйте.Возникла проблема со следующим заданием:вывести всплывающее окно, запрашивающее имя пользователя, затем вывести сегодняшнюю дату на экран(её можно увидеть после всего цикла окон),потом задать вопрос касательно обучения в группе(если да-цикл продолжается, нет-вывести окно с отказом),далее ещё одно вводное окно,а потом через всплывающие окна запросить у пользователся значения a,b,c для решения квадратного уравнения.Суть проблемы:как только после if-а, отвечающего за запрос о принадлежности к группе,браузер перестаёт отображать остальные окна и простую инфу о дате,которая просто выводится на экран. Подскажите,пожалуйста,как можно пофиксить эту проблему.Всё никак не могу найти причину этого.Мой одногруппник написал похожий код и у него всё работает,но при сравнении я не увидел каких-то кардинальных различий.Свой и его код прикрепил ниже.Буду весьма признателен за вашу помощь,у меня уже просто нет вариантов,что не так с моим кодом:/ Мой код: <html> <head> <title>вывод различной инфы через всплывающие окна</title> </head> <body> <p id="nameUser"></p> <script> var nameUser=prompt("Введите Ваше имя пользователя."); if (nameUser) { document.getElementById("nameUser").innerHTML = nameUser +",Здравствуйте, добро пожаловать на сайт!"; } else { document.getElementById("nameUser").innerHTML = "Гость, добро пожаловать на сайт!"; } Data = new Date(); Year = Data.getFullYear(); Month = Data.getMonth(); Day = Data.getDate(); switch (Month) { case 0: Month="января"; break; case 1: Month="февраля"; break; case 2: Month="марта"; break; case 3: Month="апреля"; break; case 4: Month="мае"; break; case 5: Month="июня"; break; case 6: Month="июля"; break; case 7: Month="августа"; break; case 8: Month="сентября"; break; case 9: Month="октября"; break; case 10: Month="ноября"; break; case 11: Month="декабря"; break; } document.write("Сегодня "+Day+" "+Month+" "+Year+" года."); if(confirm("Вы учитесь в группе ЭИ-38?")) { alert("Добро пожаловать на страницу, посвященную лабораторной работе по изучению основ JavaScript!") alert("Решите квадратное уравнение: ax^2 + bx + с = 0, где а не равно 0,используя введённые числа для a,b,c") a=prompt("Введите значение а") b=prompt("Введите значение b") c=prompt("Введите значение c") var d = b * b - 4 * a * c; if(d > 0) { x1=(( - b)+(Math.sqrt(d)))/(2 * a) x2=(( - b)-(Math.sqrt(d)))/(2 * a) alert("Корни уравнений:x1="+ x1 +"x2="+ x2 +) document.write("Корни уравнений:x1="+ x1 +"x2="+ x2 +); } if(d == 0) { x1 = (- b) /( 2 * a) alert("Корень уравнения:x1= ",+ x1) document.write("Корень уравнения:x1="+ x1 +); } if(d < 0) { alert("с введёнными значениями квадратное уравнение не имеет корней") } } else { alert("Извините, вход только для своих.") } </script> </body> </html> ниже оригиналы моего кода и одногруппника. index try2.htm variant znakomogo.htm- 2 replies
-
- javascript
- html
-
(and 1 more)
Tagged with:
-
Добрый день, форумчане! Ищем ведущего фронтенедера в компанию DataLight! Наша команда создает уникальную платформу для анализу данных по крипто-активам, ориентированную на профессиональных инвесторов. Мы делаем доступными и понятными инструменты, направленные на оптимизацию и автоматизацию инвестиционных стратегий. Горизонтальная структура, отсутствие строгих регламентов, дресс-кода, инструкций и бюрократии. О Вакансии: Быстрорастущий проект с глобальными амбициями ищет опытного Front-end разработчика. Наша команда создает уникальную платформу для анализу данных по крипто-активам, ориентированную на профессиональных инвесторов. Мы делаем доступными и понятными инструменты, направленные на оптимизацию и автоматизацию инвестиционных стратегий. Задачи: - Искать оптимальные технологические и архитектурные решения, развивать функционал платформы; - Создание API платформы, использующее WebSocket для быстрого взаимодействия между сервером и клиентом; - Front-end разработка на JavaScript (React, CSS Modules), работой над инфраструктурой. Требования: - Опыт front-end разработки с использованием технологии WebSocket; - Профессиональное владение JavaScript, HTML и CSS; - Опыт использования React; - Знание технологий TypeScript, Redux; - Знание систем сборки Webpack; - Владение системой контроля версий Git; - Знание принципов работы HTTP. Дополнительным преимуществом будет являться: - Знакомство с методологией BEM; - Опыт работы с SCSS; - Опыт работы с высоконагруженными проектами. Условия: - ЗП от 150 000 до 180 000 руб. на руки - Полная занятость, гибкий график - Работа в одной из самых востребованных индустрий; - Возможность неограниченного профессионального и карьерного роста; - Работа в сильной, мотивированной команде над сложными и интересными задачами; - Конкурентоспособная заработная плата, бонусы; - Уютный офис в центре Москвы, удобный офис в 5 минутах ходьбы от метро Охотный ряд. Свои резюме просьба присылать на почту: hr.oleg.s@yandex.ru, а также примеры 2-3 выполненных работ с кратким описанием каждого из проектов
-
Здравствуйте, Я начинающий специалист в верстке. Знаю HTML и CSS. Изучаю фреймворки и JS. Очень хочу реализоваться в сфере Frontend - разработки. Готов пройти стажировку ( рассматриваю и не оплачиваемый вариант ), с дальнейшим трудоустройством. Буду рад интересным предложениям! мой почтовый ящик: mrcojuhari@yandex.ru
-
Здравствуйте, помогите мне со вставкой переменной в herf. Вставляю ссылку на страницу пишет: Файл не найден Возможно, он был перемещён или удалён. В интернете очень мало информации по этому вопросу. Заранее спасибо! index7.html
-
Доброго времени суток, столкнулся с проблемой, скрипт не работает в Firefox но прекрасно работает в Chrome. Суть скрипта, каждые 10 секунд "переключать" рандомную фотку вот скрипт: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script> <script> $(document).ready(function() { $('#slider4').children('div').each(function(n_div,div) { $(div).children('img').each(function(n_img,img) { if(n_img) $(img).css({'opacity':'0.0'}); else { $(div).attr({'value':(n_img+1)}); $(img).css({'opacity':'1.0'}); } }); }); window.setInterval(function() { $('#slider4').children('div').each(function(n,element) { var img = $(element).attr('value');; var rnd = Math.floor(Math.random()*(5-1+1))+1; if(img != rnd) { $(element).attr({'value':rnd}); $(element).children('#img' + (n + 1) + img).animate( {'opacity':'0.0'}); $(element).children('#img' + (n + 1) + rnd).animate( {'opacity':'1.0'}); } }); },10000); }); </script> P.S Скрипт не мой, взял с этого форума, вырезал лишнее. Не кидайтесь сильно камнями)
-
Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции. Мое портфолио: https://alex2033.github.io/sites/BlackDone/index.html https://alex2033.github.io/sites/Sandeo/index.html https://alex2033.github.io/sites/Barbershop/index.html https://alex2033.github.io/sites/Skylith/index.html https://alex2033.github.io/sites/Unicorn/index.html https://alex2033.github.io/sites/Bouncy/index.html Остальные работы вы можете посмотреть здесь: https://alex2033.github.io/ Навыки: - Знание HTML5, CSS3 - Опыт адаптивной, семантической, кроссбраузерной верстки - CSS3 анимация - знания Javascript на уровне jQuery - Использование препроцессоров LESS/SASS/Stylus + Pug - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode - Именование классов по методологии БЭМ-нейминг - Gulp, npm, bower - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid) - Умение работать с фреймворками bootstrap 3, 4, foundation - Знание английского на уровне чтения документации - Навык работы с векторной графикой SVG - Умение использовать flexbox, css-grid там где это необходимо Форма связи: Email - XoxlofAlexandr@yandex.ru - преимущественно Skype - Xronaliz Также можете написать на этом сайте Благодарю за внимание и хорошего дня:)
-
Всем добрый день! Занимаюсь 2 месяца fron end программированием, до этого писал на PHP, сейчас за несколько дней сделал тестовое задание - toDo лист с авторизацией(разные аккаунты - разные задачи), удалением, добавлением, редактированием задач, а также с подробной страницей задачи. Все это сделал на react/redux/. Скажите, на какую зп можно рассчитывать? (регион). Спасибо!
-
Имею в наличие багаж знаний верстки а точнее в Html5 Css3 и Javascript и для успешного дебюта в карьере необходим опыт, поэтому я готов верстать Landing cтраницы за дешево либо же за хороший отзыв на сайте Freelancer. Для связи со мной пишите в телеграмм или же в скайп Telegram - @glacius74 Skype - snowman3533
-
здравствуйте, надеюсь выбрал тему верно, так вот ... на хостинге установили 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! я не понимаю почему, и где и как можно отслеживать ошибки. чего вообще хочу добиться: до авторизации какого-либо пользователя чат не нужен, как только пользователь авторизовывается на сайте, открывается сокет и на сайте для всех остальных пользователей и гостей видна надпись что тот авторизованный пользователь в сети, и напротив его логина появляется кнопка создать чат, но только для авторизованых пользователей, при нажатии на нее открывается окошко чата, как на сайте вконтакте или фейсбуке, у получателя сообщения есть блок со списком все кто прислал ему сообщение, получатель нажимает на автора и пользователи начинают общение, каждый диалог с новым пользователь должен запускать свое окошко чата. причем этот чат существует на всех страницах сайта. после выхода пользователя через кнопку выход или закрытии вкладки сокет закрывается, а все сообщения записываются в базу данных!
-
- javascript
- node
-
(and 2 more)
Tagged with:
-
В шапке стоит видео, которое я через 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 ему задана правильная ширина, но само видео почему-то по ней не растянулось. Только после ресайза окна растягивается
-
https://uzinouzi.github.io/skinplus/index.html Прошу оценить верстку, указать на проблемные места. Буду рад адекватной критике. Так же прошу оценить юзабилити сайта, т.к. это бета-версия будущего проекта. При верстке использовалась сетка от Bootstrap(1-ый опыт такой верстки), препроцессор Less. Так же буду рад возможным предложениям по улучшению, исправлению чего либо. Заранее спасибо.
-
Добрый день! На данный момент прохожу обучение по веб-программированию, но уже сейчас хотело бы поработать с реальными проектами. Знаю HTML, CSS, принципы адаптивной верстки, основы JavaScript и тд. Пример моей работы находится по адресу https://evgenia1991.github.io/
- 1 reply
-
- адаптивная верстка
- html
-
(and 2 more)
Tagged with:
-
Всем привет, при приближение или когда двигаешь мышкой по карте, маркеры передвигаются с тобой! Не могу найти ошибку, если поможете, буду благодарен)
- 1 reply
-
- google map
- map
-
(and 2 more)
Tagged with:
-
Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output
-
Каким образом мне переместить последнего человечка в начало слайдера при клике на стрелку? То есть, когда я нажимаю "дальше", последняя картика пропадает и появляеться в начале слайда, а остальніе смещаються вправо.
-
Добрый день! есть два примераhttps://jsfiddle.net/98y72o9x/ и https://jsfiddle.net/wgzq5e3o/ , которые, по сути, выполняют одно и тоже, но результат выполнения скрипта совершенно разный. Насколько я понял, при выполнении скрипта с динамическим объектом(getELementsByClassName) в коллекции второй и третий элементы списка меняются местами(по алфавиту выстраиваются, как мне показалось)... Но, как это играет на результате??? Та и подсчет кол-ва узлов с таким className чем отличается в обоих случаях???
-
Загрузка функции через время (JS — jQuery) (без селектора)
Serg_ostr posted a question in JavaScript
Здравствуйте, уважаемые форумчане. Очень Нужна ваша помощь, Подскажите пожалуйста. Есть функция - 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> Подскажите пожалуйста, как это можно реализовать? Заранее, большое спасибо.- 4 replies
-
- загрузка функции
- селектор
-
(and 2 more)
Tagged with:
-
В чем разница при выполнении скрипта в jsfiddle & chromeDebug
Super_Saimon posted a question in JavaScript
Добрый день! Имею вот такой самый простенький пример, но который загнал меня в тупик: https://jsfiddle.net/9n73ro76/ Разбирал работу указателя this. И сама суть вопроса в том, что в jsfiddle результат undefinied, а в chrome искомое значение - 600 и undefinied. Я в упор не пойму в чем разница... Извиняюсь за столь примитивный вопрос, но пол дня потратил на понимание и силы уже иссякли на сей процесс))) -
ищу работу angular2-разработчика. пример лучшего кода здесь: https://github.com/zlodiak/ng2_answers_web контакты: email: kalinin.sergey.81@gmail.com skype: cyklop771
-
Добрый день. Решил я по-экспериментировать над размерами экрана, и у меня вопрос: как сделать окно браузера размером, допустим, 100х60 или ещё меньше, если возможно? Просто стоит ограничение, можно ли его снять?
-
Нужно сделать все уровни категорий ссылки с переходом + раскрытие как стандартное дерево меню (пример) http://aralex.ieer.ru/ меню.zip
-
Вывести сообщение при нажатии кнопки - очень простое дело, а как создать функцию, которая заменит одну картинку на другую?
- 1 reply
-
- javascript
- html
-
(and 1 more)
Tagged with:
-
Группа компаний, оказывающих финансовые услуги закордонным клиентам очень ждет опытного фронтенда, который готов влиться в нашу небольшую команду московского офиса. В Вашей зоне ответственности будут мультиязычные сайты (в т.ч. RTL), лэндинги, прототипы мобильных приложений, взаимодействие с копирайтерами, участие в проектах развития. Что хотелось бы увидеть в Вашем портфолио и жизнеописании: • Отличное владение HTML5, CSS3, JavaScript, jQuery, php, MySQL и SQL, Bootstrap (3-4) • Опыт кроссбраузерной и адаптивной/"отзывчивой"(responsive) верстки, понимание специфики работы различных браузеров. • Опыт работы с системой контроля версий (Mercurial или др). • Знание английского языка (не ниже upper intermediate). Как плюс - владение графическими пакетами Adobe, хороший вкус и полиглотство! У нас уютный зеленый офис с кухонькой, душем и качелями недалеко от М.Красносельская/Бауманская в недавно перестроенном под офисный центр здании XIX века, коллеги, подставляющие плечо, а не ножку, 100%ая оплата больничных, и амбициозные планы по развитию нашей глобальной экспансии, которая напрямую связана с ИТ-функционалом. Так что наш фронтенд, действительно, всегда будет на "переднем фронте" поддерживать все стратегические проекты! Ждем Ваше CV и ссылки на портфолио на адрес hr@myfxchoice.com с пометкой в теме "html forum". Татьяна