LINUX.ORG.RU

112
Всего сообщений: 1119

Не могу прочитать актуальное значение текстового поля в jQuery

Есть текстовое поле:

<input id="itemDescript" name="itemDescript" type="text" value="This is value" class="form-control">


Я пытаюсь прочитать его значение (атрибут value) после редактирования и после ухода курсора из этого поля:

$('#itemDescript').bind('focusout',function(event) {
    
    var value=$('#itemDescript').attr('value');
    
    window.alert('Send value '+value);
}


Но в результате получаю неизмененное значение:

Send value This is value


Вопрос: а как через jQuery и биндинг получить новое значение?

 ,

Xintrea ()

PHP-разработчик Junior/Middle, в Томск

Orion Alliance B.V., международная аутсорсинговая IT-компания, приглашает специалистов на позицию PHP-разработчик Junior/Middle, в Томский офис компании. Предоставляем услуги разработки ПО и технической поддержки клиентов в банковском и финансовом секторах.

Обязанности: Поддерживать существующие проекты; Разрабатывать новые продукты; Расти профессионально.

Требования: Способны самостоятельно принимать решения, искать нужную информацию, анализировать, и воплощать идеи в коде; Владеете PHP; Имеете опыт работы с frontend фреймворками; Опыт работы со сторонними API; Широкий IT-кругозор и желание развиваться.

Условия: Конкурентная и достойная заработная плата, от 60000 рублей; График работы с понедельника по пятницу; Работа в современном комфортабельном офисе, в центре города; Каждому сотруднику мы предоставляем ресурсы для профессионального и личностного роста; Возможность работать сверхурочно, за дополнительную плату по часам.

Ключевые навыки PHP JavaScript MySQL jQuery HTML5 CSS3 Ajax yii2

Резюме отправлять на почту: hr@orion-alliance.com

 , , ,

AndreyKha ()

QA инженер, тестировщик ПО (Екб)

В крупную промышленную организацию требуется инженер-программист для разработки и тестирования ПО преимущественно на С++/Qt.

ООО «УралТехИс» занимается разработкой, изготовлением и внедрением изделий электронной техники для нужд горнорудных предприятий. Главным направлением деятельности ООО «УралТехИс» является комплексное обеспечение деятельности горнодобывающих предприятий системами аварийного оповещения, мониторинга горнорабочих и транспорта, средствами радиосвязи и видео наблюдения.

Обязанности:

  • Разработка и сопровождение автоматических тестов для приложений на С++/Qt/QML, JS/React для Windows, Linux и Android;
  • Разработка тест-кейсов и планов тестирования;
  • Функциональное тестирование ПО;
  • Проведение ручного тестирования ПО;
  • Оформление дефектов в баг-трекинговой системе;
  • Поддержка и настройка тестовых стендов и тестовой среды;
  • Разработка программ и методик испытаний;
  • Составление отчетов об имеющихся проблемах;
  • Настройка системы автоматической сборки ПО;
  • Написание технической документации.

Требования:

  • Владение языками С++, JavaScript;
  • Знание и опыт разработки приложений с использованием фреймворка Qt/Qml;
  • Опыт компиляции ПО под Windows, Linux, Android при помощи gcc;
  • Знание и опыт проектирования, построения запросов, знание специфики баз данных (PostgreSQL, Sglite);
  • Умение работать в команде;

Дополнительным плюсом будет:

  • Навыки работы с системой контроля версий Git;
  • Знание CI систем Cocourse CI, Gitlab CI;
  • Умение настраивать системы виртуализации VirtualBox, Docker, Vagrant;
  • Знание ОС CentOS, NixOS;
  • Умение писать скрипты на bash, python;
  • Опыт работы с Веб-фронтэндом на js/React/Webpack

Условия:

  • Пятидневная рабочая неделя;
  • Высокая заработная плата: оклад (от 70 000р) + премии, стартовые условия обсуждаются в зависимости от квалификации и опыта работы;
  • Трудовые отношения в полном соответствии с ТК РФ.

Резюме отправлять на адрес kb@uraltexis.ru

Контактное лицо: Грозных Михаил Витальевич +7 (343) 220-87-55

 , , , ,

utjob ()

Проект: Распознавание изображения с помощью Tensorflow

вопрос закрыт

 , ,

yevgentrost ()

Как добавить в video.js субтитры и аудио дорожки?

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

	<video
	id="player" class="video-js vjs-default-skin vjs-big-play-centered"
	controls
	preload="auto"
	width="640"
	height="264"
	data-setup='{}'>
	<source src="https://a61.stormo.tv/remote_control.php?file=B64YTo0OntzOjQ6InRpbWUiO2k6MTU1Mzk3ODMzNTtzOjU6ImxpbWl0IjtpOjA7czo0OiJmaWxlIjtzOjMyOiIvdmlkZW9zLzM5NzAwMC8zOTc1MDMvMzk3NTAzLm1wNCI7czoyOiJjdiI7czozMjoiM2RmNjE3NGI0OTVhNGQ2NTEwNWFhMDE2YzI5YTBiYjEiO30%3D" type="video/mp4"> 
	<track label="rus" kind="subtitles" srclang="ru" src="sub-ru.vtt"/>
	<track label="eng" kind="subtitles" srclang="en" src="sub-en.vtt"/>
	</video>

Но субтитры работали только в фаерфоксе.

Я так же пытался вывести аудио но это оно не работает

<video
  id="player" class="video-js vjs-default-skin vjs-big-play-centered"
  controls
  preload="auto"
  width="640"
  height="264"
  data-setup='{}'>
  <source src="https://a61.stormo.tv/remote_control.php?file=B64YTo0OntzOjQ6InRpbWUiO2k6MTU1Mzk3ODMzNTtzOjU6ImxpbWl0IjtpOjA7czo0OiJmaWxlIjtzOjMyOiIvdmlkZW9zLzM5NzAwMC8zOTc1MDMvMzk3NTAzLm1wNCI7czoyOiJjdiI7czozMjoiM2RmNjE3NGI0OTVhNGQ2NTEwNWFhMDE2YzI5YTBiYjEiO30%3D" type='video/mp4'>
  <source id="my-spanish-audio-track" src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
  </video>

$('document').ready(function(){  
   var player = videojs('player');
  var track = new videojs.AudioTrack({
    id: 'my-spanish-audio-track',
    kind: 'translation',
    label: 'Spanish',
    language: 'es'
  });
  player.audioTracks().addTrack(track);		
  });

Можно ли как то вставить аудио и текстовые дорожки что бы они работали во всех браузерах?

 ,

zeni1agent ()

11-е правило Гринспуна, о котором он предпочел умолчать

Любая достаточно сложная программа на Javascript содержит заново написанную, неспецифицированную, глючную и медленную реализацию половины языка Common Lisp.

Нет, ну вы видели современную экосистему JS?

NPM, Webpack, Babel - метациклические компиляторы и интерпретаторы JS, на основе конфигов.

Vue/React/Angular - фреймворки с доменноспецифичными метаязыками и декларативными макросами поверх API браузеров.

И что самое главное, это представляет собой сущий кромешный непроходимый пиздец.

Это адски тормозит, иногда просто не работает, и уж точно постоянно глючит. И забудьте про обратную совместимость. Просто забудьте.

Народ, у меня на работе фронт собирается медленнее, чем на прошлой работе собирался С++ код, представляющий собой огромную обвязку над FFmpeg.

Мы на работе стабильно раз в неделю тратим пару часов на починку очередной хероты из NodeJS инфраструктуры - ломается тупо каждую неделю, и это даже без апгрейдов, тупо на билд-серваке или локальной машине делается npm install - и привет (и слава б-гу, саму ноду не используем, ей только фронтенд компилируется).

И главное, все это говно на порядок сложнее в изучении и понимании, чем SICP, спецификация Common Lisp, Dragon Book и Ахо/Ульман - вместе взятые.

Про дебаг я вообще не говорю, в прошлый раз дебажа JS код, я чуть не ушел в запой.

Фронтендщики, хватит! Остановитесь!

 , ,

lovesan ()

Свежий gnome 3.32 и экстеншены

На extensions.gnome.org один из пользователей моего расширения пожаловался что оно не работает под gnome 3.32. Делать нечего, установил в виртуалке dayly build Ubuntu 19.04, пробую - действительно не работает. Мой код не может вызывать методы моих классов потому что не видит их. Отчего - ума не приложу.

Экстеншены свои я делал недавно, с переходом на 18.04. Сразу старался использовать самый новый синтаксис, без всяких Lang.Class. Вопщем, классы мои выглядят корректно. Крутил и так и этак - методы не вызываются. Нашёл это - https://gitlab.gnome.org/GNOME/gjs/issues/233 - ходил по ссылкам, крутил код. Не помогло.

Может кто-нибудь разбирается в программировании под гномшелл, и укажет мне на ошибку? Чувствую что что-то не так в описании класса, но что?

Примеры экстеншенов:

https://github.com/eugene-rom/vbox-applet/blob/master/src/extension.js

https://github.com/eugene-rom/syspeek-gs/blob/master/src/extension.js

 , ,

eros2 ()

html5 + js + webcam live preview (webcamjs, trackingjs)

Скажите, а что использовать для live preview картинки с вебкамеры ПК? Есть библиотека webcamjs, но она в большей части случаев (см. README) требует Adobe Flash. А в современных браузерах для доступа к камере надо вручную, как я понял, править настройки - указывать «insecure origins», https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecatin...

Есть ли более простое средство решения задачи?

Я тут попытался поставить adobe flash plugin, но упомянутый webcamjs API не заработал... По-моему, флэш так и не поставился, webcamjs выдаёт: "... directive error: Could not locate DOM element to attach to." Нагуглить решения этой проблемы не удалось, лишь в github issues посоветовали указать протокол `https`, лио протокол `unsafe`, https://github.com/bcabanes/ng-camera/issues/15

Демо tracking.js, https://trackingjs.com/examples/face_camera.html тоже не работает.

Сама веб-камера на ПК замечательно показывает картинку через guvcview.

 ,

Mirage1_ ()

В скриптах одного сервиса заметил вот такой код !function() {}

!function () {
  "use strict";      
}();

Непонятно как работает

!function
.

Пишут что это позволяет сразу выполнить функцию, но как если она не вызывается?

 

sniper21 ()

Как лучше синхронизировать 3 мегабайта?

Здравствуйте. Хочу спросить, как бы вы решили такую задачку

Допустим есть условный магазин конфет. Всего пара тысяч наименований, которые, вместе с описанием и прочей метаинформацией умещаются в 3Мб «слепок» условного JSON-а.

Допустим есть сайт этого магазина. При его первом посещении в фоне загружаются эти 3Мб и складываются в localStorage для того, чтобы поиск по конфетам был максимально быстрым и отзывчивым. А так-же для того, чтобы при следующем посещении ничего не качать.

И все прекрасно работает ровно до того момента, пока что-то не изменится в конфетной базе: изменится цена, название, добавятся новые конфеты, удалятся старые итд. Что происходит довольно часто. «слепок» в localStorage быстро утрачивает свою актуальность и каждый раз приходится качать новый.

Максимум на что хватило полета моей фантазии, это разбить «слепок» на несколько поменьше, и выкачивать только измеившиеся части. Но может быть есть решение эффективнее? В идеале, докачка только изменений

Как бы вы реализовали нечто подобное?

 , , ,

spoonbob ()

Как правильно сделать роутинг без фреймворков в TS?

Я дошёл до этапа, когда у меня есть название контроллера и метода в переменной. Мне нужно используя эти переменные вызвать нужный метод

Контроллеры и методы представлены в следующем виде:

// базровый класс для всех контроллеров
class Controller {}

class Global extends Controller {

    // метод
    doStart(): object {
        return {
            status: 'ok',
            message: 'я работаю, всё ок',
        };
    }
}

Теперь нужно имея переменные controller: string и method: string вызвать нужный мне метод. Я затрудняюсь как. Кто знает — подскажите, пожалуйста :)

