html5

is there any way to stream binary content with javascript

I am hoping to make an example using the developer build of chrome and being able to use subsonic to stream a binary audio file. So far I have not had any luck though. Granted my next option will be try to load in the audio files into windowStorage and toss some magic dust on them. Does anybody know a way to stream a audio file to the ...

HTML5 localStorage: check if item isset

how can i check if an item is set in js? currently i am using if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) { // init variable/set default variable for item localStorage.setItem("infiniteScrollEnabled", true); } ...

Equal faux cols for simple html5 layout-help needed

I am trying to learn and use html5 and have a basic layout but the sidebar (aside) and section (content) elements are not equal in length and I want them to be equal. I have been trying to fix this with faux column method but with no success yet. I have had several attempts and my last attempt so far I used a background image in 'mid-sec...

How can i play sound list with HTML5 ?

Hi, I appreciate what you do guys in this great site. I want to know if there are any way to play Sound list clips with HTML5. This is a audio code in HTML5: <audio controls="controls" autoplay="autoplay"> <source src="test1.mp3" type="audio/mpeg" /> </audio> it is work with me but what i want is how can i play many sound list exa...

HTML5 form validation does not work with autofocus in Chrome

I don't know if this could be some sort of bug in Chrome or (more than likely) it is me doing something wrong. I am trying to make a textbox background color turn red if what is entered is not a number. I have this html page: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <titl...

Determine whether webpage has foreground window focus/is active tab?

I'd like to be able to mute activity of my app if I can detect that the page is no longer focused. For instance, if the page is in a background tab or another app has focus, I'd like to disable a constantly polling script or switch modal notifications to the new HTML5 notifications API. Is there any way to get this with JS, and if so, w...

How to do object repositioning/moving within a canvas?

Hi, How to reposition/move an object (with its content) within a HTML5 canvas? The flow might be: a) select an area (using triangle, like that of MS paint function icon?) b) move the object to a new location (repositioning) with the content intact. Would appreciate your help. ...

HTML 5 Input type "number" in Firefox

I am working on an app that is only used by a few people in-house, so I feel comfortable telling them to only use Firefox or Chrome, so I can use HTML5. I was working on a very simple feature: <style> input:invalid { background-color: red; } div.box { border-color:#000; border-width:thin; border-style:solid; } </style> <input t...

HTML5 - Can it do this? Today?

In HTML 5 is there any support for things which are really easy to do in Silverlight? For example, ripping a file (chosen by the user) into an array of bytes that can be base64 encoded and passed up to a web service? Or, creation/reading of an image and being able to manipulate the pixels and display this on screen? Or even save it to ...

What 'html5' frontend tech to use for a drag and drop team management app?

Hi, Background: I'm trying to build a web app (as a personal project using modern browsers only) that will leverage the http://www.blackoutrugby.com API. This is an online rugby mgt simulation game. The intention is to offer something powerful to the user which will calculate best teams based on current stats from their team and oppone...

How to exclude portions of text when copying

Im trying to make some text non-copyable, my aim isn't to stop people from copying text from my website but more to make it easier to use. I have a list of files with file size's but I want to only copy the file names and not the file size. So far i'v tried a few different methods but non have worked, I have managed to get the text non-...

Simple AIR Notification App (noob)

hello all, I would like to create a simple AIR app that show's a notification on the bottom right of the users screen. this app won't show all of the time, it will just show if I push a new notification to the users computer. I am doing this in Dreamweaver. It will open on Windows XP computers only. So far I have found out how to show a...

HTML 5 Audio Looping

I've been playing with HTML5 audio recently, and though I can get it to play the sound it only ever will play once. No matter what I try (setting the properties, event handlers, etc) I can't seem to get it to loop. Here's the basic code I'm using: //myAudio is declared at a global scope, so it doesn't get garbage collected. myAudio = n...

canvas.getImageData: "Uncaught Error: SECURITY_ERR: DOM Exception 18"

Hi, I've read that it is not possible to use getImageData on an image loaded from a different domain. Any trick to overcome this? Thanks ...

CSS reset for HTML5

Best practices? How does this differ from HTML4 or XHTML1? There's a lot of discussion going on over here: http://html5doctor.com/html-5-reset-stylesheet/ I'm wondering what other resources/discussion exists. ...

a new approach to web development: request for tools and components recommendations

I'm searching for the best possibility to write web applications that are heavy with JavaScript . So I'd like to present you my ideas and ask for your opinions and alternatives on this, please :) 1 year ago I started looking for possibilities for web development besides PHP. I found JSP and Django. I decided to go with Django. After sta...

Given an ID, find and replace the last sentence with a span wrapper

Given the following: <div id="bigchuck"> <p>blah blah blah.</p> <p>yada yada yada.</p> <p>Tada. Bing bong the witch is dead. Door bell.</p> </div> How can JavaScript/JQUERY find the last sentence "Door bell" and wrap it with a tag, to result in: <div id="bigchuck"> <p>blah blah blah.</p> <p>yada yada yada.</p> <p>Tada. Bing bo...

HTML5 Cache Manifest and Content types

i am reading Dive into HTML5: Offline web apps: Cache manifest ... but it must be served with the content type text/cache-manifest. If you are running an Apache-based web server, you can probably just put an AddType directive in the .htaccess file at the root of your web directory AddType text/cache-manifest .manifes...

Use HTML5 cache manifest to improve performance?

i was reading Dive into HTML5: Offline web apps: Cache manifest when i got an idea. can i use it (HTML5 Cache Manifest) to cache files (eg. CSS/JS/Images/etc) for offline capability. but also for performance. user wont need to load those files when they visit your site again? or will it (files cached by cache manifest) work only in offli...

HTML5 Cache (Manifest) Network Section

i am wondering whats the use of the network section of the HTML5 Cache Manifest? from offline resource in firefox The online whitelist may contain zero or more URIs of resources that the web application will need to access off the server rather than the offline cache. This lets the browser's security model protect the use...