Tag: html5

Filtro personalizado angularjs para verificar los valores dentro de una matriz de datos

Tengo dos filtros que filtran los datos de acuerdo con la clave de cola en los datos. Aquí está mi código: var app = angular.module(‘app’, []); app.controller(‘mainController’, function($scope) { // Data object $scope.servers = [{ name: ‘ServerA’, queue: ‘111’ }, { name: ‘Server7’, queue: ‘111’ }, { name: ‘Server2’, queue: ‘456’ }, { name: ‘ServerB’, […]

¿Bootstrap 4 Menú desplegable no funciona?

Copié el ejemplo oficial de Bootstrap 4 para los menús desplegables, pero no funciona, es decir, no se ha bajado nada. Dropdown Action Another action Something else here

Compruebe si las imágenes están cargadas antes de gameloop

Hasta ahora mi progtwig está funcionando como yo quiero. Esto funciona bien: // Player object var player = { x: 10, y: 10, draw: function () { ctx.drawImage(playerImg, 0, 0); … ¿Debo verificar si playerImg está cargado primero, aunque funcione correctamente hasta ahora? Además, cuál es la mejor manera de comprobarlo. Estaba pensando en poner […]

HTML5 Canvas Translate (0.5,0.5) no corrige la línea borrosa

Leyendo artículos relacionados , he intentado forzar el tamaño del canvas en píxeles, especificando medio píxeles para las rutas y también context.translate (0.5) pero las líneas de mi canvas todavía están borrosas. Ver Codepen. const ctx = canvas.getContext(“2d”); ctx.translate(0.5, 0.5); /* Function to draw HTML5 canvas line */ const drawPath = (startX, startY, endX, endY) […]

La modificación de un canvas mediante la manipulación de píxeles de alguna manera no funciona del todo en IE9

En un primer bash de realizar una manipulación de píxeles en un canvas de HTML5, he escrito un código para cambiar una parte específica de una image de background. Estoy usando una image de máscara para marcar las partes específicas que deben cambiarse. Y dibujo dos líneas verticales de 1 píxel a la vez. Mi […]

Arrastrar y soltar (evento) no desencadenar ajax POST

Tengo tres páginas: test.php, script.js y main.php. Main.php está utilizando html5 arrastrando y soltando junto con un simple script ajax de script.js, en un esfuerzo por publicar y activar test.php. (Nota al margen, me gustaría que main.php pase el <img id="s1" /> como una variable POST. Después de varias horas de investigación y un centenar […]

¿Cómo mostrar el time de actualización posterior como Facebook y Twitter?

Estoy haciendo un mazo de notifications. y en lugar de mostrar la hora a la que vino una notificación. Quiero mostrar el time transcurrido desde la llegada de la notificación. Como sucede en Twitter y Facebook donde muestran 32 millones, hace una hora, etc. Quiero implementar este código es JavaScript / Java. Cualquier ayuda será […]

Phonegap: actualización flexible de la aplicación iOS (sin AppStore)

Tengo una aplicación para iOS Phonegap. Mi aplicación se distribuye de forma privada, por lo tanto, existe y no habrá uso de la tienda de aplicaciones. La aplicación se comunica con un middleware homebrew. Para administrar las actualizaciones de la aplicación, pensé en hacer algo como: -> Al inicio de la aplicación, verifique si hay […]

¿Cuál es la forma más eficiente de seleccionar todas las tags html que tienen datos específicos independientemente del valor?

Estoy tratando de agregar algún tipo de configuration sobre la marcha para mis modules require js. Declaré algunas tags html como esta: <header data-module='js/views/header'> </header> <section data-module='js/views/homepage' data-hash='/'> </section> <section data-module='js/views/statistics' data-hash='/statistics'> </section> <footer data-module='js/views/footer'> </footer> Y la consulta jQuery que uso para get todos los elementos que tienen el module de datos configurado en […]

dataTransfer.setData de drag and drop no funciona en Chrome?

<div id="asd" title="222">drag me</div> <script> var el = document.getElementById("asd"); el.draggable=true; el.addEventListener("dragstart", function(ev){ ev.stopPropagation(); var dt = ev.dataTransfer; dt.effectAllowed = "copyMove"; console.log(this.getAttribute("title") + " attr"); dt.setData('Text', this.getAttribute("title")); console.log(dt.getData('Text') + " dt"); },false); </script> VIOLÍN: http://jsfiddle.net/vwjCa/ http://jsfiddle.net/vwjCa/2/ (tipo personalizado aquí en lugar de text) en las impresiones de Firefox: 222 attr 222 dt en impresiones cromadas: 222 […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.