[hr]

Я пробовал сохранять методы в key-value массиве, чтобы метод можно было получить по строке. Вот так:

class Global extends Controller {
    _allow_method_list = {
        doStart: this.doStart,
    };
}

Этот это не подходит, потому что в этих методах почему-то нельзя использовать this, а это существенно и вообще знак что я что-то делаю не так.

 , ,

elonmusk ()

Подскажите javascript для поиска по странице

Сам на php кожу, яваскрипт знаю посредственно и лень даже писать. Мне не срочно. Подскажите скрипт готовый, уверен таких полно... Что нужно: начинаю печатать текст в браузере и он находится на странице и в фокус, и не нужно нажимать ctrl+f. Или текстовое поле для ввода добавить.

 

fehhner ()

JavaScript/Angular developer в Польшу, Гданьск

Orion Alliance B.V., международная аутсорсинговая IT-компания, приглашает специалистов на позицию JavaScript/Angular developer в офис в Польше, г. Гданьск. Предоставляем услуги разработки ПО и технической поддержки клиентов в банковском и финансовом секторах.

Чем предстоит заниматься:

командная работа с коллегами (на русском языке). участие в деловой переписке и телефонных конференциях с коллегами(на английском языке).

Необходимые навыки:

Опыт разработки Front-end (HTML / CSS, JS, jQuery / Prototype). Опыт использования CSS препроцессоров (SASS / LESS). Опыт работы с Angular 2 . Опыт работы с внешними системами сборки (Grunt / Gulp / Webpack). Возможность управления отзывчивой и кросс-браузерной разметкой. Понимание юзабилити и дизайна пользователя. Английский на среднем уровне.

