i,m trying to make an application with JS and html5 i have tryed to make a google map who loads my position and let me choose a target positioni got it to work but sudenly the map have stoped loading as it shud i need to tilt my phone to get it to load the full map and i can`t figure out what i have done wrong:(
<!DOCTYPE html><html>
<head>
<title>Sigvartsen</title>
[code]....
I have a problem when trying to load an HTML5 element with Ajax (jQuery.load ()).Here is a simplified example of the problem.
Main page :
<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
<!--[if lt IE 9]>
[Code]...
From my experience with HTML5 video so far (which isn't much), Firefox seems to switching to the "HAVE_ENOUGH_DATA" state too soon which is causing very choppy playback while the video is buffering. Is there a way to start the loading of video as soon as the page loads instead of waiting for the user to press play? I don't mean "autoplay", I want the video to start buffering as soon as the page loads without it playing.
View 2 Replies View Related Here is a link of what I currently have for an image-fade slideshow so far. However if I can I'd like html5+css3 to handle the fade effects instead of depending as heavily on jquery and js. Using the browsers own fade rendering will lighten that load.Link to what I have currently:
http://sympa.me/CHRISTOPHER/index.html .Link to some somewhat working examples.
http:[url]....
I have an onClick event ( showEvent(event) - "ajax") which after a short delay calls another event ( showEvent2(event) - Iframe ). Can someone tell me if it is possible to code this that second event ( showEvent2(event) - Iframe) is shown only after it is fully ( 100% ) loaded.
function showEvent(event) {
Lightview.show({
href: 'redirection-notice.php',
rel: 'ajax',
[Code]....
I have been following a tutorial for an image gallery, i can upload images and use gd to create thumbnails that when clicked display the full sized image, but the full sized image is to big to fit in my design, i have managed to get the rel="lightbox" attached to the thumbnails as they are displayed but it wont load the full image, the loading ring just keeps going round, does anybody know how to fix this? is it even possible.
View 4 Replies View Relateddo you know if it is possible to use selectors for a video tag?For example:
$(this).find('div.misc').find('ul').addClass('thumb-fila').find
('li').find('video').each(function(){
});
I'm trying to write a site a hosts some of my own videos. I want to have a list of videos, each as a link, and when I click on one I want it to load on that same page by graying out everything else but the video. I'm using html 5 and css and I can get the video to come up, but the problem is that when I go to that page, all of the videos load. If I play a video from the pop up window and then close the window, the video will keep playing.
View 5 Replies View RelatedI been working with a simple slideshow script and everything works fine, however I am testing for html5 validation and all but pass except the script calls for img name but in html5 you have to use id now for images. I have tried adding
[Code]...
I can play a sound on my local machine, but when I upload to a server the same code it does not play. I cannot work out why, the link below gives the code. The multi channel code is here:
[URL]
I installed Firebug and insepcted the Net components and can see that the .wav files are being ought out but returning a 304 and then 404 error. This would be fine, however the path being sought is correct. Going to link does'nt play the sound, but removing the file and paring back to the directory brings you to the directory on the server and clicking the file does play the sound. The code works locally, and I simply cannot see what could be causing the issue in the server versions on both Firefox and Chrome.
I'm trying to learn js &html5. now i have an issue. i'm working on a dice game (craps) using the html5 <canvas>. my dice are working fine but every time i click the "roll" button the page reloads which resets my form. the form provides feedback about the rolls. it includes the output of the counter variable, and win, lose, or shoot again info.
Html5 can be viewed at
Here is some of the js. if you need it all i'll post it later - just let me know.
Fyi- if i take the call to fxInit() out of the body tag in the html5 the canvas does not persist, it blinks with every (roll) onClick Event
I have used ie9 js debugger and it steps through flawlessly every time 4-5 counts .
var firstTurn = true;
HTML5 brings two new methods to the js selector API: querySelector() and querySelectorAll(). These methods can be used to match elements against a group of selectors. I think, a lot of the functionality overlaps with jQuery selectors. My guess is that these new methods will be a few times faster than jQuery selectors because they are natively implemented. My question is, how will jQuery use these additions to the js selector API? Will jQuery selectors just encapsulate these new methods? If so, is this work in progress or..
View 1 Replies View RelatedIn an HTML5 document I have a form code...
At the bottom of the form, I have a submit button that calls Javascript validation code...
Result: Error: document.ContactForm.submit is not a function
If I place a page from another site in this site and modify it as needed to work with the cgi document, everything works. Then I can copy the validation code that worked into the HTML5 page and it fails.
The only difference I can see is that one page is XHTML Transitional and the other is HTML5 so apparently there's a trick I don't yet know about using Javascript and HTML5.
I am trying to create an Asteroids type game using JavaScript along with html5's canvas element for drawing. I have searched around and have looked at examples but I can't figure out what is wrong with my rendering that I do in the game loop that is run every frame. The problem appears to be only that the canvas is not cleared at the beginning of each frame but I feel there might be something wrong also. The code used and shown below only works in Firefox but not Google Chrome or Safari.
[Code]...
i am using phonegap and html5 in my webapp, the problem is when i try to use the html5's FileReader it conflicts with the phonegap's FileReader object.. it's as if when i invoke the FileReader in html5 the one that is being called is the FileReader of phonegap.. any workaround?
View 1 Replies View RelatedIs there a way to build a playlist's video in html5 and javascript ?By now I've found [URL] and [URL]but I'd like to know your opinion as well
View 2 Replies View RelatedI want to save my canvas-content to a single image-file. There are an approach using todataurl(), which works fine. But not if i draw an image-file (e.g. car.jpg or house.png) to the canvas additionally. It does not return the whole image? Here I have my simple example-code:
[Code]...
I am planning to create a web site in HTML5 and Javascript for iPad, for that perpose i need a local database access using javascript. I have installed SQLite on iPad, How i can access Sqlite using javascript.
Points i dont want to implement are: 1] I don't want to use HTML5 Local database storage as it cleans data whenever we clear history and caching. 2] I don't want to use Google gear, becoz it creates dependancy, also i have never used it. Is it possible to access SQLite using pure javascript. so that it will work with all the browsers and also on iPad as well as on XP, Vista machines.
I worked on this website :[URL]and cannot find out why it does not work in IE while it works in other browsers. The small video does not play while the sound does. As far as I can see it works fine in FF and Chrome.
View 1 Replies View RelatedI have a very important question. I am currently attempting to create a Javascript file to test the HTML5 File API. First of all, I want to dynamically obtain a local file using Javascript and Google Chrome. I have succesfully done that by using a function which returns a XMLHttpRequest() object. However, when I try to access the content of it, I get empty space.
[Code]...
I'm trying to figure out how to add images to a canvas element. I found a good site, but for some reason my images turn out bigger than expected.
Here's what I use (It's from different functions in different places, but essentially that is the relevant code). Assume there is a gameObject which has all the functions that I use. I tried replacing the functions with constant values but that made no difference:
PHP Code:
Somehow the image shows up much bigger than 69 pixels width and height. When I make the canvas smaller the image scales down with the canvas. So when I make the canvas twice as small, the image becomes twice as small as well. Seems like it is not using pixels as units.
I found some code on this site to test and display the html5 caching process, but it doesn't seem to work when using jquery.
I get an error [code]...
This works:
$(function(){
$('#video').click(function() {
this.play();
});
[Code].....
nor does assigning a var to #video or any other trick. Im trying to get the video to play when another element is clicked so i cant use 'this' selector.
I was using this HTML5 mouseover tutorial, and realized it doesn't work in IE8. [URL]
View 2 Replies View RelatedI am trying to implement a HTML5 flash fallback option with some javascript i am using but not having much success. I dont know javascript and have just pulled the code from somewhere so am lost at this point. Does anyone know how to implement this?
Code HTML4Strict:
<div class="klas_movie">
<div class="klas_1 klas_sprite">
<div class="klas_2 klas_fs">
[Code].....
I made the following, but wanted the user action to update the audio player status without a page refresh. Currently, the code opens another page with just the player and plays the track picked. How could I make this so only the player src="" changes and nothing else.
Code:
<!DOCTYPE HTML>
<html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>HTML5 Audio Test</title>
<script type="text/javascript">
[Code]....
