html5

Trying to display text content of <a> in <canvas> without any visual difference

Hi all, Let's say that I got the following code in a page: elit ac <a href="http://www.ducksanddos/bh.php" id='link'>Hello world!</a> nunc And that I want to make the <a> contain a <canvas> element which will display the exact same text and will look exactly like the <a> looked before the change, resulting code: elit ac <a href="htt...

HTML5 <audio> Safari live broadcast vs not

I'm attempting to embed an HTML5 audio element pointing to MP3 or OGG data served by a PHP file . When I view the page in Safari, the controls appear, but the UI says "Live Broadcast." When I click play, the audio starts as expected. Once it ends, however, I can't start it playing again by clicking play. Even using the JS API on the aud...

Web sockets server side processing model

To implement a server supporting clients using web sockets, do servers keep an open HTTP connection with each client? How can this scale? What are the "programming models" when implementing this type of server? Ie: most web apps have servlets, etc which support a connect->request->response->close type model. Whereas with web sockets ...

Change rails text_field form builder type

I've been looking at the new options available in HTML5 forms, such as declaring input types as "email", "url", and "number", as described here. How can I use these in conjunction with the rails form builders? I have tried <% form_for @user do |f| %> <%= f.email :email, {:placeholder => '[email protected]'} %> <% end %> But that does...

Wysiwyg with image copy/paste

First, I understand that an image cannot be "copied" from a local machine into a website. I understand that it must be uploaded. I am a web programmer, and am familiar with common web wysiwyg tools such as TinyMCE and FCKEditor. My question is if there exists a program or web module or something of the sort that works will perform an aut...

Storing Objects in HTML5 localStorage

I'd like to store a JavaScript object in HTML5 localStorage, but my object is apparently being converted to a string. I can store and retrieve primitive JavaScript types and arrays using localStorage, but objects don't seem to work. Should they? Here's my code: var testObject = { 'one': 1, 'two': 2, 'three': 3 }; console.log('typeof...

google gears discontinued, html 5 in draft

Hi all, we've trying to develop a mobile web app that will provide offline capabilities, not just reading but also creating content. Gears supports three important aspects: - local server so we can have cached static content such as html, css, js, etc - local database so that we can have data stored locally for offline access as well ...

Can a WebKit-based Mac app use HTML5 databases from Safari?

I work on a WebKit-based app that "runs" several different web apps for a big telco client. Recent Safari versions are slower and slower to write out changes to the shared cookie cache and I am looking for alternatives to handing off a session from Safari to our client WebKit app. I'd like to use HTML5 database support found in newer Sa...

Local web storing of files using HTML5

Hi, I was fascinated by Google Gears and its potential use in online game development, particularly massive online game development. One could take the game resources and store them locally using ResourceStore, thus reducing game load time, server bandwidth issues, etc. I have therefore welcomed the news that HTML5 supports offline stor...

scaling logo in html5 <canvas>

Having trouble scaling with . It seems to make sense to code up a drawing in canvas to a fixed size (ie 800x600) then scale it for specific locations - but sizing occurs in 4 places: 1) in the context definition (ie ctx.width = 800 2) with ctx.scale; 3) in html with but this doesn't appear right - it seems to want the scale to be pro...

Web workers and permissions - Cant't find variable openDatabase (Safari)

Hello everyone. I have some problems with Web workers in javascript. I would like to open sqlite database from worker and make sync, but it always ends up with error: Can't find variable: openDatabase Here is my code //index.html new Worker(worker.js) //worker.js openDatabase(...) Why worker doesn't have permissions to openDatabase...

What is the fastest way to move a rectangular (pixel) region inside a HTML5 canvas element

I want to implement vertical scrolling of the contents of a HTML5 canvas element. I don't want to render the whole content again. Instead I would like to move the whole content down/up and only render the area, which has been scrolled into view. I experimented with the getImageData and putImageData functions but in my tests they are alm...

HTML5 concurrent queries

Hi, I am developing a HTML5 based application. I need to process two queries concurrently, one inside another. Pseudo code attached below: function main() { db.transaction( function (transaction) { transaction.executeSql(getDeptQuery, [bind1,bind2],processDepartments, errorHandler); } ); } function pro...

HTML5 manifest cache problems

I'm trying to cache (for offline use) some parts of my webbapplication but whenever I cache css files or js files they turn up empty when loaded from the cache (checked both in Safari and Firefox) What can cause this problem? I have made sure that the manifest file is working properly and I have tried both with relative paths and absolu...

Can I start using HTML 5 for my smartphone app ?

Most smartphones use modern browser engines that have implementing HTML 5 (or at least partially). Should I start using HTML 5 for my web application ? Where can I find a list of browser engines used by most popular devices (iPhone,Android,etc.) ? My application doesn't have to work on older desktop browsers. ...

Is there a WebSocket client implemented for .NET?

I would like to use WebSockets in my Windows Forms or WPF-application. Is there a .NET-control that is supporting WebSockets implemented yet? Or is there any open source project started about it? An open source solution for a Java Client supporting WebSockets could also help me. ...

Problems using HTML Canvas & Greasemonkey not able to drawImage() on 2D context

In my Greasemonkey script, when I obtain a handle on an HTMLImageElement I want to use with an HTML Canvas, I get the following error in Firefox's Error Console (I assume it's because it's enclosed in an XPCNativeWrapper): Error: Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D...

Is there a WCF server implementation of Web Sockets form HTML 5?

I would like to play with the new Web Socket support in Chrome (and soon Firefox), but have been unable to find a WCF implementation that will act as the server. Have somebody implemented a .net WCF Web Socket based server? ...

Canvas fillText performance, is it my code or a problem with WebKit?

I'm implementing some basic animations in canvas, when I came across an interesting issue. It appears that Firefox is rendering my text much more smoothly when animated, then the Chrome or WebKit nightlies. Is this a problem with my code or is there a performance issue with fillText in Webkit/Chrome? edit I forgot to mention in my actu...

Interfacing <Div>

This is my code: <div id="divCategoryMenu" name="divCategoryMenu" style="background-color:#BCD2E6;"> <ul id="ulCategoryMenu" name="ulCategoryMenu"> </ul> </div> The list is dynamically filled. But there is a problem: When the list fills inside this Div, the items are center-aligned by default when I have not used any align prope...