Будет плюсом:

Опыт работы с системами контроля версий (SVN / Git) будет преимуществом. Опыт работы с интерфейсами (Bootstrap / Foundation) будет преимуществом. Методология БЭМ будет преимуществом. Опыт использования PHP, Smarty будет преимуществом.

Условия трудоустройства и переезда:

релокация в Польшу, г. Гданьск. спонсирование затрат на переезд (оформление визы для сотрудника и его семьи, билеты, предоставление жилья на 2 недели, помощь в поиске жилья). официальное трудоустройство по полному трудовому договору. заработная плата, по результатам собеседования, от 2000 $. возможность получить вид на жительство в Польше, помощь в оформлении документов. гибкий график работы. русскоговорящий коллектив. офис в новом бизнес-центре в деловом квартале Гданьска.

Доступно соискателям с инвалидностью. Ключевые навыки AngularJS JavaScript jQuery Ajax CSS Git Java Ext JS

Резюме отправлять на почту: hr@orion-alliance.com

 , , , ,

AndreyKha ()

Senior JavaScript разработчик (Москва, офис, з.п. от 180 тысяч)

ВНИМАНИЕ! СРОЧНО ИЩЕМ JavaScript разработчика!

Payneteasy - провайдер технологичных платежных SAAS решений для представителей платежной индустрии ищет кандидата на роль JavaScript разработчика.

