Tag: html5

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 […]

Canvas o SVG para el proyecto de diseñador de sala

Estoy a punto de comenzar a trabajar en un proyecto de diseñador de habitaciones que te permitirá drag and drop panetworkinges / puertas / muebles, etc. en una grilla para diseñar una habitación. He decidido que drag and drop PNG transparentes y posicionarlos absolutamente no va a funcionar y no quiero usar flash, por lo […]

¿Es posible anular el almacenamiento local y el almacenamiento de la session por separado en HTML5?

Sé que es posible anular las API de almacenamiento HTML5 anulando Storage.prototype.getItem, setItem, removeItem y borrar. Pero eso anulará esos methods tanto para el almacenamiento local como para el almacenamiento de la session. ¿Es posible anular uno y no el otro? ¿O para anular ambos por separado? Un pequeño context: tengo una aplicación existente que […]

Mostrar label de input (control de textbox) con formatting de dos dígitos en HTML5

¿Cómo puedo hacer una label de input, que siempre acepta dos dígitos? como 01, 02, 03, etc. hasta 24. Un cero a la izquierda debería estar presente en caso de dígitos únicos (0 a 9) <input id="hourInput" type="number" min="1" max="24" step="1" />

xhr envía cadena base64 y decodifícala en el server a un file

Estoy tratando de enviar un img codificado en base64 al server, el javascript se ve como var xhr=new XMLHttpRequest() var reader=new FileReader() reader.onloadend=function(e){ xhr.onload=function(e){ alert(xhr.responseText) } xhr.open("POST","upload.php"); xhr.setRequestHeader("Cache-Control", "no-cache"); xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); //xhr.setRequestHeader("X-File-Name", file.name); //xhr.setRequestHeader("X-File-Type",file.type) xhr.send(e.target.result) } reader.readAsDataURL(file) },false) En php, se ve así: echo "some response Text"; $postdata = file_get_contents("php://input"); file_put_contents('MyFile.jpg', base64_decode($postdata)); Y, finalmente, el […]

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