Запитання з тегом «javascript»

Як я можу створити сторінку JavaScript, яка буде визначати швидкість інтернету користувача та показувати його на сторінці? Щось на кшталт "швидкість вашого Інтернету є ?? / ?? Кб / с ” .

213 javascript  download-speed 

Мій код: p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; } Дивіться цю скрипку: http://jsfiddle.net/ZWw3Z/5/ Я б хотів викликати подію натискання лише на псевдоелементі (червоний біт). Тобто я не хочу, щоб подія клацання спрацьовувала на синьому біті.

213 javascript  jquery  css 

Наразі я використовую <a>теги з jQuery для ініціювання таких речей, як події клацання тощо. Приклад є <a href="#" class="someclass">Text</a> Але я ненавиджу, як "#" змушує сторінку переходити на верхню частину сторінки. Що я можу зробити замість цього?

213 javascript  jquery  html 

У мене виникають проблеми з ReactJS у Facebook. Щоразу, коли я роблю ajax і хочу відобразити HTML-дані, ReactJS відображає їх як текст. (Дивіться рисунок нижче) Дані відображаються через функцію зворотного виклику успіху jquery Ajax. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); Чи …

212 javascript  jquery  ajax  reactjs 

Я використовую інструмент JavaScript "Canvas2Image" Nihilogic для перетворення малюнків полотна в зображення PNG. Що мені зараз потрібно - це перетворити ці рядки base64, які створює цей інструмент, у фактичні файли PNG на сервері, використовуючи PHP. Коротше кажучи, те, що я зараз роблю, - це генерувати файл на стороні клієнта за …

212 php  javascript  base64  html5-canvas 

Приклад: www.site.com/index.php#hello За допомогою jQuery я хочу поставити значення helloв змінну: var type = …

212 javascript  jquery  url  url-fragment 

Я передаю 2 значення дочірньому компоненту: Список об'єктів для відображення функція видалення. Я використовую onClick. Мій код виглядає приблизно так: module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return ( <div> {todo.task} <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button> </div> ); }, this); return ( <div className="todo-task-list"> {taskNodes} </div> ); } }); Моє …

212 javascript  reactjs  button  onclick  dom-events 

Чи можливо запустити дві анімації на двох різних елементах одночасно? Мені потрібна протилежна цьому питанню анімація з черги на Jquery . Мені потрібно щось подібне зробити ... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); але запустити цих двох одночасно. Єдине, про що я міг би подумати, - …

211 javascript  jquery  animation 

Як я можу серіалізувати об’єкт до JSON в JavaScript?

211 javascript  json 

Як я можу отримати положення каретки з поля введення? Я знайшов декілька біт і фрагментів через Google, але нічого не підтверджено. В основному щось на зразок плагіна jQuery було б ідеальним, тому я міг би просто зробити $("#myinput").caretPosition()

211 javascript  jquery  html 

Коли я відкриваю Інструменти для розробників в Google Chrome, я бачу всі види функцій, такі як "Профілі", "Часові рамки" та "Аудити", але основна функціональність, як можливість встановлення точок прориву як у js-файлах, так і в коді html та javascript, відсутня! Я спробував використати консоль javascript, яка сама по собі баггі …

211 javascript  debugging  google-chrome 

Чи можна використовувати метод moment.js format на об'єктах тривалості? Я не можу його знайти ніде в документах, і він не бачить атрибут об’єктів тривалості. Мені б хотілося зробити щось на кшталт: var diff = moment(end).unix() - moment(start).unix(); moment.duration(diff).format('hh:mm:ss') Крім того, якщо є якісь інші бібліотеки, які можуть легко відповідати такому …

211 javascript  momentjs 

У мене є код JavaScript, який працює у FireFox, але не в Chrome або IE. На консолі Chrome JS я отримую наступну помилку: "Uncaught SyntaxError: Несподіваний кінець введення". Я використовую JavaScript-код: <script> $(function() { $("#mewlyDiagnosed").hover(function() { $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"}); }, function() { $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"}); }); </script> Він …

211 javascript  jquery  syntax  syntax-error  indentation 

Я виводжу значення з бази даних (вона насправді не відкрита для публічного входу, але вона відкрита для входу користувачем компанії - це означає, що я не переживаю за XSS ). Я намагаюся вивести такий тег: <a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a> ОПИС - це фактично значення бази даних, яке є приблизно таким: …

211 javascript  quotes  escaping 

Провівши деякий час на вивчення React, я розумію різницю між двома основними парадигмами створення компонентів. Моє запитання - коли я повинен використовувати який і чому? Які переваги / компроміси однієї над іншою? ES6 класи: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return …

211 javascript  reactjs  ecmascript-6  redux