Условия: - офис в Москве, - з.п. от 180 тысяч (в зависимости от квалификации) - гибкий график работы, - «ДМС» (для работника и его второй половины), - обеды, фрукты, кофе в офисе, - корпоративные курсы английского, - интересные задачи, - перспективы карьерного и финансового роста Мы хотим: - минимум 7 лет работы с JavaScript - знание http протокола - swagger, gRPC - умение создавать PWA - react минимум 1 год - знание Flow и Typescript приветствуются - разбираться как правильно верстать - опыт написания ui kit - server side rendering

Резюме прошу присылать на oukh@mail.ru

 ,

ku_pay ()

Vue клиент работает только локально

Создал сервер:

const express = require('express');
const app = express();
const { m, baseClassId, baseObjId, types} = require('./base');
const Uuid = require('node-uuid');
const Express = require('express');
const Session = require('express-session');
const BodyParser = require("body-parser");
const cors = require('cors');

app.use(BodyParser.urlencoded({extended: false}));
app.use(BodyParser.json());
app.use(cors({
        origin: "http://localhost:8080",
        credentials: true,
        methods: "GET,POST,DELETE,PUT,OPTIONS",
        allowedHeaders:
            "Origin, X-Requested-With, Content-Type, Accept, authorization, x-xsrf-token"
    }));
app.use(Session({
    secret: 'abracodabra',
    resave: false,
    saveUninitialized: false,
    cookie: {maxAge: 60000 * 60},
    rolling: true,
}));

{Далее тут мои обработчики пост-запросов}

app.listen(3000, function () {
  console.log("API app started");

});

Моё простенькое Vue.js приложение, которое работает на 8080 порту и обращается с пост-запросами к localhost:3000 :

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
axios.defaults.withCredentials = true

Vue.prototype.$http = axios
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

Локально в браузере всё работает. Но как только я пытаюсь подконектиться из сетки к моему серваку, то вебконсоль выдаёт следующее:

Во время загрузки страницы соединение с ws://192.168.0.123:8080/sockjs-node/030/2qnaoa5r/websocket было прервано. app.js line 2232 > eval:1683:9
[HMR] Waiting for update signal from WDS... log.js:24:4
"Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools" vue.runtime.esm.js:8353:1
mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create app.js line 2291 > eval:2164:21
Error: Network Error
Стек-трейс:
createError@webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15
handleError@webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:87:14

Как это победить?

 , ,

andman ()

javascript и пути

есть стандартные директории

myProject
  | |
  | ----- app
  |------ public

в public лежат js файлы

как из таких js достучаться до php скриптов в app?

req.open('../app/script.php', url, true);

так не работает.

 ,

sniper21 ()

Как создать псевдоэвент браузера?

Есть эвент

var event = document.createEvent('TouchEvent');

Если в системе нет сенсорного экрана, то выскакивает исключение.

Есть расширение вида:

const script = document.createElement('script');
script.innerHTML = `
Object.defineProperty(navigator, "languages", {
  get: function() {
    return ["en-US", "en"];
  }
});

Object.defineProperty(navigator, "maxTouchPoints", {
  get: () => 5,
});

Object.defineProperty(navigator, "msMaxTouchPoints", {
  get: () => 5,
});

`;
document.documentElement.prepend(script);

Как перезаписать эвент через расширение браузера? Т.е. чтобы не выскакивало исключение при его создании?

 

steemandlinux ()

Как получаются эти величины?

На сайте http://www.usdebtclock.org/ в реальном времени показываются разные экономические показатели, включая госдолг США и объём их импорта нефти. Величины увеличиваются несколько раз в секунду. Кто-нибудь может сказать, как они получаются? Насколько часто они берутся с сервера, а сколько получается экстраполяцией джаваскриптом? И откуда они берутся?

Перемещено jollheef из talks

 ,

olegd ()

PHP-разработчик Junior/Middle, в Томск

Orion Alliance B.V., международная аутсорсинговая IT-компания, приглашает специалистов на позицию PHP-разработчик Junior/Middle, в Томский офис компании. Предоставляем услуги разработки ПО и технической поддержки клиентов в банковском и финансовом секторах.

Обязанности:

Поддерживать существующие проекты; Разрабатывать новые продукты; Расти профессионально.

Требования:

Способны самостоятельно принимать решения, искать нужную информацию, анализировать, и воплощать идеи в коде; Владеете PHP; Имеете опыт работы с frontend фреймворками; Опыт работы со сторонними API; Широкий IT-кругозор и желание развиваться.

Условия:

Конкурентная и достойная заработная плата, от 50000 рублей; График работы с понедельника по пятницу; Работа в современном комфортабельном офисе, в центре города; Каждому сотруднику мы предоставляем ресурсы для профессионального и личностного роста; Возможность работать сверхурочно, за дополнительную плату по часам.

Ключевые навыки PHP, JavaScript, MySQL, jQuery, HTML5, CSS3, Ajax, yii2

Резюме отправлять на почту: hr@orion-alliance.com

 , ,

AndreyKha ()

обновление DOM в angular2+

помогите пожалуйста по вопросу из области телепатии.

я использую angular7 и модуль всплывающих подсказок toastr. это всё в обычных условиях работает без проблем: например если я в хук ngOnInit помещаю вызов подсказки, то она появляется

но она не появляется если я её вызываю в блоке success асинхронного запроса. при этом, если я кликаю мышкой по любому месту экрана, то она всё же появляется

тут набросал похожую ситуацию: https://stackblitz.com/edit/ngx-toastr-custom-pdr1pq но как ни странно описанной выше проблемы не наблюдается

я пробовал в том же блоке success эмулировать клик по экрану средствами javascript, но не помогло

ещё я пробовал пинать changeDetection ангулара, но тоже не помогло

буду благодарен за любые мысли по проблеме

 ,

prozaik ()